《第47屆世界技能大賽江蘇省選拔賽網(wǎng)站設計與開發(fā)項目技術工作文件》

第47屆世界技能大賽江蘇省選拔賽網(wǎng)站設

計與開發(fā)項目技術工作文件

第47屆世賽江蘇省選拔賽組委會技術工作組

2022年7月

30

一、技術描述

（一）項目概要

網(wǎng)站設計與開發(fā)項目指根據(jù)項目需求設計制作站點，實現(xiàn)

能在各種終端上使用的頁面、交互效果以及后端功能（或游戲）

的競賽項目。

選手不但要能熟練使用圖形設計工具制作設計稿，熟練運

用HTML5及CSS3，按設計稿實現(xiàn)頁面，完成各種前端交互

效果，還應能獨立使用Javascript制作前端應用，例如：前

端游戲、前端管理工具、前端交互性展示以及完成后端應用功

能的開發(fā)等。

此外，選手應能處理好代碼編寫過程中發(fā)生的異常，最終

的作品也需要妥善處理常用瀏覽器以及軟硬件之間的兼容性。

在實際工作中，網(wǎng)頁設計者要能理解網(wǎng)頁制作的技術和藝

術價值。技術的運用是為了實現(xiàn)功能，幫助網(wǎng)站經(jīng)營者更好更

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

需要富有創(chuàng)意。用戶界面要確保具有良好的可用性。網(wǎng)站制作

者也必須理解項目工作、內(nèi)容制作和網(wǎng)站管理的基礎知識。

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

本競賽是對網(wǎng)站設計與開發(fā)技能的展示和評估。主要測試

各網(wǎng)站設計與實施技能在操作層面的能力。參賽選手要按照賽

題中規(guī)定的標準（或要求）展示其網(wǎng)站設計及開發(fā)技能。參賽

選手必須掌握本項目的理論知識，但是在本次競賽中理論知識

31

不單獨列為考核項目。

本次競賽選手應具備的能力如下：

部分類別

1頁面重構

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

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

?定位和布局方法

?可用性和交互設計

?瀏覽器兼容性

?如何在需要的地方嵌入集成動畫、音頻和視頻

個人應能夠：實操

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

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

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

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

?使用CSS開發(fā)動畫和與用戶界面的交互

2前端開發(fā)

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

?JavaScript

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

?使用JavaScript前置/后置處理器和任務運行工作流

個人應能夠：實操

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

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

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

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

?使用JavaScript操作圖形元素

3后端開發(fā)

32

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

?面向對象的PHP

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

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

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

?軟件設計模式（如.MVC）

?網(wǎng)頁應用程序的安全性

個人應能夠：實操

?使用編程技能來操作數(shù)據(jù)，包括本地儲存、數(shù)據(jù)庫和前后端通訊

?創(chuàng)建或維護數(shù)據(jù)庫以支持系統(tǒng)需求

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

二、試題與評判標準

（一）試題（樣題）

本次比賽共二個模塊，在一天內(nèi)完成，分別針對頁面重構、

前端功能開發(fā)和后端編碼及數(shù)據(jù)庫等技術進行考核。

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

模塊名稱

編號min評價分測量分合計

A前端開發(fā)150153550

B后端開發(fā)120104050

總計2702575100

（二）試題具體內(nèi)容

模塊A：選手將使用提供的有限素材，按照賽題要求使用

JavaScript、JQuery等技術進行一款射擊類游戲的制作。完成所

有游戲界面的重構，且游戲邏輯能夠按照賽題的要求制作完

成。所有功能均使用前端腳本技術完成，游戲排行和其他部分

數(shù)據(jù)由本地存儲保存。

模塊B：客戶想在他的網(wǎng)站上建立一個簡單的在線游戲。選

手將獲得前端模板和素材，需要在服務器端上使用純手工生成

33

的php代碼，將游戲邏輯和功能集成到前端模板上。使用恰當

的前后端通訊技術并將游戲數(shù)據(jù)保存到數(shù)據(jù)庫中。

（三）評判標準

1.評分規(guī)則：本項目采用事后結果評分，不設競速分，當天

下午完成上午競賽部分的評分，下午競賽部分評分在當天晚上

進行，當日必須完成所有模塊評分和統(tǒng)分工作。選手的最終完

成作品直接保存在比賽機本地服務器規(guī)定文件夾中，完成一個

模塊后需更換到另一組工位繼續(xù)下一個模塊。評分時由裁判在

選手機上直接經(jīng)行操作和打分。

由評分裁判復核后交登分員錄入系統(tǒng)，再根據(jù)系統(tǒng)操作流程

進行二次復核，匯總分數(shù)由所有裁判簽字確認，最終匯總結果

由全體裁判簽字確認。如遇到總分相同情況，則根據(jù)B模塊得

分高低進行認定。

2.評價分：評價分（Judgement）打分方式：3名裁判為一

組，各自單獨評分，計算出平均權重分，除以3后再乘以該子

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

否則需要給出確切理由并在小組長或裁判長的監(jiān)督下進行調(diào)

分。

權重表如下：

權重分值要求描述

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

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

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

34

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

例如：

權重分值要求描述

0分更改現(xiàn)有CSS代碼極度困難，CSS代碼沒有組織結構。HTML沒有格式化

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

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

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

3分

的注釋

3.測量分：測量分（Measurement）打分方式：按模塊設置

若干個評分組，每組由3名及以上裁判構成。每個組所有裁判

一起商議，在對該選手在該項中的實際得分達成一致后最終只

給出一個分值。

測量分評分準則樣例表：

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

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

從滿分中扣除CSS代碼能通過驗證（每種錯誤扣0.5分）2.002.000～1.5

CSS代碼有注釋(0.5分)

從零分開始加1.01.00～0.5

XHTML代碼有注釋(0.5分)

三、競賽細則

選手應遵守比賽相關規(guī)則，服從裁判長的賽事管理。此外，

還應遵守以下特別規(guī)定：

1.存在以下情況者，裁判長有權取消該模塊成績：

a)在提交的作品中帶有選派單位、選手個人或相關組織機

構的標記

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

35

c)競賽時間截止時不聽從裁判結束比賽口令，繼續(xù)操作電

腦

2.存在以下情況者，裁判長有權取消該選手比賽成績：

a)考生在比賽過程中將禁止使用的設備帶到工位上

b)在比賽中存在有違誠信道德的事件，經(jīng)當值裁判記錄并

提交裁判長確認

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

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

4.如選手在比賽中存在技術問題的爭議，以本技術說明與

賽題規(guī)定為準，文件中未涉及的情況由裁判組決定。

四、競賽場地、設施設備等安排

（一）賽場規(guī)格要求

每一個名選手均配備以下設備（套）

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

1開發(fā)用主機臺式臺1

2顯示器FullHD臺1

3鍵盤美式個1

4鼠標三鍵光電個1

選手比賽用主機配置：

硬件型號參數(shù)

CPUIntelCorei52.5GHz以上

內(nèi)存DDR48GB

硬盤SATAHDD提供不少于50GB的可用臨時硬盤空間

選手主機與本地服務器相連，不連接英特網(wǎng)，并按照下表標準

安裝相關軟件：

36

附表：臺式機軟件環(huán)境

類別名稱版本備注

操作系統(tǒng)Windows10Windows10

AdobePhotoshopCC2019orupper

AdobeIllustratorCC2019orupper

開發(fā)工具

AdobeXDCC2019orupper

XAMPP7.2orupper

MicrosoftEdge44orupper

瀏覽器FirefoxDeveloperEditionV75orupper

ChromeV80orupper

MSOffice2016orupper

7-Zip19.00(x64)orupper

Filezilla3.5orupper

輔助軟件Editplus5.0orupper

PHPStorm2019orupper

Sublime3.2.2

WinRAR

前端框架jQuery3.5orupper

（二）場地布局要求

提供規(guī)格（長度、寬度）清晰的布局圖。例如：

1.選手操作臺臺面尺寸為1米*0.6米以上

2.選手座位空間不小于3平方米

3.場地總面積不小于100平方米，兩場考試設備間距5米以

上

4.選手工位數(shù)量20個以上（備4工位）

5.評分機6臺以上

（三）基礎設施清單

賽場提供統(tǒng)一的標準美式鍵盤和3鍵光電鼠標，選手無需

37

自帶設備工具。

五、安全、健康要求

（一）賽場人員安全要求

現(xiàn)場裁判、選手、工作人員在競賽期間應該遵守組委會和

執(zhí)委會的安全規(guī)定和要求。

參賽選手進入競賽場地后，須聽從并尊重裁判人員的管理，

文明參賽。

參賽選手必須在確保人身安全和設備安全的前提下開始競

賽，發(fā)現(xiàn)或發(fā)生有關安全問題，應立即向裁判報告。

嚴格注意賽場用電安全，非賽場管理人員未經(jīng)允許，不能

隨意拉接電源以及拔插設備。

如選手發(fā)生緊急的身體狀況，由賽場管理人員進行緊急處

理。除非有集體性意外事件，否