河南省第二屆職業(yè)技能大賽網(wǎng)站設(shè)計與開發(fā)（世賽）項目技術(shù)工作文件

河南省第二屆職業(yè)技能大賽

網(wǎng)站設(shè)計與開發(fā)（世賽）項目技術(shù)工作文件

河南省第二屆職業(yè)技能大賽組織委員會

技術(shù)工作組

2023年1月

目錄

一、技術(shù)描述1

（一）項目概要1

（二）基本知識與能力要求1

二、試題與評判標(biāo)準(zhǔn)4

（一）試題4

（二）比賽時間及試題具體內(nèi)容5

（三）評判標(biāo)準(zhǔn)6

三、競賽細(xì)則9

（一）競賽日程安排9

（二）參賽選手10

（三）裁判人員10

（四）競賽要求11

（五）項目特別規(guī)定12

（六）問題或爭議處理13

四、競賽場地、設(shè)施設(shè)備等安排13

（一）場地設(shè)備13

（二）場地布局示意圖17

五、安全、健康要求17

（一）選手安全防護(hù)措施要求18

（二）現(xiàn)場突然非正常停電18

（三）醫(yī)療設(shè)備和措施18

（四）賽場突發(fā)事件應(yīng)急預(yù)案19

附件：網(wǎng)站設(shè)計與開發(fā)（世賽）項目樣題21

一、技術(shù)描述

（一）項目概要

網(wǎng)站設(shè)計與開發(fā)項目是指根據(jù)項目需求進(jìn)行站點整體風(fēng)格

與布局的設(shè)計，根據(jù)設(shè)計的頁面實現(xiàn)在各種終端上的頁面效果、

交互效果以及后臺相應(yīng)功能的競賽項目。

選手需要具備熟練的圖形圖像處理能力和頁面元素設(shè)計能

力，能夠在各類頁面中應(yīng)用所設(shè)計的元素和素材，同時還根據(jù)注

站點的受眾群體，制作更受歡迎的設(shè)計和交互效果；使用HTML5

及CSS3按設(shè)計稿實現(xiàn)頁面，并完成各種交互效果的開發(fā)。此外

還要處理好代碼編寫過程中發(fā)生的異常。最終的作品同常用瀏覽

器以及軟硬件之間的兼容性也是十分重要的，需要妥善處理。

（二）基本知識與能力要求

在實際工作中，要能理解網(wǎng)站業(yè)務(wù)制作的技術(shù)和藝術(shù)價值。

技術(shù)的運用是為了將功能幫助網(wǎng)站經(jīng)營者和用戶更好更高效地

工作（自動化）。網(wǎng)站的顏色、字體、圖形以及布局則需要富有

創(chuàng)意的設(shè)計技巧。用戶界面要確保具有良好的可用性，也必須理

解所制作項目的業(yè)務(wù)內(nèi)容和網(wǎng)站管理的基礎(chǔ)知識。

此表僅供參考，具體比重以試卷為準(zhǔn)。

相關(guān)要求權(quán)重比例（%）

1設(shè)計能力

個人需要知道和理解：15

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

的設(shè)計

1

●同設(shè)計的認(rèn)知、社會、文化、技術(shù)和經(jīng)濟背景有

關(guān)的問題

●如何凸顯站點的目標(biāo)受眾群體

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

●如何在網(wǎng)站中嵌入所創(chuàng)建的動畫和視頻

●維護(hù)企業(yè)形象，品牌和風(fēng)格指南的協(xié)議

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

個人應(yīng)能夠：

●導(dǎo)入并編輯圖像

●為網(wǎng)頁優(yōu)化圖像

●使用某種圖像處理軟件創(chuàng)作圖像

●使用某種圖像處理軟件對圖片進(jìn)行切片

●選用可以增強設(shè)計效果的布局版式

工作能力●為不同的屏幕分辨率進(jìn)行設(shè)計；對給定的分辨率

進(jìn)行優(yōu)化并且頁面在不同分辨率的設(shè)備中良好工作

●為各種自適應(yīng)的站點頁面設(shè)計合適的效果

●創(chuàng)建高效、直觀、易用的網(wǎng)站導(dǎo)航，將想法融入

具有美觀和創(chuàng)意的設(shè)計

●創(chuàng)建的頁面布局包含：流式頁面、網(wǎng)格頁面、頁

面留白、均衡的文字圖像，清晰的層次

●評判并選擇合適的草圖設(shè)計、顏色和原型

2頁面重構(gòu)

個人需要知道和理解：

●萬維網(wǎng)聯(lián)盟（W3C）的HTML和CSS標(biāo)準(zhǔn)

●定位和布局方法

基本知識●可用性和交互設(shè)計

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

●瀏覽器兼容性

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

●創(chuàng)建符合并能通過W3C標(biāo)準(zhǔn)驗證的代碼

（HTML5,CSS3）

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

網(wǎng)站

工作能力

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

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

性能

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

2

3前端開發(fā)

個人需要知道和理解：

20

●JavaScript

基本知識

●如何使用JavaScript來集成庫、框架和其他系

統(tǒng)或功能

個人應(yīng)能夠：

●創(chuàng)建網(wǎng)站的動畫和交互功能，幫助解釋頁面內(nèi)容

和增加視覺吸引力

工作能力●創(chuàng)建和更新JavaScript代碼，增強網(wǎng)站功能性，

可用性和美觀

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

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

4后臺開發(fā)

個人需要知道和理解：

●面向?qū)ο笏枷?/p>

●面向?qū)ο蟮腜HP

●開源后端類庫和框架

基本知識

●如何使用MySQL來設(shè)計和實現(xiàn)數(shù)據(jù)庫

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

●20

●軟件設(shè)計模式（如MVC）

●網(wǎng)頁應(yīng)用程序的安全性

個人應(yīng)能夠：

●使用編程技能來操作數(shù)據(jù)，包括本地儲存、數(shù)據(jù)

庫和前后端通訊

工作能力

●使用php語言和常見框架（如：Laravel）開發(fā)

后端邏輯功能

●創(chuàng)建易讀、可維護(hù)、可重用的后端代碼模塊

5可用性及可及性

個人需要知道和理解：

基本知識●如何使用最新的設(shè)計技術(shù)和編碼技術(shù)制作遵循

行業(yè)標(biāo)準(zhǔn)且具有良好持續(xù)性、一致性的網(wǎng)站

10

個人應(yīng)能夠：

●使用CSS或其他的外部文件來對整個網(wǎng)站樣式

工作能力進(jìn)行修改

●能在兩種不同的瀏覽器（最新、穩(wěn)定的版本）上

優(yōu)化頁面，獲得較好的跨瀏覽器兼容性

3

●所創(chuàng)建的網(wǎng)站內(nèi)容在不同分辨率的屏幕上

要保持一致且結(jié)構(gòu)良好

●對于自適應(yīng)的頁面設(shè)計能使用合適的樣式和腳

本代碼來實現(xiàn)頁面

●所創(chuàng)建網(wǎng)站要符合當(dāng)前的W3C標(biāo)準(zhǔn)(HTML5.0、

CSS3.0)

6工作組織管理

個人需要知道和理解：

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

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

基本知識●

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

●在多方案中選擇合適的方案，正確的時間預(yù)估和

分配

個人應(yīng)能夠：10

●考慮功能限時和項目截止日期

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

使用計算機設(shè)備和軟件

工作能力●

●根據(jù)行業(yè)發(fā)展，應(yīng)用和研究新技術(shù)及技能

●根據(jù)可用時間安排工作計劃

●對工作文件進(jìn)行歸檔

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

總分值100

二、試題與評判標(biāo)準(zhǔn)

（一）試題

競賽項目包含網(wǎng)頁設(shè)計制作、后臺模塊開發(fā)、前端游戲設(shè)計，

前端功能實現(xiàn)與交互4個模塊的內(nèi)容，不單獨進(jìn)行理論考試，采

用個人現(xiàn)場獨立使用電腦進(jìn)行設(shè)計。

公布《技術(shù)工作文件》和比賽試題；裁判長與裁判長助理根

據(jù)《技術(shù)工作文件》編制試題，賽前公布試題（樣題）。賽前根

據(jù)普遍反映的問題或合理的意見建議以及結(jié)合賽場設(shè)備、材料狀

4

況，由裁判長進(jìn)行最終修正和調(diào)整（修訂比例一般不超過30%），

并確定最終考核試題，予以公布。

（二）比賽時間及試題具體內(nèi)容

本項目正式比賽時間為兩天，正式比賽時間共計540分鐘。

本項目共4個模塊，每個模塊獨立評分，總分為100分。具體的

比賽時間安排如下所示：

模塊編號模塊名稱比賽時間

A網(wǎng)頁設(shè)計制作2小時

B后臺模塊開發(fā)2小時

C前端游戲設(shè)計2小時

D前端功能實現(xiàn)與交互3小時

合計9小時

每個模塊都基于不同的網(wǎng)站設(shè)計與開發(fā)技能領(lǐng)域，相對其他

模塊可獨立存在。

1.模塊A：網(wǎng)頁設(shè)計制作部分比賽時間：120分鐘

每位選手根據(jù)給定的素材進(jìn)行創(chuàng)作,作品要求有完善統(tǒng)一的

風(fēng)格。

模塊A的設(shè)計稿應(yīng)該具有原創(chuàng)性，不應(yīng)和其他選手有相同或

者幾乎一致的布局、元素及色調(diào)。

網(wǎng)頁重構(gòu)部分須與設(shè)計部分保持一致，否則將被扣除相應(yīng)分

數(shù)。

2.模塊B：后臺開發(fā)部分比賽時間：120分鐘

5

使用規(guī)定的編程語言實現(xiàn)網(wǎng)站要求的功能，構(gòu)建數(shù)據(jù)庫。

提供前端模板，但任何改變或修改的部分需保持原始的UI

風(fēng)格。

使用jQuery框架或原生js進(jìn)行頁面交互；使用Laravel框

架進(jìn)行后臺開發(fā)。

3.模塊C：前端游戲設(shè)計比賽時間：120分鐘

為一家游戲公司，完成一款游戲的頁面元素設(shè)計和前端頁面

制作。選手需要使用有限的素材，對主題有針對性地設(shè)計優(yōu)美的

界面和合理的操作邏輯，并在頁面中實現(xiàn)賽題中的需求。

4.模塊D：前端游戲功能實現(xiàn)比賽時間：180分鐘

在上午制作完成的前端頁面和設(shè)計風(fēng)格之上，實現(xiàn)游戲功能

邏輯和交互。選手需要在項目中充分體現(xiàn)交互友好性，完成賽題

中對于游戲功能的描述。

（三）評判標(biāo)準(zhǔn)

1.分?jǐn)?shù)權(quán)重

各模塊分值分布，滿分為100分。本次評分分兩類，評價分

（主觀）和測量分（客觀）。

分?jǐn)?shù)

模塊競賽時間

模塊名稱

編號min

測量分評價分合計

A網(wǎng)頁設(shè)計制作120151025

B后臺模塊開發(fā)12020525

C前端游戲設(shè)計12015520

6

D前端功能實現(xiàn)與交互18025530

總計5407030100

（1）評價分（主觀）

評價分（Judgement）打分方式：5名裁判為一組，各自單獨

評分；去掉最高分和最低分，計算出平均權(quán)重分，除以3后再乘

以該子項的分值計算出實際得分。裁判相互間分差必須小于等于

1分，否則需要給出確切理由并在裁判長（助理）的監(jiān)督下進(jìn)行

調(diào)分。權(quán)重表如下：

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

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

1分達(dá)到行業(yè)標(biāo)準(zhǔn)

2分達(dá)到行業(yè)標(biāo)準(zhǔn)，且某些方面超過標(biāo)準(zhǔn)

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

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

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

0分

HTML沒有格式化

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

1分

HTML有基本格式

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

2分

HTML格式良好

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

3分

有用的注釋

（2）測量分（客觀）

測量分（Measurement）打分方式：按模塊設(shè)置若干個評分

組，每組由5名裁判構(gòu)成。每個組所有裁判一起商議，在對該選

7

手在該項中的實際得分達(dá)成一致后最終只給出一個分值。若裁判

數(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分)

2.評判方法

裁判組：根據(jù)組委會審核后的裁判組名單構(gòu)成。

預(yù)期分組與分工方案：

根據(jù)裁判推選數(shù)量和情況決定，評分項拆分為多個評分小

組，每個評分組由3-5名裁判構(gòu)成。

3.統(tǒng)分方法

經(jīng)各組參與裁判員簽字確認(rèn)和裁判長或裁判長助理審核的

評判結(jié)果交由工作人員錄入競賽評分系統(tǒng)。四個模塊的總和即為

選手的最終競賽成績。

4.成績并列處理

當(dāng)兩名選手總成績并列時，選手排名順序按照D模塊成績先

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

較模塊成績。

8

三、競賽細(xì)則

（一）競賽日程安排

比賽日程共兩天，共計9小時。

日期時間工作內(nèi)容參與人員

C-3全天參賽選手、裁判員報到參賽選手/裁判員

裁判員培訓(xùn)、參賽選手參賽選手/裁判員、裁判長/裁判長助

C-2全天

熟悉設(shè)施設(shè)備場地理/場地主任/技術(shù)支持人員

裁判員培訓(xùn)、參賽選手

參賽選手/裁判員/裁判長/裁判長助

C-1全天熟悉設(shè)施設(shè)備場地、驗

理/場地主任/技術(shù)支持人員

收封存設(shè)施設(shè)備場地

裁判長及助理

進(jìn)入賽場各地市裁判員/參賽選手/場地經(jīng)理及

助理

裁判長及助理

工位抽簽選手檢錄試

//各地市裁判員/參賽選手/場地經(jīng)理及

機

助理/監(jiān)督仲裁組

裁判長及助理

C1全天模塊A競賽各地市裁判員/參賽選手/場地經(jīng)理及

助理/監(jiān)督仲裁組/技術(shù)支持人員

裁判長及助理各地市裁判員/參賽選

選手檢錄試機

/手/場地經(jīng)理及助理

裁判長及助理

模塊B競賽各地市裁判員/參賽選手/場地經(jīng)理及

助理/監(jiān)督仲裁組/技術(shù)支持人員

裁判長及助理

模塊評分

A各地市裁判員

裁判長及助理

進(jìn)入賽場各地市裁判員/參賽選手/場地經(jīng)理及

助理

裁判長及助理

工位抽簽選手檢錄試

//各地市裁判員/參賽選手/場地經(jīng)理及

機

C2全天助理/監(jiān)督仲裁組

裁判長及助理

模塊C競賽各地市裁判員/參賽選手/場地經(jīng)理及

助理/監(jiān)督仲裁組/技術(shù)支持人員

裁判長及助理

模塊評分

B各地市裁判員

9

裁判長及助理

選手檢錄/試機各地市裁判員/參賽選手/場地經(jīng)理及

助理/監(jiān)督仲裁組

裁判長及助理

模塊D競賽各地市裁判員/參賽選手/場地經(jīng)理及

助理/監(jiān)督仲裁組/技術(shù)支持人員

裁判長及助理

模塊評分

C各地市裁判員

監(jiān)督仲裁組/裁判長及助理

C3上午成績公布和賽后點評會各地市裁判員/領(lǐng)隊/選手/場地經(jīng)理

及助理

注意：競賽前10分鐘，監(jiān)考工作人員發(fā)試卷（包括紙質(zhì)版

和電子版兩個版本）。

（二）參賽選手

參賽選手應(yīng)為2002年1月1日以后出生具有河南省戶籍或

在豫工作學(xué)習(xí)滿1年以上的人員，可按屬地原則報名參賽。已獲

得“中華技能大獎”“全國技術(shù)能手”的人員不以選手身份參賽。

（三）裁判人員

包括各項目裁判組全體成員。

1.裁判長

裁判長由省組委會技術(shù)工作組遴選確定。秉承公平公正原則

做好相應(yīng)溝通協(xié)調(diào)、落實競賽各項技術(shù)工作、不參與參賽選手評

判工作。做好本項目裁判員（含裁判長助理）的賽前培訓(xùn)和本項

目賽前技術(shù)交流，組織本項目開展賽后技術(shù)總結(jié)和技術(shù)點評。

2.裁判長助理

協(xié)助裁判長做好各項競賽組織實施工作、不參與參賽選手評

判工作。

10

3.裁判員

裁判員由各代表隊擇優(yōu)推薦，每個參賽項目限推薦1名裁判

員。經(jīng)省組委會技術(shù)工作組審核確定后承擔(dān)裁判員執(zhí)裁工作。全

部裁判工作均采取回避制度，裁判員不對來自同一參賽隊的選手

進(jìn)行評判。

如裁判員人數(shù)不能滿足工作需要，由項目裁判長在賽前提出

增加裁判員人選申請，由省組委會技術(shù)工作組遴選確定后增補。

服從裁判長工作安排，認(rèn)真做好本職工作；熟練掌握競賽技

術(shù)規(guī)則，參加賽前培訓(xùn)和技術(shù)討論；對有爭議的問題提出客觀、

公正、合理的意見和建議；公平公正執(zhí)裁，不徇私舞弊；堅守崗

位，嚴(yán)格遵守執(zhí)裁時間安排，保證執(zhí)裁工作正常進(jìn)行。

4.工作人員

包括技術(shù)支持人員、錄分員及賽務(wù)保障人員等。按照大賽統(tǒng)

一要求，在裁判長領(lǐng)導(dǎo)下做好相應(yīng)的競賽保障工作。

（四）競賽要求

1.參賽選手須憑身份證和參賽證進(jìn)入考場。

2.進(jìn)入賽場前，簽署誠信保證書，并將手機、U盤等考場

違禁設(shè)備放到指定地點。

3.參賽選手應(yīng)準(zhǔn)時參賽，遲到30分鐘以上者，將不得入場，

按自動棄權(quán)處理。

4.參賽選手在競賽期間可飲水、上洗手間，但其耗時一律

計入競賽時間。

11

5.監(jiān)考工作人員發(fā)出開始競賽的時間信號后，參賽選手方

可進(jìn)行操作。

6.參賽選手不得提前離場。

7.參賽選手必須獨立完成所有項目，除征得裁判長許可，

否則嚴(yán)禁與其它選手或本單位裁判員交流接觸。

8.競賽期間，參賽選手遇有問題應(yīng)向監(jiān)考工作人員舉手示

意，由監(jiān)考工作人員負(fù)責(zé)處理。

9.監(jiān)考工作人員發(fā)出結(jié)束競賽的時間信號后，參賽選手應(yīng)

立即停止操作，依次有序地離開賽場。

（五）項目特別規(guī)定

1.本項目賽題和配套文件，包括軟件環(huán)境原則上為英語。

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

（1）在提交的作品中帶有公司（單位）、個人或組織機構(gòu)的

標(biāo)記

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

（3）賽時間截止時不聽從裁判結(jié)束比賽口令，經(jīng)提醒后仍

繼續(xù)操作電腦

3.存在以下情況者，取消該選手比賽成績：

（1）考生在比賽過程中將禁止使用的設(shè)備帶到工位上

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

并提交裁判長確認(rèn)

4.如果發(fā)生非本人因素引起的軟硬件故障且無法立即解決

12

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

5.如選手在比賽中存在技術(shù)問題的爭議，以本技術(shù)文件與

賽題規(guī)定為準(zhǔn)，文件中未涉及的情況由裁判長組織商議決定。

（六）問題或爭議處理

對競賽期間出現(xiàn)的問題或爭議按以下程序解決：

1.競賽項目內(nèi)解決。參賽選手、裁判員發(fā)現(xiàn)競賽過程中存在

問題或爭議，應(yīng)向項目裁判長反映。項目裁判長依據(jù)相關(guān)規(guī)定處

理或組織比賽現(xiàn)場裁判員研究解決。處理意見需比賽現(xiàn)場全體裁

判員表決的，須獲全體裁判員半數(shù)以上通過。最終處理意見應(yīng)及

時告知意見反映人，并填寫《河南省第二屆職業(yè)技能大賽問題或

爭議處理記錄表》（以下簡稱《爭議處理記錄表》。

2.監(jiān)督仲裁組解決。對項目內(nèi)處理結(jié)果有異議的，在規(guī)定時

間內(nèi)，各參賽隊領(lǐng)隊可向監(jiān)督仲裁組出具署名的書面反映材料并

舉證。

四、競賽場地、設(shè)施設(shè)備等安排

（一）場地設(shè)備

（每一個工位包含）

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

1開發(fā)用主機（或者一體機）臺式臺1

2顯示器（一體機除外）液晶臺1

13

3鍵盤美式個1

4鼠標(biāo)三鍵光電個1

選手比賽用主機配置：

硬件型號參數(shù)

CPUIntelCorei5或者i72.5GHz或以上

內(nèi)存DDR3或以上16GB

硬盤SATA提供不少于40GB的可用臨時硬盤空間

選手比賽用顯示器配置：

尺寸分辨率色域亮度接口

21英寸或以上1080P廣色域250cd/m2VGAHDMIDisplayPort

附表：選手機軟件環(huán)境（所有軟件均為英文版）

類別名稱版本備注

操作系統(tǒng)Windows10Windows10x64(EN)

AdobePhotoshop2022orupper

AdobeIllustrator2022orupper

開發(fā)工具

AdobeXD2022orupper

XAMPP8.2orupper

MicrosoftEdge109orupper

瀏覽器Firefox109orupper

Chrome109orupper

MSOffice2021orupper

Postman10.9.0orupper

輔助軟件

Editplus5.6orupper

14

PhpStorm2022.3.1orupper

WebStorm2022.3.1orupper

VScode1.74orupper

Sublime4143orupper

Band-Zip7.3orupper

7-Zip22.01(x64)orupper

pixijs7.1orupper

前端框架

jQuery3.6.3orupper

PHP框架Laravel9.xorupper

輔助工具清單

序號輔助工具與材料名稱數(shù)量和要求

1文件袋60個

2簽字筆100支

3熒光記號筆100支

4復(fù)印紙A4紙5包(包/500張)

5移動硬盤6個

6U盤10個

7投影儀1臺

8白板1個

9黑白A4激光打印機2臺

10電子計算器8臺

11文件袋不干膠封條5套

12便利貼紙2本

15

13保險柜1個

14收納箱8個

15便攜音箱+話筒1套

16桌子、電腦椅各50張

17排插50個

18移動電視1臺

19椅子50把

20文件柜2組

注:1、比賽設(shè)備、軟件均由承辦方統(tǒng)一提供，不允許選手自帶軟件參

賽和工具（選手自用鍵盤和鼠標(biāo)除外，但入場前要經(jīng)過裁判組的檢查方可

帶入比賽場地；嚴(yán)禁攜帶包含存儲等功能的智能鍵盤和鼠標(biāo)，一經(jīng)發(fā)現(xiàn)并

經(jīng)裁判組確認(rèn)，按賽場作弊處理，取消競賽資格?。?。

2、共40個工位，每個工位大小是2000*2000。42臺比賽pc計算機，

10臺評分pc計算機。

16

（二）場地布局示意圖

五、安全、健康要求

為有效預(yù)防和及時控制賽場突發(fā)事件，確保河南第一屆職業(yè)

技能大賽“網(wǎng)站設(shè)計與開發(fā)項目”的順利進(jìn)行，特制定賽場突發(fā)

17

事件應(yīng)急預(yù)案。

本賽區(qū)將建立與行政、交通、司法、公安、消防、衛(wèi)生、食

品、質(zhì)檢等相關(guān)部門的協(xié)調(diào)機制，制定安全管理的相應(yīng)規(guī)范、流

程和突發(fā)事件應(yīng)急預(yù)案，保證比賽籌備和實施全過程的安全。

（一）選手安全防護(hù)措施要求

競賽過程中，參賽選手須嚴(yán)格遵守安全操作規(guī)程及勞動保護(hù)

要求，接受裁判員、現(xiàn)場技術(shù)服務(wù)人員的監(jiān)督和警示，確保設(shè)備

及人身安全。

（二）現(xiàn)場突然非正常停電

比賽現(xiàn)場如出現(xiàn)突然非正常停電，按下述步驟進(jìn)行處理：

（1）裁判人員第一時間啟動應(yīng)急現(xiàn)場擴音設(shè)施，要求參賽

選手及觀摩人員保持鎮(zhèn)靜，防止踩踏事件發(fā)生。

（2）保衛(wèi)人員開啟安全通道，有序疏散觀摩人員離場。

（3）裁判員提示參賽選手在電源保護(hù)裝置的有效時間內(nèi)備

份計算機操作數(shù)據(jù)，等候處理決定。

（4）經(jīng)向執(zhí)委會匯報后，啟動備用電源或決定延遲比賽。

（三）醫(yī)療設(shè)備和措施

賽場必須留有安全通道；必須配備滅火設(shè)備；賽場應(yīng)具備良

好的通風(fēng)、照明和操作空間要求；承辦單位要做好大賽安全、健

康和公共衛(wèi)生及突發(fā)事件預(yù)防與應(yīng)急處理等工作。

承辦單位要設(shè)置專門的競賽后勤保障組，負(fù)責(zé)競賽期間健康

18

和安全事務(wù)。主要包括檢查競賽場地、與會人員居住地、車輛交

通及其周圍環(huán)境的安全防衛(wèi)；制定緊急應(yīng)對方案；督導(dǎo)競賽場地

用電、空調(diào)等相關(guān)安全問題；監(jiān)督與會人員食品安全與衛(wèi)生；分

析和處理安全突發(fā)事件等工作。賽場必須配備醫(yī)護(hù)人員和必須的

藥品，并備有相應(yīng)急救設(shè)施和救護(hù)設(shè)備。

（四）賽場突發(fā)事件應(yīng)急預(yù)案

為有效預(yù)防和及時控制賽場突發(fā)事件，確保河南省第二屆職

業(yè)技能大賽平面設(shè)計技術(shù)項目順利進(jìn)行，特制定賽場突發(fā)事件應(yīng)

急預(yù)案，制定安全管理的相應(yīng)規(guī)范、流程和突發(fā)事件應(yīng)急預(yù)案，

保證比賽籌備和實施全過程的安全。

1.競賽用計算機等競賽硬件無法正常運行或使用。

賽前預(yù)置10臺全套競賽用硬件，并進(jìn)行相關(guān)軟件的安裝調(diào)

試，保證正常運行或使用，同時針對硬件可能出現(xiàn)的情況組織技

術(shù)保障團隊負(fù)責(zé)專業(yè)硬件維護(hù)。參賽選手發(fā)現(xiàn)硬件運行問題后，

按下列程序報告并處理：

參賽選手須立即舉手示意監(jiān)考工作人員，記錄其故障發(fā)生時

間。

由現(xiàn)場裁判向裁判長及時反映，通知裁判長來處理，裁判長

19

會同當(dāng)值裁判員、場地主任對電腦故障進(jìn)行確認(rèn)。

因參賽選手個人原因?qū)е赂傎愔袛?，中斷的時間計入?yún)①愡x

手競賽時間，不予補償；非因參賽選手個人原因造成的競賽中斷，

中斷時間不計入?yún)①愡x手競賽時間，并予補足。

競賽中斷的原因由裁判長會同當(dāng)值裁判員、場地主任做出判

斷，并盡快告知參賽選手參賽隊裁判員。

2.參賽選手發(fā)生意外受傷或急病等情況

參賽選手發(fā)生意外受傷或急病等情況，應(yīng)按下列步驟進(jìn)行處

理：

現(xiàn)場裁判及時聯(lián)系賽場醫(yī)療人員救治參賽選手，并向裁判長

報告情況。

賽場醫(yī)療人員在進(jìn)行必要的現(xiàn)場處理后，視傷病情況確定現(xiàn)

場救治或送醫(yī)院進(jìn)行救治。

3.現(xiàn)場突然非正常停電

比賽現(xiàn)場如出現(xiàn)突然非正常停電，按下述步驟進(jìn)行處理：

裁判人員第一時間啟動應(yīng)急現(xiàn)場擴音設(shè)施，要求參賽選手及

觀摩人員保持鎮(zhèn)靜，防止踩踏事件發(fā)生。

場地主任開啟安全通道，有序疏散觀摩人員離場。

20

經(jīng)向執(zhí)委會匯報后，啟動備用電源或決定延遲比賽。

4.比賽現(xiàn)場出現(xiàn)暴力、人員擁堵、急性傳染病人員進(jìn)入等情

況，按下述步驟進(jìn)行處理：

裁判人員迅速向賽項執(zhí)委會匯報，并由賽項執(zhí)委會向大賽組

委會匯報，由賽項執(zhí)委會及大賽組委會根據(jù)勢態(tài)發(fā)展情況確定是

否報告公安、公共衛(wèi)生及醫(yī)療部門，在保證賽場內(nèi)人員人身安全

的原則下，盡量不擴大事態(tài)。

根據(jù)賽前制訂的現(xiàn)場保衛(wèi)人員的職責(zé)范圍，保衛(wèi)人員迅速就

位，對賽場內(nèi)隊參賽選手以外的其他人員進(jìn)行有序疏散。

人員疏散后進(jìn)行現(xiàn)場清理，如消毒、找出突發(fā)事件隱患并進(jìn)

行處理等。

進(jìn)行處理后，在保證參賽選手人身安全的前提下，繼續(xù)組織

比賽。

附件：網(wǎng)站設(shè)計與開發(fā)（世賽）項目樣題

21

附件

網(wǎng)站設(shè)計與開發(fā)（世賽）項目樣題

網(wǎng)

頁

設(shè)

計

制

作

模

塊

（模塊A樣題）

提交者姓名：

2023年1月

22

Competitiontime:2hours

1.INTRODUCTION:

Aneworganizationcalled“EnviroFund”requiressome

onedesignsfortheirnewwebsite.EnviroFundisacrowd

fundingwebsitethatwillhelponlineusersdonatemoneytohelp

funddifferentenvironmentalprojects.

Crowdfundingistheideaofmanypeoplejoiningtogetherto

helpfinancemultipleprojects.Insteadofafewlargemonetary

investors,crowdfundingfinancesprojectsbyhavingmanypeople

contributesmallamountsofmoney.Thetargetaudienceforthis

websiteisyoungerpeoplewhocarefortheenvironmentandare

willingtospendmoneytoimproveandprotectitsfuture.

2.DESCRIPTIONOFPROJECTANDMODULE:

Yourtaskistocreateasuitofonedesignoftheirwebsite

(1920px,768px，480pxwideforPC,Pad，Phone)andalogoforthe

organisation“EnviroFund".

Aonepagedesignisawebpagewhereallthecontentisdisplayed

ononelongscrollablepageandthemainnavigationusesscrolling

23

ofthepageinsteadofseparatesubpages.Yourdesigncanbeas

longasyoulike,asyouscrolldown.

Youhavebeenprovidedwithtextandimagesthatwillhelpyouin

yourdesign.Youarenotrequiredtousealloftheimagesandtext

thathavebeenprovidedbutyoushouldensurethatthereis

sufficienttextandimagesincludedinyourdesigntogiveagood

overallfeelofhowthewebsitewilllookonceconstructed.

DesignshouldfollowthegeneralregulationofEnglishwebsite.

Youshouldproduceatleast2interactioneffectineachdesign.You

mayaddothertextandinformationtodescribetheinteraction

effect.

Thefinalonedesign(allof3)mustincorporatethe

followingsections/columnsandfollowtheorderbelow:

?Designalogofor"EnviroFund"thatwillbethecorporateidentityfortheir

organisation.

1.Thelogomustbeusedaspartofyourdesignwithinthe

websiteconcept.

2.Yourlogoshouldrepresenttheorganisationandthesubject

ofthewebsite.

24

3.Yourlogoshouldincludebothtext“EnviroFund”andat

leastoneadditionalgraphicalelement.

?TopMenu

?InternalNavigation

1.Phone’sdesignshoulduseafloatingsidebartonavigate

?Banner

?LoginandRegistration

?Introductionofacurrentprojects,includingfollowingelements:

1.Atitle

2.Descriptivetext

3.Rateofprogress

4.Thetotalnumberofraisingmoney

5.Theremainingdaysoftheproject

6.Animage

7.Afund-button

?Listoftheotherprojects

1.Aleastshow3projectsatonce

2.Theremainingprojectistoshowthroughcustominteraction

Effect

?PhotoGalleriesandvideos

1.Withcustominteractioneffecttoviewallthephotos(Videos)

?CompanyHistory

25

?Statisticofallthecrowdfunding

?Afoldableprojectenrollmentfunctionbarincludingthefollowinginput

fieldsandasubmitbutton:

1.ProjectName

2.ProjectCountry

3.ProjectImage

4.ProjectDescription

5.E-mailAddress

6.Password

?SocialShareoptionsincludefacebook,TwitterandGoogle+.

?Backtotopbuttonforall3resolution

?Footer/bottominformation

3.INSTRUCTIONSTOTHECOMPETITOR:

?Yoursubmittedworkforthisprojectshouldconsistof3PNG

files,andonlygiveamarkonthesefile.

?NamingofFile:

XX_1920.png

XX_768.png

XX_480.png

?Saveanysourcefilesofimagestoafoldercalled

"XX_source_files"

inside"XX_Module_A"folder.Sourcefilesarethefiles

26

containingthe

layers,developmentfiles,i.e..psd/.ai/.jpg/.svg/

1.INTRODUCTION:

Implementyourdesignworkintoonehtmlfile,throughwhichuser

canbrowsethesitecorrectlyunder3resolutions(1920px,768px,

480pxwide).

ThatisuseHTML5&CSS3todoaresponsivepage

implementation.

2.DESCRIPTIONOFPROJECTANDMODULE:

?Youneedtopayattentiontothefollowingrequirements:

?Thecriticalvaluebetweenwidescreenandnarrowis800px,and

from

narrowtophoneis500px.

?YourcodecanpassHTML5validation(W3.org)

?YourcodecanpassCSS3validation(W3.org)

?UsecorrectprefixtomodifyyourCSScodeinordertomake

yourwebsitecross-browser.

?PropercommentinyourHTML&CSScodeandyourcode

shouldbereadableandeasymaintain.

27

?MainlyuseChrometomarkthismodule.

?Usethesamefont-familyasinyourdesign.Allthetextinthepageshould

beindexable.

?Accordingtoyourdesignwork,someelementwillonlyshowinwidescreen

layout,andotherswillshowinnarrow/phonescreenlayout.

?Implementallrequiredinteractioneffectinthedesignmodule.(i.e.mouse

over,click,foldEE)

?Theimplementedpageshouldbeassameaspossiblewithyourdesign.

3.INSTRUCTIONSTOTHECOMPETITOR:

?Namethemainhtmlfile“index.html”andputitintherootofthefolder

"XX_Module_A".

28

附件

河南省第二屆職業(yè)技能大賽

網(wǎng)站設(shè)計與開發(fā)項目

后

臺

模

塊

開

發(fā)

模

塊

（模塊B樣題）

提交者姓名：

2023年1月

29

一、Competitiontime:2hours

二、Competitiontasksandrequirements

1.INTRODUCTION:

Anewairlinecalled“airx”needtodevelopawebsitetosupporttheironlineservice,

suchasflightinfosearch,ticketpurchaseandcheck-in.Youareaskedtoaccomplish

aprototype(Usespecifiedphpframeworktogeneratecoderapidly)ofthiswebsite

accordingtotheforegoingrequirementanalysisinordertoverifythesefunctional

requirementandthebusinesslogic.

2.DESCRIPTIONOFPROJECTANDMODULE

AirxBusinessLogic

Basicrequirement

Displayhomepagewhenvisitrootdirectory.

Providedtemplatehasbeenused.Anychanged/modifiedpartwillkeepthe

originalUIstyle

UseLaravalframework

Businessprocess

Search

Noneedtologinwhenusingthesearchfunction.

Departurecityanddestinationaremandatoryandcannotbethesame.

Provideerrorhintsiftheinputisnotcorrect.

Aftersearching,flightinformation(flightnumber,aircraftmodel,departure

time,departurecityanddestination)willbedisplayedcorrectlyand

completelyinsearchresultpage.

30

Dateandcabinettypearenotmandatory.Noinputreferstoanydate/cabin

type.

Iftheflighthasstopsellingthetickets(onehourpriortothedeparturetime),

thisflightwon’tbeshowninthelist

Iftheuserdefinedthespecificcabintypeduringsearch,thesearchresultwill

onlylisttheflightwiththiscabintype.Thecabintypeisautomaticallychosen

(accordingtouser’sdefinition)inthesearchresult,anduserscouldstillclick

tochangetoothercabintypes.

Ifthespecificcabintypehasnoavailableseatsinthesearchresult,users

cannotpurchasetheticketwiththiscabintype.(theflightinfocouldbe

displayedinthesearchresultbutitwillprovidehintsofsoldoutwhenuser

click)

31

ClickBUYNowandthenturntoticketpurchasepage.Iftheuserdidn’t

choosecabintype,itshouldprovideproperhintofchoosingthecabintype

first

Provideproperhintifthereisnoavailableflightinthesearch.

Purchase

PurchaseTickets

Logged-inusercouldgotopurchasepagebyclickingBUYNOWinthe

searchpage.Correlationinformationshouldbecorrect(flightinformation,

cabintypeetc.)

Unlogged-inuserwillgotologinpagefirstandthenturntopurchase

pagewithcorrectedcorrelationinformation(flightinformation,cabintype

etc.)

Click<<CANCELonrightupnavigatorinpurchasepageandusercouldgo

backtopreviouspage(cancelpurchase)