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

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

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

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

技術(shù)工作組

2023年1月

目錄

一、技術(shù)描述1

（一）項(xiàng)目概要1

（二）基本知識(shí)與能力要求1

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

（一）試題4

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

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

三、競賽細(xì)則9

（一）競賽日程安排9

（二）參賽選手10

（三）裁判人員10

（四）競賽要求11

（五）項(xiàng)目特別規(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è)計(jì)與開發(fā)（世賽）項(xiàng)目樣題21

一、技術(shù)描述

（一）項(xiàng)目概要

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

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

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

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

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

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

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

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

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

（二）基本知識(shí)與能力要求

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

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

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

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

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

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

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

1設(shè)計(jì)能力

個(gè)人需要知道和理解：15

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

的設(shè)計(jì)

1

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

關(guān)的問題

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

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

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

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

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

個(gè)人應(yīng)能夠：

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

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

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

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

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

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

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

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

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

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

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

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

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

2頁面重構(gòu)

個(gè)人需要知道和理解：

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

●定位和布局方法

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

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

●瀏覽器兼容性

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

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

（HTML5,CSS3）

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

網(wǎng)站

工作能力

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

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

性能

在需要的地方嵌入和集成動(dòng)畫，音頻和視頻

2

3前端開發(fā)

個(gè)人需要知道和理解：

20

●JavaScript

基本知識(shí)

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

統(tǒng)或功能

個(gè)人應(yīng)能夠：

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

和增加視覺吸引力

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

可用性和美觀

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

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

4后臺(tái)開發(fā)

個(gè)人需要知道和理解：

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

●面向?qū)ο蟮腜HP

●開源后端類庫和框架

基本知識(shí)

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

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

●20

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

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

個(gè)人應(yīng)能夠：

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

庫和前后端通訊

工作能力

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

后端邏輯功能

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

5可用性及可及性

個(gè)人需要知道和理解：

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

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

10

個(gè)人應(yīng)能夠：

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

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

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

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

3

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

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

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

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

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

CSS3.0)

6工作組織管理

個(gè)人需要知道和理解：

●在團(tuán)隊(duì)工作中富有效益和實(shí)踐

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

基本知識(shí)●

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

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

分配

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

●考慮功能限時(shí)和項(xiàng)目截止日期

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

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

工作能力●

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

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

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

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

總分值100

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

（一）試題

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

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

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

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

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

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

4

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

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

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

本項(xiàng)目正式比賽時(shí)間為兩天，正式比賽時(shí)間共計(jì)540分鐘。

本項(xiàng)目共4個(gè)模塊，每個(gè)模塊獨(dú)立評(píng)分，總分為100分。具體的

比賽時(shí)間安排如下所示：

模塊編號(hào)模塊名稱比賽時(shí)間

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

B后臺(tái)模塊開發(fā)2小時(shí)

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

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

合計(jì)9小時(shí)

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

模塊可獨(dú)立存在。

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

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

風(fēng)格。

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

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

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

數(shù)。

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

5

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

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

風(fēng)格。

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

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

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

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

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

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

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

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

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

中對(duì)于游戲功能的描述。

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

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

各模塊分值分布，滿分為100分。本次評(píng)分分兩類，評(píng)價(jià)分

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

分?jǐn)?shù)

模塊競賽時(shí)間

模塊名稱

編號(hào)min

測量分評(píng)價(jià)分合計(jì)

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

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

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

6

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

總計(jì)5407030100

（1）評(píng)價(jià)分（主觀）

評(píng)價(jià)分（Judgement）打分方式：5名裁判為一組，各自單獨(dú)

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

以該子項(xiàng)的分值計(jì)算出實(shí)際得分。裁判相互間分差必須小于等于

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è)置若干個(gè)評(píng)分

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

7

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

數(shù)量較多，也可以另定分組模式。

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

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

CSS代碼能通過驗(yàn)證[每種錯(cuò)

從滿分中扣除2.002.000–1.5

誤扣0.5分]

CSS代碼有注釋(0.5分)

從零分開始加1.01.00–0.5

XHTML代碼有注釋(0.5分)

2.評(píng)判方法

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

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

根據(jù)裁判推選數(shù)量和情況決定，評(píng)分項(xiàng)拆分為多個(gè)評(píng)分小

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

3.統(tǒng)分方法

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

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

選手的最終競賽成績。

4.成績并列處理

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

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

較模塊成績。

8

三、競賽細(xì)則

（一）競賽日程安排

比賽日程共兩天，共計(jì)9小時(shí)。

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

C-3全天參賽選手、裁判員報(bào)到參賽選手/裁判員

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

C-2全天

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

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

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

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

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

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

裁判長及助理

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

助理

裁判長及助理

工位抽簽選手檢錄試

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

機(jī)

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

裁判長及助理

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

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

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

選手檢錄試機(jī)

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

裁判長及助理

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

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

裁判長及助理

模塊評(píng)分

A各地市裁判員

裁判長及助理

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

助理

裁判長及助理

工位抽簽選手檢錄試

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

機(jī)

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

裁判長及助理

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

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

裁判長及助理

模塊評(píng)分

B各地市裁判員

9

裁判長及助理

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

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

裁判長及助理

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

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

裁判長及助理

模塊評(píng)分

C各地市裁判員

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

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

及助理

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

和電子版兩個(gè)版本）。

（二）參賽選手

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

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

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

（三）裁判人員

包括各項(xiàng)目裁判組全體成員。

1.裁判長

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

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

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

目賽前技術(shù)交流，組織本項(xiàng)目開展賽后技術(shù)總結(jié)和技術(shù)點(diǎn)評(píng)。

2.裁判長助理

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

判工作。

10

3.裁判員

裁判員由各代表隊(duì)擇優(yōu)推薦，每個(gè)參賽項(xiàng)目限推薦1名裁判

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

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

進(jìn)行評(píng)判。

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

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

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

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

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

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

4.工作人員

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

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

（四）競賽要求

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

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

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

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

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

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

計(jì)入競賽時(shí)間。

11

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

可進(jìn)行操作。

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

7.參賽選手必須獨(dú)立完成所有項(xiàng)目，除征得裁判長許可，

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

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

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

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

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

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

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

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

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

標(biāo)記

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

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

繼續(xù)操作電腦

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

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

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

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

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

12

的，裁判將予以記錄并根據(jù)處理所花費(fèi)的時(shí)間給予補(bǔ)時(shí)。

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

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

（六）問題或爭議處理

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

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

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

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

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

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

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

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

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

舉證。

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

（一）場地設(shè)備

（每一個(gè)工位包含）

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

1開發(fā)用主機(jī)（或者一體機(jī)）臺(tái)式臺(tái)1

2顯示器（一體機(jī)除外）液晶臺(tái)1

13

3鍵盤美式個(gè)1

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

選手比賽用主機(jī)配置：

硬件型號(hào)參數(shù)

CPUIntelCorei5或者i72.5GHz或以上

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

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

選手比賽用顯示器配置：

尺寸分辨率色域亮度接口

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

附表：選手機(jī)軟件環(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

輔助工具清單

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

1文件袋60個(gè)

2簽字筆100支

3熒光記號(hào)筆100支

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

5移動(dòng)硬盤6個(gè)

6U盤10個(gè)

7投影儀1臺(tái)

8白板1個(gè)

9黑白A4激光打印機(jī)2臺(tái)

10電子計(jì)算器8臺(tái)

11文件袋不干膠封條5套

12便利貼紙2本

15

13保險(xiǎn)柜1個(gè)

14收納箱8個(gè)

15便攜音箱+話筒1套

16桌子、電腦椅各50張

17排插50個(gè)

18移動(dòng)電視1臺(tái)

19椅子50把

20文件柜2組

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

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

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

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

2、共40個(gè)工位，每個(gè)工位大小是2000*2000。42臺(tái)比賽pc計(jì)算機(jī)，

10臺(tái)評(píng)分pc計(jì)算機(jī)。

16

（二）場地布局示意圖

五、安全、健康要求

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

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

17

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

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

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

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

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

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

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

及人身安全。

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

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

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

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

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

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

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

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

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

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

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

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

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

18

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

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

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

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

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

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

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

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

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

保證比賽籌備和實(shí)施全過程的安全。

1.競賽用計(jì)算機(jī)等競賽硬件無法正常運(yùn)行或使用。

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

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

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

按下列程序報(bào)告并處理：

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

間。

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

19

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

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

手競賽時(shí)間，不予補(bǔ)償；非因參賽選手個(gè)人原因造成的競賽中斷，

中斷時(shí)間不計(jì)入?yún)①愡x手競賽時(shí)間，并予補(bǔ)足。

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

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

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

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

理：

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

報(bào)告情況。

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

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

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

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

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

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

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

20

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

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

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

裁判人員迅速向賽項(xiàng)執(zhí)委會(huì)匯報(bào)，并由賽項(xiàng)執(zhí)委會(huì)向大賽組

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

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

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

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

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

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

行處理等。

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

比賽。

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

21

附件

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

網(wǎng)

頁

設(shè)

計(jì)

制

作

模

塊

（模塊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è)計(jì)與開發(fā)項(xiàng)目

后

臺(tái)

模

塊

開

發(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)