開封市第一屆職業技能大賽

網站設計與開發項目

（世賽項目）

技

術

工

作

文

件

開封市第一屆職業技能大賽組委會技術工作組

2023年1月

1

目錄

一、技術描述.......................................................................................1

（一）項目概要..........................................................................................1

（二）能力要求..........................................................................................1

二、試題及評分標準...........................................................................3

（一）操作比賽內容及試題.....................................................................3

（二）比賽時間及試題具體內容.............................................................3

（三）評判標準..........................................................................................4

三、競賽細則.......................................................................................6

（一）工作要求..........................................................................................6

（二）紀律要求..........................................................................................7

四、賽場設施、設備安排..............................................................9

（一）賽場規格要求..................................................................................9

（二）場地布局參考圖............................................................................10

（三）軟件要求........................................................................................10

（四）設備條件........................................................................................11

（五）賽場提供的器件及耗材................................................................11

五、安全、健康要求.....................................................................12

（一）選手安全防護裝備.......................................................................12

（二）選手禁止攜帶易燃易爆物品.......................................................12

（三）賽場必須留有安全通道...............................................................12

（四）醫護人員和必須的藥品的配備...................................................12

（五）賽場安全........................................................................................12

（六）疫情防控........................................................................................13

2

一、技術描述

（一）項目概要

1.工作內容

網站設計與開發項目旨在考核選手根據項目需求進行站點整

體風格與布局的設計，并根據設計的頁面實現在各種終端上的頁

面效果、交互效果以及后臺相應功能等技能。競賽中選手須熟練

地進行圖形圖像處理，設計站點的logo、頁面的整體風格與版面

布局，并在各版面中應用這些元素，同時還需關注站點的受眾群

體，讓制作的網站更受歡迎；使用HTML5及CSS3按設計稿實現頁

面，并完成各種交互效果的開發。此外還要處理好代碼編寫過程

中發生的異常。最終的作品同常用瀏覽器以及軟硬件之間的兼容

性也是十分重要的，需要妥善處理。

2.工作標準

網站設計與開發項目競賽中主要參照現行《國家職業標準—

—(計算機程序員)》三級，以及企業生產實際和院校教學實際規

范要求完成工作。

（二）能力要求

選手應掌握的基本工作能力的要求以及各項要求的權重比例

如下所示。

相關要求權重比例(%)

1設計能力

基本知識：

●如何創建圖形文件、圖片并具備審美價值觀

●如何根據要求有效使用提供的文字簡介進行

●在設計網站顏色、排版和圖像時所需要的創意和技巧

●如何凸顯站點的目標受眾群體

●如何運用用戶中心的設計

●互聯網設備和對應屏幕分辨率的約束

技術能力：

●導入并編輯圖像40

工作能力●為網頁優化圖像

●使用某種圖像處理軟件創作圖像

●使用某種圖像處理軟件對圖片進行切片

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

●為不同的屏幕分辨率進行設計；對給定的分辨率進行優化

并且頁面在不同分辨率的設備中良好工作

●為各種自適應的站點頁面設計合適的效果

●創建高效、直觀、易用的網站導航，將想法融入具有美觀

和創意的設計

●創建的頁面布局包含：流式頁面、網格頁面、頁面留白、

1

均衡的文字圖像，清晰的層次

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

2頁面重構

基本知識：

●萬維網聯盟（W3C）的HTML和CSS標準

●定位和布局方法

●可用性和交互設計

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

●瀏覽器兼容性40

工作能力●搜索引擎優化（SEO）

技術能力：

●創建符合并能通過W3C標準驗證的代碼（HTML5,CSS3）

●為各種設備和屏幕分辨率創建可訪問和可用的網站

●使用CSS或其他外部文件修改網站的外觀

●為用戶創建和更新的網站，并協助提升搜索引擎性能

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

3可用性及可及性

基本知識：

●如何使用最新的設計技術和編碼技術制作遵循行業標準

且具有良好持續性、一致性的網站

技術能力：

●使用CSS或其他的外部文件來對整個網站樣式進行修改

●能在兩種不同的瀏覽器（最新、穩定的版本）上優化頁面，10

工作能力獲得較好的跨瀏覽器兼容性

●所創建的網站內容在不同分辨率的屏幕上要保持一致且

結構良好

●對于自適應的頁面設計能使用合適的樣式和腳本代碼來

實現頁面

●所創建網站要符合當前的W3C標準(HTML5.0、CSS3.0)

4工作組織管理

基本知識：

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

●有助于產品可持續性的方案和實踐

●使用現有工具解決問題和需求

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

技術能力：10

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

●調試和處理錯誤

●使用計算機設備和軟件

●根據行業發展，應用和研究新技術及技能

●根據可用時間安排工作計劃

●對工作文件進行歸檔

●使用版本控制系統

2

總分值100

注：此表僅供參考，競賽試題可能會有稍許出入。

二、試題及評分標準

（一）操作比賽內容及試題

1.試題產生

命題流程按照開封市第一屆職業技能大賽組委會要求的命題

方式進行。賽前由技術工作組結合承辦地器材準備情況命制樣題

并公布。

公開試題包括：《技術工作文件》和樣題。

不公開內容包括：最終賽題。

不公開內容由裁判長組織圍繞命題思路、關鍵考核要點等進

行討論，對提出的問題及時解答，吸收合理的意見建議，并作相

應修改。與實際公布的樣題思路進行不超過30%的修改確定最終競

賽試題。賽前不再重新公布最終賽題。

2.操作比賽包含以下2個模塊：

模塊A——網頁設計部分。

模塊B——網頁重構部分。

（二）比賽時間及試題具體內容

1．比賽時間安排

網站設計與開發項目比賽總時間為5個小時，在半天內完成。

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

配套素材，會在比賽開始前發給選手。選手需要遵守組委會安排

的時間表，在規定的結束時間前完成作品的存盤，將由工作人員

進行作品拷貝并由選手進行最終確認。

選手應在對應的模塊時間內完成要求的比賽項目，并將最終

的作品保存到如下命名的文件夾中：

XX_Module_A

文件夾中應包含PSD格式分層文件和JPG格式效果文件

XX_Module_B

文件夾中應包含所有的源代碼文件

上面的‘xx’是你的機器（抽簽）號，只有按規定正確保存

的文件才會被評分，否則所提交內容無效，視為0分。

3

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

模塊A網頁設計部分2小時50

模塊B網頁重構部分3小時50

合計5小時100

2．操作試題內容

（1）模塊A說明——網頁設計部分

每位選手根據給定的素材進行創作,遵循設計原則和模式，使

用某種圖像處理軟件為不同的屏幕分辨率創作圖像，完成以產生

美觀和創造性的設計。作品要求注重布局、元素及色調，有完善

統一的風格、具有完整的頁面結構。

模塊A的設計稿應該具有原創性，不應和其他選手有相同或

者幾乎一致的布局、元素及色調。

（2）模塊B說明——網頁重構部分

網頁重構部分須與設計部分保持一致，否則將被扣除相應分

數。

模塊B的主要任務是使用HTML5、CSS3來實現排版，符合原

設計稿的排版布局和各種設定。此外還需要制作一些前端的交互

動態效果，可用Javascript或者JQuery完成。

（三）評判標準

1.分數權重

本項目操作技能評分采用客觀與主觀評分，總分為100分，

客觀分為主，各部分的配分參見下表，具體以比賽時為準。

配分

部分標準

主觀客觀總計

A網頁設計部分252550

B網頁重構部分203050

合計4555100

（1）評價分（主觀）

評價分分為4個等級，裁判根據選手完成情況進行打分，裁

判主觀的評價只是對選手作品的評級，最終的分數需要公式進行

4

計算，具體權重見下表。

權重分值要求描述

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

1達到行業標準

2達到行業標準，且某些方面超過標準

3達到行業期待的優秀水平

樣例：編碼風格（HTML和CSS）可讀且易于維護。

權重分值要求描述

更改現有CSS代碼極度困難，CSS代碼沒有組織結構。

0

HTML沒有格式化

更改現有CSS代碼較為困難，較難以定位需要的內容。

1

HTML有基本格式

更改現有CSS代碼比較容易，很方便就能定位需要的內容。

2

HTML格式良好

3在2分基礎上，CSS還應用了一定的代碼分組技術并至少包含5條以上有用的注釋

（2）功能和測量分（客觀）

功能和測量分只能選擇得分或不得分，裁判根據選手完成情

況和評分標準進行判定打分，樣表如下。

樣例：

類型示例配分正確完成得分未完成得分

滿分或零分網站地圖動態鏈接至菜單110

2.評分表制定原則

根據試題具體情況制定評分表時可參考以下原則：

（1）評分點分布要均衡，以得分計算總分（不要以扣分計算）。

（2）得分項要細化配分要精確，每小項配分不宜過高（以不

超過0.5～1分為宜）。

（3）不應出現因某項配分過大直接影響總成績或比賽結果，

通常不設否定項。

（4）操作技能評分標準參照歷屆世界技能大賽電氣裝置項目

評分標準制定。

5

（5）成績并列時，依次以模塊A、模塊B的分值決定名次順

序。

3.評判方式

（1）評判流程

①本項目為事后結果評分，無時間分。每個模塊內容需在規

定時間內完成評分。

②在評分前，需組織裁判須對選手提交賽件作品文件的個人

信息采取加密措施，裁判組需確認選手所完成的賽件作品為不可

改寫數據屬性。

③所有裁判在評分表上評完分后，必須在評分表上簽名確認，

并在總匯總成績表上簽名確認。

④競賽組委會安排專門分數錄入人員使用競賽專用評分系統

自動計算和匯總分值，由裁判長負責復核分數并由組委會的項目

管理人員監督。

（2）評判方法

全體裁判員在裁判長的帶領下，對競賽作品質量進行評判、成

績復核和匯總，使用競賽專用評分系統自動計算和匯總分值。裁

判需對給出評分簽字確認，錄入過程需至少2名裁判監督，最終

結果由裁判長簽字確認。

4.評判標準

參照各模塊具體要求進行主客觀綜合評分。

三、競賽細則

（一）工作要求

1．選手工作要求

（1）賽前熟悉比賽技術規則，進行有針對性的訓練準備，積

極鍛煉身體，調整好心態。

（2）提前報到，熟悉適應賽區環境、住宿、飲食和交通等。

（3）參賽選手在比賽期間實行封閉管理，接受工作人員的安

全檢查和行動指引。

（4）比賽前一天，參賽選手到賽場熟悉場地環境和儀器設備。

（5）比賽期間，全身心投入各模塊比賽，展現最好的競技水

平和職業風范。

6

2.專家組成員工作要求

（1）技術專家組及第三方裁判員由大賽組委會遴選確認，競

賽的技術工作由技術專家組負責。

（2）各參賽隊推薦1名具有資格的技術專家（或教練）作為

裁判員候選人。

（3）本次選拔賽具體裁判人員由裁判長根據賽前裁判培訓情

況，以及實際評判工作需要在賽前確定。

3.裁判員工作要求

（1）必須遵守職業道德，嚴格執行公平、公開、公正的原則。

（2）必須嚴格遵守競賽紀律，保守競賽秘密，以大局為重、

有較高的責任心。

（3）須具備本專業較高的技術水平和較強的操作技能。

（4）需對本項目的職業規范和技術標準有較深的了解。

（5）必須按時參加組委會組織的賽前裁判員培訓后方可執

裁。

（6）應服從競賽組委會的統一管理，完成好裁判長委派的各

項工作任務。

（7）裁判員的工作分為現場裁判、功能檢測評分裁判、工藝

檢查評分裁判、編程與排故評分裁判、復核等，工作分小組開展。

（8）裁判員在工作期間不得使用手機、照相機、錄像機等設

備，否則取消裁判資格。

（9）裁判與選手不能進行交流，競賽時如有選手提出問題，

必須有2名及以上裁判在現場。

（10）參加賽后的總結表彰大會。

（二）紀律要求

1．選手賽場紀律

（1）參賽選手應按照技術文件和考核項目試題要求，在規定

的時間內獨立完成。

（2）選手在熟悉設備前通過抽簽決定競賽順序和比賽用設

備。

（3）選手在比賽期間不得使用手機、照相機、錄像機等設備，

不得攜帶和使用自帶的任何存儲設備。

（4）選手在比賽期間，除裁判長外任何人員不得主動接近選

7

手及其工作區域，不許主動與選手接觸與交流。

（5）比賽結束鈴聲響起以后，選手應立即停止工作。5分鐘

之內必須把圖紙、評分表提交給裁判人員，并簽名確認。

（6）未經裁判長允許，選手不得延長比賽時間。

（7）比賽開始10分鐘后不到賽場的選手按棄權處理，比賽

開始后，選手不可提前離開賽場。

（8）參賽選手務必按時到達指定競賽場地選手休息室集合，

并接受監督人員和裁判員的檢查。

（9）參賽選手進入賽場選手休息室時，除按大賽技術文件規

定攜帶比賽用品和相關技術資料外，嚴禁攜帶通訊工具進入競賽

場地。帶入休息室內的個人用品，不能帶入賽場工位。

（10）選手進入比賽場地休息室全程接受監護人與裁判的監

督管理；參賽選手在競賽過程中不得擅自離開競賽場地或休息室，

如遇有特殊情況需經裁判員和監護人員同意后，由監護人員陪伴

離開競賽場地。

（11）競賽過程中，選手須嚴格遵守安全操作規程，并接受

裁判員的監督和警示，以確保參賽的人身及設備安全。選手因個

人誤操作造成人身安全事故和設備故障時，裁判長有權中止該隊

競賽；如非選手個人因素出現設備故障而無法競賽，由裁判長視

具體情況做出裁決(調換到備份工位或調整至最后一場次參加競

賽)；如裁判長確定設備故障可由技術支持人員排除故障后繼續競

賽，將給參賽隊補足所耽誤的競賽時間。

（12）競賽過程中因違反安全操作規程造成設備或人身安全

事故者，按相關規定追究責任。

2．裁判紀律要求

（1）裁判員在比賽前參加培訓，并簽署《開封市第一屆技能

大賽競賽行為規范承諾書》。凡未參加賽前培訓、未簽署《開封

市第一屆技能大賽競賽行為規范承諾書》的，不得從事執裁工作。

（2）裁判員必須服從裁判長和模塊裁判組長的領導，依據評

分標準和評分細則，公平、公正、真實、準確地完成競賽評分工

作。

（3）裁判員早上開始工作后當天封閉管理。在正式裁判工作

期間，進入場地或離開場地，不許攜帶任何紙質與電子記錄的工

8

具；在比賽期間與休息時間，包括午間吃飯休息時間，不能在當

天比賽開始后未結束前與任何非本模塊裁判人員和非裁判選手

（口頭與書面）交流；如需離開裁判工作場地，必須向模塊組負

責人請示，在得到批準并有人伴隨的情況下才能離開。

（4）裁判員必須佩帶裁判員胸牌，儀表整潔，舉止文明、禮

貌，接受監督人員的監督。

（5）遵守職業道德，文明裁判。保守大賽試題秘密，嚴肅賽

場紀律。

（6）嚴格遵守比賽時間規定，不得擅自提前或延長選手比賽

時間。

（7）嚴格執行比賽規則，除應向參賽選手宣讀競賽須知外，

不得向參賽選手暗示或解答與競賽有關的內容。

（8）競賽過程中出現問題或異議，服從裁判長裁決，避免參

賽選手和相關人員發生爭執。

（9）保守競賽秘密，未經組委會正式許可公布成績和名次前，

裁判員不得私自與參賽選手或選手派出單位聯系，不得透露有關

比賽的任何信息及情況。

（10）堅守崗位，不遲到、早退，無特殊情況不得在競賽期

間請假。

（11）裁判員要提醒選手注意操作安全，對選手的違規操作

或可能引發人身傷害、設備損壞等事故的操作應立即制止并向現

場負責人報告。

（12）裁判員有違反比賽紀律，由裁判長確定立即停職工作，

由候補裁判替代。

四、賽場設施、設備安排

（一）賽場規格要求

該項目無需選手自備設備和比賽工具,根據競賽的技術要求，

裁判員監督指導IT專業技術人員，負責安排比賽場地、設施設備、

材料工具、電腦硬件維護等，為比賽提供相應的技術保障。

9

（二）場地布局參考圖

（三）軟件要求

類別名稱版本備注

操作系統Windows10及以上WIN10Pro64bit及以上

AdobePhotoshopCC2019orupper

AdobeIllustratorCC2019orupper

開發工具

AdobeXDCC2019orupper

XAMPP7.2orupper

IEInternetExplorer11(64bit)

瀏覽器FirefoxFirefox33.1以上版本

ChromeChrome39.0以上版本

MSOffice2016orupper

輔助軟件

7-Zip19.00(x64)orupper

Postman7.20.1orupper

Adminer4.7.6

輔助軟件

WinSCP5.1orupper

Filezilla3.5orupper

10

Editplus5.0orupper

PHPStorm2019orupper

Sublime3.2.2(BUILD3211)

WinRAR

Vue2.6orupper

VueRouter3.4orupper

前端框架

Axios0.2orupper

jQuery3.5orupper

PHP框架Laravel7.27orupper

（四）設備條件

序號設備名稱類型/型號單位數量

1開發用主機（或者一體機）臺式臺1

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

3鍵盤美式個1

4鼠標三鍵光電個1

選手比賽用機配置：

硬件配置（不低于此配置）

CPUIntel酷睿i5

內存8GDDR31600MHz

硬盤獨立分區，選手可用的臨時文件容量8G以上

顯卡核心集成顯卡1G顯存

顯示器19"寬屏LCD1920*1080