江西省第一屆職業(yè)技能大賽主賽場項目技術文件3.網(wǎng)站設計與開發(fā)

江?省第?屆職業(yè)技能?賽

“?站設計與開發(fā)”項?技術?作?件

（世賽選拔）

2022年10?

I

?錄

1.項?簡介---------------------------------------------------------------------------1

1.1項?描述--------------------------------------------------------------------1

1.2考核?的--------------------------------------------------------------------1

1.3相關?件-------------------------------------------------------------------1

1.4參賽選?要求--------------------------------------------------------------2

2.基本能?與職業(yè)標準------------------------------------------------------------2

3.競賽內(nèi)容---------------------------------------------------------------------------5

3.1考核內(nèi)容--------------------------------------------------------------------5

3.2競賽模塊-------------------------------------------------------------------5

3.3模塊簡述-------------------------------------------------------------------5

3.3.1模塊A--------------------------------------------------------------5

3.3.2模塊B---------------------------------------------------------------6

3.3.3模塊C---------------------------------------------------------------6

3.3.4模塊D--------------------------------------------------------------6

3.4命題?式--------------------------------------------------------------------6

3.5競賽?程安排--------------------------------------------------------------6

4.評分標準---------------------------------------------------------------------------7

4.1評價分（主觀）-----------------------------------------------------------7

4.2測量分（客觀）-----------------------------------------------------------8

4.3評分流程說明--------------------------------------------------------------8

4.4統(tǒng)分?法--------------------------------------------------------------------8

II

4.5裁判構成和分組-----------------------------------------------------------8

5.競賽相關設施設備---------------------------------------------------------------13

5.1場地設備-------------------------------------------------------------------13

5.2材料------------------------------------------------------------------------14

5.3競賽場地禁??帶使?的設備和材料---------------------------------14

6.項?特別規(guī)定---------------------------------------------------------------------14

7.賽場布局要求---------------------------------------------------------------------14

8.健康安全和綠?環(huán)保------------------------------------------------------------15

9.開放賽場--------------------------------------------------------------------------16

III

本項?技術?作?件是對本競賽項?內(nèi)容的框架性描

述，正式?賽內(nèi)容及要求以競賽最終公布的賽題為準。

1.項?簡介

1.1項?描述

?站設計與開發(fā)項?指根據(jù)項?需求制作站點設計，實

現(xiàn)能在各種終端與常?瀏覽器上使?的??、交互效果等功

能的競賽項?。該項?需要選?熟練地進?設計站點的logo

及主題?格，并在各站點中應?這些元素，同時還需關注站

點的受眾群體，制作更受歡迎的設計；按設計稿使?HTML5

及CSS3實現(xiàn)界?，并完成各種交互效果的開發(fā)。此外還需

處理好代碼編寫過程中發(fā)?的異常，妥善處理作品同常?瀏

覽器以及軟硬件之間的兼容性。

該項?對應的職業(yè)（?種）：計算機程序設計員相關?種。

1.2考核?的

本次?賽的?的是選拔出具備?站設計與開發(fā)優(yōu)秀技能

?平和綜合素質的選?參加集訓，備戰(zhàn)中華??共和國第?

屆職業(yè)技能?賽。同時通過此次選拔賽，將本項?近年來世

界技能?賽的先進理念和技術進?推?和普及，使參賽選?、

裁判等相關?員熟悉世界技能?賽技術要求，了解相關職業(yè)

領域技術技能發(fā)展趨勢。

本次選拔賽競賽內(nèi)容將參考世界技能?賽?站設計與

開發(fā)項?競賽要求，結合國內(nèi)?站開發(fā)技術、各個地市區(qū)的

實際情況來制定技術?作?件，重點關注世界技能?賽該項

?競賽關鍵考核技術要素和基本技能要求。

1.3相關?件

本項?技術?件只包含項?技術?作的相關信息。除閱

讀本?件外，開展本技能項?競賽還需配合其他相關?件?

同使?：

《江?省第?屆職業(yè)技能?賽競賽技術規(guī)則》

1

《中華??共和國第?屆職業(yè)技能?賽競賽技術規(guī)則》

《第45屆世界技能?賽全國選拔賽競賽規(guī)則》

1.4參賽選?要求

本項?為個?賽，年齡要求2002年1?1?以后出?。

2.基本能?與職業(yè)標準

本項?以中華??共和國第?屆職業(yè)技能?賽競賽標

準和國家職業(yè)標準等級（?級?）為競賽依據(jù)，引?世界技

能?賽標準和組織模式，以計算機程序設計員?級?標準為

基礎，重點考核選?對?站設計與開發(fā)技能的展示和評估，

具體測試選?在?站設計、編程和調(diào)試技能??的能?。能

?考核要素和權重?致如下：

相關?作要求類別

1?作組織管理

個?需要知道和理解：理論

?在團隊?作中富有效益和實踐

?有助于產(chǎn)品可持續(xù)性的?案和實踐

?使?現(xiàn)有?具解決問題和需求

?在多?案中選擇合適的?案，正確的時間預估和分配

個?應能夠：實操

?考慮功能限時和項?截??期

?調(diào)試和處理錯誤

?使?計算機設備、服務器和軟件

?根據(jù)?業(yè)發(fā)展，應?和研究新技術及技能

?根據(jù)可?時間安排?作計劃

?對?作?件進?歸檔

?使?版本控制系統(tǒng)

2溝通和?際交往能?

2

個?需要知道和理解：理論

?如何解決和溝通問題，包括認識問題、研究、分析、解決

?案制作、原型設計、測試和結果評估

?通過創(chuàng)建線框和流程圖表達設計概念

?軟件設計概念和技術，包括流程圖和ER圖

個?應能夠：實操

?交付符合客戶要求的產(chǎn)品

?收集、分析和評估信息

?解釋標準和要求

?符合客戶需求

?提出滿?業(yè)務需求的概念

3站點設計

個?需要知道和理解：理論

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

?同設計的認知、社會、?化、技術和經(jīng)濟背景有關的問

題

?如何為Web創(chuàng)建和調(diào)整圖形

?所制作業(yè)務的設計特點

?不同的?標市場并滿?每個市場的設計要素

?維護企業(yè)形象，品牌和?格指南的協(xié)議

?互聯(lián)?設備和對應屏幕分辨率的約束

3

個?應能夠：實操

?為傳達錯誤信息創(chuàng)建、分析和開發(fā)視覺反饋，包括理解

層級結構，排版，美學和構架

?為項?創(chuàng)建、控制和優(yōu)化圖?

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

?創(chuàng)建響應式設計，在多種屏幕分辨率/設備上正常運?

?將想法融?具有美觀和創(chuàng)意的設計

?評判并選擇合適的草圖設計、顏?和原型

4??重構

個?需要知道和理解：理論

?萬維?聯(lián)盟（W3C）的HTML和CSS標準

?定位和布局?法

?可?性和交互設計

?對有特殊需要的?戶的可訪問性和通信

?瀏覽器兼容性

?搜索引擎優(yōu)化（SEO）

個?應能夠：實操

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

?為各種設備和屏幕分辨率創(chuàng)建可訪問和可?的?站

?使?CSS或其他外部?件修改?站的外觀

?使?CSS預處理/后處理器

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

?在需要的地?嵌?和集成動畫，?頻和視頻

5前端開發(fā)

個?需要知道和理解：理論

?JavaScript

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

4

個?應能夠：實操

?創(chuàng)建?站的動畫和交互功能，幫助解釋??內(nèi)容

和增加視覺吸引?

?創(chuàng)建和更新JavaScript代碼，增強?站功能性，

可?性和美觀

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

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

3.競賽內(nèi)容

3.1考核內(nèi)容

本次選拔賽以第45屆世界技能?賽?站設計與開發(fā)項

?為指導，并結合世賽標準來組織命題，將理論融?技能考

核過程中。具體包括前端游戲設計、游戲交互功能、響應式

單?設計和響應式??重構四個部分對選??站設計與開

發(fā)能?進?考核。

3.2競賽模塊

模塊競賽時間分數(shù)

模塊名稱

編號min評價分測量分合計

A前端游戲設計15032023

B游戲交互功能18033437

C響應式單?設計15031922

D響應式??重構12041418

總計6001387100

3.3模塊簡述

本次?賽共計兩天四個模塊，每個模塊獨?評分。每個

模塊中選?提交的作品及源代碼應具備英??站制作規(guī)范。

5

3.3.1模塊A

某在線?站需要制作?個前端游戲，選?將使?提供的

有限素材，按照賽題要求進?游戲?格、界?、元素的設計。

提交的設計應能符合游戲主題，并能在設計稿中體現(xiàn)出對交

互友好的設計理念。

3.3.2模塊B

前端功能和交互，根據(jù)上午設計的游戲?格和制作的前

端??，對游戲功能邏輯和交互進?設計。完成賽題中對于

游戲功能的描述。同時要做到在項?中充分體現(xiàn)交互友好性。

3.3.3模塊C

江?省第?屆職業(yè)技能?賽在南昌舉辦，選?作為?名

設計師，需要制作?個單?設計以滿?需求?的要求。選?

的作品需要體現(xiàn)單?設計的特點，能夠針對移動端進?優(yōu)化

并設計便捷友好的前端交互效果。

3.3.4模塊D

選?需要根據(jù)上午提交的設計稿，在本模塊中選?需要

實現(xiàn)響應式??重構和要求的各類交互效果。選?需要嚴格

按照W3C標準規(guī)范完成前端編碼?作，提交的作品符合設

計稿并能夠在不同分辨率下被正確的瀏覽。

3.4命題?式

本項?競賽題的命題?式：賽前4周公布樣題，根據(jù)世

界技能?賽本項?的技術規(guī)則要求，結合本項?技術特點，

所命競賽試題內(nèi)容基于世界職業(yè)技能?賽的技術要求和規(guī)

則，在?賽當天提供相關素材。賽前裁判?可結合賽場設備、

材料狀況，按照本項?試題調(diào)整的?作流程和?法，將由裁

判?進?30%的最終修正和調(diào)整，調(diào)整后的競賽試題不再重

新發(fā)布。

3.5競賽?程安排

時間：2022年11?底（具體時間另?通知）。

地點：南昌綠地國際博覽中?

6

具體時間安排表：

?期?作內(nèi)容相關?員

C-3代表隊報到領隊、裁判、選?等

C-2設施設備裝調(diào)確認場地經(jīng)理

選?熟悉競賽設備環(huán)境選?

C-1

裁判會議裁判

上午：A模塊測試裁判、選?

C1

下午：B模塊測試裁判、選?

上午：C模塊測試裁判、選?

C2

下午：D模塊測試裁判、選?

C3項?技術點評裁判、選?

C+1閉幕式裁判、選?

說明：具體競賽流程?后期執(zhí)委會發(fā)布的競賽指南

4.評分標準

本項?評分標準分為測量和評價兩類。凡可采?客觀數(shù)

據(jù)表述的評判稱為測量；凡需要采?主觀描述進?的評判稱

為評價。

4.1評價分（主觀）

評價分（Judgement）打分?式：3名裁判為?組，各?單

獨評分，計算出平均權重分，除以3后再乘以該?項的分值

計算出實際得分（四舍五?，保留?數(shù)點后三位）。裁判相互

間分差必須?于等于1分，否則需要給出確切理由并在?組

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

權重表如下：

權重分值要求描述

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

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

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

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

7

4.2測量分（客觀）

測量分（Measurement）打分?式：按模塊設置若?個評

分組，每組由3名或以上裁判構成。每個組所有裁判?起商

議，在對該選?在該項中的實際得分達成?致后最終只給出

?個分值。若裁判數(shù)量較多，也可以另定分組模式。

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

滿分或零分?站地圖動態(tài)鏈接?菜單0.500.500

CSS代碼能通過驗證[每種

從滿分中扣除2.002.000–1.5

錯誤扣0.5分]

CSS代碼有注釋(0.5分)

從零分開始加1.01.00–0.5

XHTML代碼有注釋(0.5分)

4.3評分流程說明

本項?采?事后結果評分，每?下午完成上午競賽部分

的評分，下午競賽部分的評分次?上午進?，最后?個競賽

?完成所有模塊評分?作。

當兩名選?總成績并列時，選?排名順序按照B模塊成

績先后順序排序；若B模塊成績依舊相同，依次按照A、D、

C順序?較模塊成績。

4.4統(tǒng)分?法

各裁判組打分后，打分裁判簽字，交給裁判?簽字確認，

再交給登分員錄?系統(tǒng)，登分員全部錄?后簽字，最后統(tǒng)分

結果由裁判?簽字確認。

4.5裁判構成和分組

4.5.1裁判組

裁判?：裁判?由江?省第?屆職業(yè)技能?賽組委會確

定并發(fā)?通知，由該項?專家組組?擔任。

裁判員：?般由選?選派單位派專業(yè)?員組成，裁判組

由裁判?1名及若?名裁判員組成。參賽選?數(shù)量在12?

（含）以上的項?根據(jù)?作需要，可由裁判?向賽區(qū)組委會

提出申請，增設裁判?助理1名，協(xié)助裁判?開展?作。

8

根據(jù)《江?省第?屆職業(yè)技能?賽競賽技術規(guī)則》、《關

于公布江?省第?屆職業(yè)技能?賽各項?實施保障單位和

技術專家組?的通知》?件要求，專家組?由組委會遴選確

定，并擔任裁判?，各參賽單位每個參賽項?限推薦1名裁

判員，根據(jù)各單位推薦的裁判?員不?以完成各項?的執(zhí)裁

?作，則由該項?實施保障單位向?賽組委會提出聘請第三

?裁判?員情況說明，經(jīng)同意后選定為?賽第三?裁判員。

4.5.2裁判任職條件

1.裁判員原則上應具有對應賽項或職業(yè)（?種）10年及

以上從業(yè)經(jīng)歷，或參加過江?省職業(yè)技能競賽技術專家培訓

并獲得執(zhí)裁資格的，且具有?級?及以上職業(yè)技能等級證書

（含職業(yè)資格證書，下同）或相關專業(yè)中級及以上專業(yè)技術

職稱。

2.熱愛祖國，遵紀守法，誠實守信，具有良好的職業(yè)道

德，身體健康。

3.具有團隊合作、秉公執(zhí)裁等基本素養(yǎng)。

4.熟知并遵守競賽規(guī)則、技術?作?件和其它相關?賽

?件。

4.5.3裁判?職責

1.全?負責競賽技術、裁判及爭議處置等?作。

2.解讀競賽賽題及技術?件，牽頭組織開展裁判員培訓會

議。

3.以分組形式安排裁判組任務分?，監(jiān)督裁判員各項?

作。

4.現(xiàn)場裁定有關裁判爭議，協(xié)助仲裁組做出仲裁處理。

5.對擾亂賽場秩序，?擾裁判員?作，經(jīng)裁判?討論后酌

情扣分，情況嚴重者取消競賽資格。

6.裁判?在裁判員測評中，可進?抽查，若出現(xiàn)失職，第

?次進?警告，同時對本代表隊選?按規(guī)定給予扣分處罰，

第?次取消執(zhí)裁資格。

9

7.?賽過程中，A、B、C、D模塊由裁判?組隨機進?

評測，?組簽字后交給裁判?，再由裁判?審核后交由錄分

?員進?分數(shù)匯總，最終成績由裁判?公布。

4.5.4裁判員職責

1.按照裁判?分組分?，具體承擔?賽現(xiàn)場賽務?作，公

平公正開展具體裁判和測評?作，并對本?組承擔執(zhí)裁?作

的評判結果簽字確認。

2.查看選?身份證和隨身佩戴的對應?位號。

3.組織選?在賽前檢查環(huán)境、設備、?具等，選?簽字確

認，審核選??帶設備是否符合要求，保障選??身安全和

設備正常使?。

4.協(xié)助裁判?解答技術及考核?作問題。

5.詳實記錄選?考核過程，及時提出意?建議。

6.遵照執(zhí)?考核回避、保密等規(guī)則及議定事項。

7.聽從指揮，服從安排，接受裁判?和監(jiān)督仲裁組的抽查

和監(jiān)督。

4.5.5裁判評判?作及紀律要求

1.裁判員出?賽場要佩戴胸牌，?著整?，舉???，不

?聲喧嘩，聽從指揮，按照裁判?統(tǒng)?安排分組開展?作。

2.裁判員要嚴格遵守保密規(guī)定，正式?賽期間，不允許攜

帶通信設備、智能設備、存儲設備，?賽期間，不允許泄露

任何?賽信息，不允許單獨離開賽場或單獨與場外?員交流

溝通。

3.裁判過程中實?回避政策，各代表隊推薦的裁判員不參

與本代表隊選?和本地區(qū)代表隊選?的執(zhí)裁、測量、評分等

?作，不得與本代表隊選?和本地區(qū)代表隊選?現(xiàn)場交流、

指導。

4.各項?裁判組在選?報到、檢錄階段，要按照本項??

賽細則要求，對選?攜帶的?具等進?嚴格檢查，避免選?

違規(guī)攜帶物品進?賽場對?賽成績造成影響。

10

5.每?階段(模塊)?賽結束，需參賽選?離場的，各項?

裁判組要在裁判?帶領下，會同技術保障組，對每個?位的

設備、設施等進?全?檢查，確認?誤后統(tǒng)?安排選?退場。

6.執(zhí)裁過程中，出現(xiàn)技術爭議、測評爭議等問題由裁判?

負責解釋并裁定。

4.5.6預期分組與分??案

裁判按照裁判?員?數(shù)，分為考場監(jiān)督組和評分組，并

進?輪換，確保每組機會均等參與考場監(jiān)督和評分?作，以

實際情況做調(diào)整。

4.5.7賽場規(guī)則

1.所有競賽軟件?具由賽場提供；

2.各參賽隊要發(fā)揮良好道德?尚，聽從指揮，服從裁判，

不弄虛作假。如發(fā)?弄虛作假者，取消參賽資格，成績?效；

3.正式?賽期間，各參賽隊領隊和其他?員可到賽場觀

摩，但需要按照賽場的要求在指定地點觀摩，并服從現(xiàn)場?

作?員的指揮和管理；

4.各代表隊應加強對參賽?員的管理，督促參賽選?要

堅決執(zhí)?競賽的各項規(guī)定，做好賽前準備?作，確保選?帶

好選?證和允許的?賽?帶物品；

5.在?賽中各參賽隊如有異議，可向仲裁組提出申訴，

申訴須在24?時內(nèi)以書?形式交仲裁組。?頭報告或其他

?員解釋處理，仲裁組不予受理。各參賽隊不得因申訴或對

處理意?不服?停??賽，否則以棄權處理。仲裁組的決議

為最終裁決；

6.競賽期間參賽選?不得攜帶?機等移動通信或上?設

備，不得攜帶移動存儲設備、資料等物品；

7.因設備?身故障導致選?中斷競賽，?法繼續(xù)?賽的，

經(jīng)確認后由裁判?視具體情況做出裁決；

8.選?在競賽過程中不得擅?離開賽場，如有特殊情況，

需經(jīng)裁判同意后作特殊處理，但因此引起的休息、飲?或去

11

洗?間等所消耗的時間計算在競賽操作時間內(nèi)；

9.參賽選?若提前結束競賽，應向裁判員舉?示意，競

賽終?時間由裁判員記錄，參賽選?簽字確認，結束競賽后

不得再進?任何操作；

10.各賽場除現(xiàn)場裁判員、賽場配備的?作?員以外，其

他?員未經(jīng)?賽組委會允許不得進?賽場。

4.5.8違規(guī)處理

1.裁判參加賽題修改討論會時要嚴格遵守會議紀律要

求，如違反會議紀律，導致?賽資料外泄，除取消本參賽隊

?賽資格，還要承擔相應的法律后果。

2.選?不得攜帶任何資料進?競賽區(qū)，在?賽過程中發(fā)

現(xiàn)選?有抄襲?為的取消本次?賽資格。

3.選?擾亂賽場，?擾裁判員?作，視情節(jié)扣5～10分，

情況嚴重者取消?賽資格。

4.裁判員嚴格遵守?賽規(guī)則，?賽期間不能與??的選

?有任何的單獨接觸?為，如果發(fā)現(xiàn)裁判為??選?提供有

違?賽公平的信息，?經(jīng)查實取消該參賽隊的?賽資格。

5.裁判評分期間，裁判員不能單獨接觸??選?的電腦

和環(huán)境，如發(fā)現(xiàn)裁判有違?賽規(guī)則的?為，選?本次?賽的

成績作廢。

本規(guī)則如與“江?省第?屆職業(yè)技能?賽競賽技術規(guī)則”

有沖突時，以“江?省第?屆職業(yè)技能?賽競賽技術規(guī)則”為

準。

12

5.競賽相關設施設備

5.1場地設備設施及?具

（以每?個?位配備）

序號設備名稱型號單位數(shù)量

>=I3處理器

>=8g內(nèi)存

1主機臺1

>=20GB可?臨

時硬盤空間

2顯示器21.5英?臺2

3鍵盤美式個1

4?標三鍵光電個1

附表：選??賽?主機軟件環(huán)境

序號名稱版本

1Windows10Windows10x64(EN)

2PhotoshopCC2019orupper

3DreamweaverCC2019orupper

4IllustratorCC2019orupper

5WinRAR6.11orupper

6FirefoxDeveloperEditionV106orupper

7ChromeV105orupper

8MSOffice2010orupper

9Editplus5.4orupper

10Notepad++8.4.2orupper

11WebStorm2020orupper

12PHPStorm2020orupper

13Vue2.5orupper

14jQuery3.5orupper

15VisualStudioCode1.71.2orupper

13

16SublimeText33.1.1orupper

5.2材料

本項?沒有耗材。

5.3競賽場地禁??帶使?的設備和材料

序號設備和材料名稱

1額外的軟件

2移動電話

3掌上電腦和智能穿戴設備

4存儲設備和帶有存儲功能的外設

6.項?特別規(guī)定

以世界技能?賽技術為參考依據(jù)，主要從以下???進

?明確：

6.1本項?賽題?件，包括軟件環(huán)境均為英語。

6.2存在以下情況者，取消該模塊成績：

（1）在提交的作品中帶有公司、個?或組織機構的標記；

（2）攜帶任何有記錄內(nèi)容的紙張等?品到?位上；

（3）競賽時間截?時不聽從裁判結束?賽?令，繼續(xù)操

作電腦。

6.3存在以下情況者，取消該選??賽成績：

（1）考?在?賽過程中將禁?使?的設備帶到?位上；

（2）在?賽中存在有違誠信道德的事件，經(jīng)當值裁判記

錄并提交裁判?確認。

6.4如果發(fā)??本?因素引起的軟硬件故障且?法?即

解決的，裁判將予以記錄并根據(jù)處理所花費的時間給予補時。

6.5如選?在