全省中等職業(yè)學校學生技能大賽web前端開發(fā)賽項競賽規(guī)程

2020年甘肅省中等職業(yè)學校學生技能大賽

“Web前端開發(fā)”賽項規(guī)程

一、賽項名稱

賽項名稱：Web前端開發(fā)職業(yè)技能

賽項組別：中職組

賽項歸屬產(chǎn)業(yè)：電子信息大類

二、競賽目的

本賽項旨在考察參賽選手在企業(yè)真實項目環(huán)境下網(wǎng)站規(guī)劃、

網(wǎng)站開發(fā)、用戶體驗設(shè)計等專業(yè)技術(shù)能力和對相關(guān)行業(yè)發(fā)展的核

心技能，以及團隊協(xié)作、溝通力、抗壓力、職業(yè)規(guī)范等職場素質(zhì)，

展現(xiàn)職業(yè)院校計算機相關(guān)專業(yè)學生技能與風采，激發(fā)學生的求知

欲和參與教學活動的熱情，以達到“以賽促學”的目的；培養(yǎng)一

批“實踐能力強、教學水平高、敬業(yè)精神佳”的雙師型“種子教

師”師資隊伍，建設(shè)一批高質(zhì)量、立體化、一體化的專業(yè)、課程、

項目教學資源，以達到“以賽促教”的目的。

三、競賽內(nèi)容

競賽時間為240分鐘。競賽以實際工程項目為基礎(chǔ)，面向企

業(yè)崗位技能需求，突出工程應(yīng)用，體現(xiàn)新技術(shù)普及應(yīng)用推廣。本

項目對標世界技能大賽網(wǎng)站設(shè)計與開發(fā)項目，通過“頁面設(shè)計”、

“前端重構(gòu)”、“網(wǎng)站搭建”三種形式考察選手對實際問題的需

求分析能力、對前端開發(fā)技術(shù)的應(yīng)用能力、對框架的應(yīng)用能力等。

考點包括：按需求完成網(wǎng)站規(guī)劃和頁面設(shè)計、響應(yīng)式前端重構(gòu)、

HTML基礎(chǔ)及HTML5標簽、CSS及CSS3應(yīng)用、JavaScript基本語

—1—

法與高級編程、ES6標準、數(shù)據(jù)庫應(yīng)用、FTP站點發(fā)布、CMS系

統(tǒng)搭建配置等。

四、競賽方式

（一）為提高各院校的學生參與度，綜合考慮承辦單位現(xiàn)有設(shè)

備、競賽準備時間和場地情況，比賽時間定為240分鐘，凡報名

成功的院校參賽隊伍均可參加，未報名的隊伍不能參加。

（二）每支參賽隊由3名同一院校2019年在籍學生組成，并

從中指定隊長1名。

（三）每個參賽隊可配指導(dǎo)教師2名，每個參賽院校指派領(lǐng)隊

1名。

（四）參賽選手在現(xiàn)場根據(jù)給定的項目任務(wù)，在規(guī)定時間內(nèi)，

相互配合在設(shè)備上完成競賽試題中要求內(nèi)容，最后以提交在各參

賽隊服務(wù)器上的作品作為最終評分依據(jù)。

五、競賽命題規(guī)則

1、依據(jù)“Web前端開發(fā)”賽項規(guī)程制定，分為“頁面設(shè)計”、

“前端重構(gòu)”、“網(wǎng)站搭建”三個模塊。

2、競賽題目以實際項目為基礎(chǔ)，體現(xiàn)Web設(shè)計前沿技術(shù)，

符合行業(yè)應(yīng)用相關(guān)的工程規(guī)范及標準，體現(xiàn)軟件技術(shù)應(yīng)用領(lǐng)域的

人才需求特點。

3、競賽題目設(shè)計和評分規(guī)則體現(xiàn)競賽的選拔性，具有一定難

度。

六、競賽規(guī)則

1、競賽工位通過抽簽決定，競賽期間參賽選手不得離開競

賽工位；

—2—

2、競賽所需的硬件設(shè)備按照競賽要求配置，組委會提供計

算機及其它輔助工具，參賽隊不得自帶移動通信設(shè)備、移動存儲

設(shè)備、軟件及其他輔助工具；

3、參賽隊自行決定選手分工、工作程序和時間安排；

4、參賽隊在賽前10分鐘領(lǐng)取競賽任務(wù)并進入競賽工位，競

賽正式開始后方可進行相關(guān)工作開展；

5、比賽過程中，選手須嚴格遵守操作規(guī)程，確保人身及設(shè)

備安全，并接受裁判員的監(jiān)督和指示。若因選手原因造成設(shè)備故

障或損壞而無法繼續(xù)比賽的，裁判長有權(quán)決定終止該隊比賽；若

非因選手個人原因造成設(shè)備故障的，由裁判長視具體情況作出裁

決；

6、競賽為事后結(jié)果評分，沒有時間分，且只對各參賽隊服

務(wù)器上提交的作品內(nèi)容進行評分。

七、競賽環(huán)境

競賽工位之間保持一定距離，并標有醒目的工位編號，確保

參賽隊之間互不干擾。另外，設(shè)置評委/裁判會議室兼休息室1

間，設(shè)備、材料、工具、耗材等儲藏室1間。頒獎場地和參賽隊

休息場地另計。環(huán)境標準要求保證賽場采光、照明和通風良好；

提供穩(wěn)定的電力。

八、技術(shù)規(guī)范

參賽代表隊在實施競賽項目中要求遵循如下規(guī)范：

序號標準號中文標準名稱

1GB/T11457-2006信息技術(shù)軟件工程術(shù)語

2GB/T14394-2008計算機軟件可靠性和可維護性管理

3GB/T15532-2008計算機軟件測試規(guī)范

軟件工程產(chǎn)品質(zhì)量（質(zhì)量模型外部度量內(nèi)部度量使用質(zhì)量

4GB/T16260-2006

的度量）

—3—

5GB/T18905-2002軟件工程產(chǎn)品評價

6GB/T19003-2008軟件工程

7GB/T20271-2006信息安全技術(shù)-信息系統(tǒng)通用安全技術(shù)要求

8GB/T20918-2007信息技術(shù)軟件生存周期過程風險管理

9GB/T8567-1988計算機軟件產(chǎn)品開發(fā)文檔編制指南

10GB/T8567-2006計算機軟件文檔編制規(guī)范

11GB/T9385-2008計算機軟件需求規(guī)格說明規(guī)范

12GB/T9386-2008計算機軟件測試文檔編制規(guī)范

13SJ/T11291-2003面向?qū)ο蟮能浖到y(tǒng)建模規(guī)范

九、技術(shù)平臺

1、軟件平臺

序號軟件名稱設(shè)備基本功能描述備注

平臺集成第三方MySql數(shù)據(jù)庫管理軟件、能穩(wěn)定

中慧Web技術(shù)運行WordPress的PHP環(huán)境，并能夠?qū)崿F(xiàn)不同工成都中慧科技

1

實訓平臺位間的數(shù)據(jù)隔離。有限公司

3PC操作系統(tǒng)Windows7/Windows10承辦校提供

AdobePhotoshopCC2018orupper

AdobeDreamweaverCC2018orupper

AdobeIllustratorCC2018orupper

XAMPP7.2.5orupper

FirefoxDeveloperEditionV58orupper

ChromeV60orupper

軟件開發(fā)環(huán)MSOffice2016Prof

4承辦校提供

境Editplus5.0orupper

Notepad++7.5orupper

PHPStorm2018orupper

Sublimebuild3143orupper

WinRAR

FileZilla3.42.0orupper

Postman7.0orupper

2、硬件平臺

序號設(shè)備名稱設(shè)備基本功能描述備注

1交換機/集線器具備4口集線器功能，配置參賽隊局域網(wǎng)。承辦校提供

—4—

參賽選手用機，Intel酷睿i5或以上級別

2選手PC機處理器，8GB以上內(nèi)存，320G以上硬盤，千承辦校提供

兆網(wǎng)卡。

參賽隊服務(wù)器，Intel酷睿i5或以上級別

3選手服務(wù)器處理器，8GB以上內(nèi)存，320G以上硬盤，千承辦校提供

兆網(wǎng)卡。

備注：一組由3臺PC機和1臺服務(wù)器構(gòu)成。

十、評分標準

1、評分原則

競賽滿分為100分。比賽成績將由“頁面設(shè)計”、“前端

重構(gòu)”、“網(wǎng)站搭建”三個部分組成，分別權(quán)重為35%、45%、

20%。

競賽總得分=頁面設(shè)計+前端重構(gòu)+網(wǎng)站搭建得分

2、評分項目

競賽模塊競賽內(nèi)容權(quán)重

選手需要知道和理解：

如何遵循設(shè)計原則和模式，以產(chǎn)生美觀和創(chuàng)造性的設(shè)計

與設(shè)計的認知、社會、文化、技術(shù)和經(jīng)濟背景有關(guān)的問題

不同的目標市場并滿足每個市場的設(shè)計要素

維護企業(yè)形象，品牌和風格指南

互聯(lián)網(wǎng)設(shè)備和對應(yīng)屏幕分辨率的約束

頁面設(shè)計選手應(yīng)能夠：35%

創(chuàng)建、分析和開發(fā)通訊問題中的視覺反饋，包括理解層次結(jié)構(gòu)、排

版、美學和構(gòu)成

為互聯(lián)網(wǎng)創(chuàng)建、控制和優(yōu)化圖片

識別目標市場和創(chuàng)建設(shè)計概念

將想法融入美觀和有創(chuàng)意的設(shè)計中

考慮用戶體驗，評判并選擇合適的草圖設(shè)計、顏色和原型

選手需要知道和理解：

W3C的HTML和CSS標準

頁面元素定位和布局的方法

可用性和交互設(shè)計

前端重構(gòu)45%

對有特殊需要的用戶的無障礙設(shè)計和通信

瀏覽器兼容性

搜索引擎優(yōu)化（SEO）和性能優(yōu)化

JavaScript及如何使用JavaScript來集成庫、框架和其他系統(tǒng)或

—5—

功能

使用JavaScript前置/后置處理器和任務(wù)運行工作流

選手應(yīng)能夠：

創(chuàng)建符合并能通過W3C標準驗證的代碼（HTML5,CSS3）

為各種設(shè)備和屏幕分辨率創(chuàng)建可訪問和可用的網(wǎng)站

使用CSS或其他外部文件修改網(wǎng)站的外觀

使用CSS預(yù)處理/后處理器

為用戶創(chuàng)建和更新網(wǎng)站，并協(xié)助提升搜索引擎性能

在需要的地方嵌入和集成動畫，音頻和視頻

創(chuàng)建網(wǎng)站的動畫和交互功能，幫助解釋頁面內(nèi)容和增加視覺吸引力

創(chuàng)建和更新JavaScript代碼，增強網(wǎng)站功能性，可用性和美觀

使用JavaScript來操作數(shù)據(jù)和自定義媒體

創(chuàng)建模塊化和可重用的JavaScript代碼

選手需要知道和理解：

面向?qū)ο蟮腜HP

FTP服務(wù)器與客戶端的關(guān)聯(lián)以及軟件包

如何管理服務(wù)器和客戶端系統(tǒng)之間的數(shù)據(jù)交換

CMS（WordPress）系統(tǒng)的優(yōu)點和局限性

如何實現(xiàn)CMS網(wǎng)站客戶端功能

網(wǎng)站搭建20%

理解對CMS插件和模塊的安全性進行維護和更新的需求

選手應(yīng)能夠：

安裝、配置和更新內(nèi)容管理系統(tǒng)

安裝、配置和更新CMS插件/模塊

使用和修改開源主題啟動器為CMS創(chuàng)建主題

創(chuàng)建內(nèi)容管理系統(tǒng)的自定義主題/模板

扣分項違紀扣分

3、評分細則

（1）評價分（主觀）

評價分打分方式：3名裁判為一組，各自單獨評分，計算出

平均權(quán)重分，除以3后再乘以該子項的分值計算出實際得分。裁

判相互間分差必須小于等于1分，否則需要給出確切理由并在小

組長或裁判長的監(jiān)督下進行調(diào)分。

權(quán)重表如下：

權(quán)重分值要求描述

0分各方面均低于行業(yè)標準，包括“未做嘗試”

1分達到行業(yè)標準

—6—

2分達到行業(yè)標準，且某些方面超過標準

3分達到行業(yè)期待的優(yōu)秀水平

權(quán)重分值要求描述

更改現(xiàn)有CSS代碼極度困難，CSS代碼沒有組織結(jié)構(gòu)。HTML沒有

0分

格式化

更改現(xiàn)有CSS代碼較為困難，較難以定位需要的內(nèi)容。HTML有基

1分

本格式

更改現(xiàn)有CSS代碼比較容易，很方便就能定位需要的內(nèi)容。HTML

2分

格式良好

在2分基礎(chǔ)上，CSS還應(yīng)用了一定的代碼分組技術(shù)并至少包含5

3分

條以上有用的注釋

（2）測量分（客觀）

測量分打分方式：按模塊設(shè)置若干個評分組，每組由2名及

以上裁判構(gòu)成。每組所有裁判一起商議，在對該選手在該項中的

實際得分達成一致后最終只給出一個分值。若裁判數(shù)量較多，也

可以另定分組模式。

類型示例最高分值正確分值不正確分值

滿分或零分網(wǎng)站地圖動態(tài)鏈接至菜單0.500.500

CSS代碼能通過驗證[每種

從滿分中扣除2.002.000–1.5

錯誤扣0.5分]

CSS代碼有注釋(0.5分)

從零分開始加1.01.00–0.5

XHTML代碼有注釋(0.5分)

十一、評分方法

1、競賽結(jié)束評分前，專家組根據(jù)試題類型及工作量提前制

定評分工作分組方案；每組裁判負責對應(yīng)模塊，客觀分由2名及

以上裁判協(xié)商給出一致分數(shù)，主觀分由3名裁判獨立評分，具體

請參見評分細則。

2、參賽選手成績采用結(jié)果評分方式。競賽名次按照成績總

分由高到低排序。相同成績的依次按“前端重構(gòu)”、“頁面設(shè)

計”、“網(wǎng)站搭建”部分得分高低決定排名次序。

3、在競賽過程中，參賽選手如有不服從裁判判決、擾亂賽

—7—

場秩序、舞弊等不文明行為，由裁判長按照規(guī)定扣減相應(yīng)分數(shù)，

情節(jié)嚴重的取消競賽資格，競賽成績記0分；

4、如有申訴，參賽選手可在比賽結(jié)束后一個小時之內(nèi)，向

裁判組提交書面申訴材料；

5、比賽不因申訴等原因重新組織。

十二、獎項設(shè)定

本賽項獎項設(shè)團體獎。設(shè)獎比例為：以賽項實際參賽隊總數(shù)

為基數(shù)，一、二、三等獎獲獎比例分別為15%、25%、35%（小數(shù)

點后四舍五入）。

獲得一等獎的參賽隊指導(dǎo)教師獲“優(yōu)秀指導(dǎo)教師獎”。

十三、賽項安全

成立安全保障工作組，負責本賽項籌備和比賽期間的各項安

全工作，根據(jù)賽項具體特點做好安全事故應(yīng)急預(yù)案，保證比賽籌

備和實施工作全過程的安全。

賽前應(yīng)組織安保人員進行培訓，提前進行安全教育和演習，

使安保人員熟悉大賽的安全預(yù)案，明確各自的分工和職責。督促

各部門檢查消防設(shè)施，做好安全保衛(wèi)工作，防止火災(zāi)、盜竊現(xiàn)象

發(fā)生，要按時關(guān)窗鎖門，確保大賽期間賽場財產(chǎn)的安全。

競賽過程中如若發(fā)生安全事故，應(yīng)立即報告現(xiàn)場總指揮，同

時啟動事故處理應(yīng)急預(yù)案，各類人員按照分工各盡其責，立即展

開現(xiàn)場搶救和組織人員疏散，最大限度地減少人員傷害及財產(chǎn)損

失。

競賽結(jié)束時，要及時進行安全檢查，重點做好防火、防盜以

及電氣、設(shè)備的安全檢查，防止因疏忽而發(fā)生事故。

—8—

賽場周圍要設(shè)立警戒線，防止無關(guān)人員進入，發(fā)生意外事件。

比賽現(xiàn)場內(nèi)應(yīng)參照相關(guān)職業(yè)崗位的要求為選手提供必要的勞動

保護。在具有危險性的操作環(huán)節(jié)，裁判員要嚴防選手出現(xiàn)錯誤操

作。

在參賽選手進入賽位，賽項裁判工作人員進入工作場所時，

賽項承辦院校有責任提醒、督促參賽選手、賽項裁判工作人員嚴

禁攜帶通訊、照相攝錄設(shè)備，禁止攜帶未經(jīng)許可的記錄用具。如

確有需要，由賽場統(tǒng)一配置，統(tǒng)一管理。賽項可根據(jù)需要配置安

檢設(shè)備，對進入賽場重要區(qū)域的人員進行安檢，可在賽場相關(guān)區(qū)

域安放無線屏蔽設(shè)備。

比賽期間發(fā)生意外事故時，發(fā)現(xiàn)者應(yīng)第一時間報告賽項執(zhí)委

會，同時采取措施，避免事態(tài)擴大。賽項執(zhí)委會應(yīng)立即啟動預(yù)案

予以解決并向賽區(qū)執(zhí)委會報告。

十四、申訴與仲裁

1、申訴

（1）參賽隊對不符合競賽規(guī)定的設(shè)備、工具、軟件，有失

公正的評判、獎勵，以及對工作人員的違規(guī)行為等，均可提出申

訴。

（2）申訴應(yīng)在競賽結(jié)束后1小時內(nèi)提出，超過時效將不予

受理。申訴時，應(yīng)按照規(guī)定的程序由參賽隊領(lǐng)隊向相應(yīng)賽項裁判

委員會遞交書面申訴報告。報告應(yīng)對申訴事件的現(xiàn)象、發(fā)生的時

間、涉及到的人員、申訴依據(jù)與理由等進行充分、實事求是的敘

述。事實依據(jù)不充分、僅憑主觀臆斷的申訴將不予受理。申訴報

告須有申訴的參賽選手、領(lǐng)隊簽名。

—9—

（3）賽項裁判委員會收到申訴報告后，應(yīng)根據(jù)申訴事由進

行審查，6小時內(nèi)書面通知申訴方，告知申訴處理結(jié)果。如受理

申訴，要通知申訴方舉辦聽證會的時間和地點；如不受理申訴，

要說明理由。

（4）申訴人不得無故拒不接受處理結(jié)果，不允許采取過激

行為刁難、攻擊工作人員，否則視為放棄申訴。申訴人不滿意賽

項裁委會的處理結(jié)果的，可向大賽中職組賽事仲裁工作組提出復(fù)

議申請。

2、仲裁

（1）大賽采取兩級仲裁機制。賽項設(shè)仲裁工作組，大賽執(zhí)

委會設(shè)仲裁委員會。大賽執(zhí)委會選派人員參加賽項仲裁委員會和

仲裁組工作。

（2）賽項仲裁工作組收到申訴報告后，應(yīng)根據(jù)申訴事由組

織復(fù)議，在1小時內(nèi)通知申訴方，反饋復(fù)議結(jié)果。

（3）申訴人不得無故拒絕接受處理結(jié)果，不允許采取過激

行為刁難、攻擊工作人員，否則視為放棄申訴。

（4）申訴方不滿意賽項仲裁工作組復(fù)議結(jié)果的，可向賽項

仲裁委員會提出復(fù)議申請。賽項仲裁委員會的仲裁結(jié)果為最終結(jié)

果。

十五、競賽須知

1、參賽隊須知

（1）參賽隊名稱統(tǒng)一使用規(guī)定的學校名稱，一個學校組織

兩個隊的，分別命名為學校一隊、學校二隊。

（2）參賽隊組成：每支參賽隊由3名2020年在籍中職學生

—10—

組成，性別和年級不限，包括隊長1名。參賽隊員在報名獲得審

核確認后，不再更換，允許隊員缺席比賽。

（3）指導(dǎo)教師：每個參賽隊可配指導(dǎo)教師最多2名，指導(dǎo)

教師經(jīng)報名并通過資格審查后確定。不允許更換新的指導(dǎo)教師，

允許指導(dǎo)教師缺席。

（4）參賽隊按照大賽賽程安排憑大賽組委會頒發(fā)的參賽證

和有效身份證件參加比賽及相關(guān)活動。

（5）參賽隊員著裝須符合安全生產(chǎn)及競賽要求。

（6）參賽隊員應(yīng)自覺遵守賽場紀律，服從裁判、聽從指揮、

文明競賽；持證進入賽場，禁止將通訊工具、自編電子或文字資

料帶入賽場。

（7）比賽過程中，參賽選手須嚴格遵守操作過程和相關(guān)準

則，保證設(shè)備及人身安全，并接受裁判員的監(jiān)督和警示；若因設(shè)

備故障導(dǎo)致選手中斷或終止比賽，由大賽裁判長視具體情況做出

裁決。