2021-2022年度广东省职业院校学生专业技能大赛Web前端开发赛项规程

2021-2022年度广东省职业院校学生专业技能大赛(中职组)

“Web前端开发”赛项

竞赛规程

一、赛项名称

赛项编号：ZZ-29

赛项名称：Web前端开发

赛项归属产业：信息技术类

二、竞赛目的

“Web前端开发”赛项旨在服务于互联网进入WEB2.0时代网站

重构的需求，进一步深化产教融合、校企合作协同育人，为行业、企

业培养高素质、高技能的Web前端开发的紧缺人才。重点考察网站规

划、网站开发、用户体验设计等核心知识和核心技能。通过竞赛，全

面检验学生Web前端开发的工程实践能力和创新能力；加强学生对

Web前端技术相关知识的理解、掌握和应用；培养学生的动手实操能

力、团队协作能力、创新意识和职业素养；促进理论与实践相结合，

增强技能型人才的就业竞争力，提高学生的就业质量和就业水平。

三、竞赛内容

本赛项以实际工程项目为基础，面向企业岗位技能需求，突出工

程应用，体现新技术普及应用推广。本项目对标世界技能大赛Web技

术项目，通过“前端重构”、“网站搭建”两种形式考察选手对实际问

题的需求分析能力、对框架的应用能力等。考点包括：按需求完成网

站规划和页面设计、响应式前端重构、HTML基础及HTML5标签、CSS

及CSS3应用、JavaScript基本语法与高级编程、ES6标准、数据库应

用、FTP站点发布、CMS系统搭建配置等。

1/15

四、竞赛方式

（一）竞赛形式

本赛项为学生团体赛。以院校为单位组队参赛，不得跨校组队，

各校限报1队选手参赛。每支参赛队由3名选手组成，须为2022年

同校在籍学生，性别不限，可配2名指导教师。

（二）竞赛时间

竞赛总时长为240分钟。

五、竞赛流程（本流程以最终通知为准）

从报到日到比赛结束日的具体流程安排见表1。

表1竞赛日程安排表

日期时间事项参加人员地点

各校参赛选手和

11:00-14:00参赛队报到住宿酒店

指导老师

报各校参赛选手和

15：00-16：30赛前说明会、抽顺序号检录室

到指导老师

日

熟悉赛场:若参赛选手对比

各校参赛选手和

16：30-17：30赛场地设备有异议，需在此期赛场

指导老师

间提出书面申诉报告。

07:20-07:50选手集中、检录各校参赛选手检录室

07:50-08:20抽工位号、入场各校参赛选手抽签室

08:20—08:30确认设备环境各校参赛选手赛场

竞08:30—12:30正式比赛各校参赛选手赛场

赛

日若参赛选手对比赛过程有异

12:30—14:30议，需在此期间提出书面申领队仲裁室

诉报告。

13:00—16:00专家组现场评判评分裁判赛场

16:30—17:00成绩公布、赛项点评、结束裁判长检录室

具体安排以赛前发布的竞赛指南为准。

2/15

六、赛卷说明

（一）赛题命题原则

1.命题方向和难度以教育部颁发的专业教学标准、国家职业院校

技能大赛相关赛项规程、国家职业资格标准等为依据，并结合WEB前

端开发技术技能人才培养要求和职业岗位需要，适当增加新知识、新

技术、新技能等相关内容。

2.赛题测试学生运用专业知识、专业技能分析问题、解决问题的

能力，并能体现独立工作、综合设计和团队协作能力，重点展示职业

技能和职业精神。

3.题量与实际竞赛时间相适应，知识点、技能点分布合理，难度、

广度适中。自由创意型赛题的分值原则上不超过总成绩的10%，如有

特殊情况，报大赛执委会批准。

（二）赛题模式

本赛项采用公开样题的方式，专家组编制完样题后，由大赛执委

会于正式比赛前20天在省赛平台正式发布。

正式比赛试题由专家组依据竞赛规程和样题模式进行编制，编制

3套正式比赛试题，正式比赛试题题型、分值与样题一致，试题的内

容与样题的重复率不超过30%。

正式比赛试题编制完成后，专家组要按照专家承诺书的要求做好

保密工作，并于比赛的前5天将密封后的3份正式赛题交付大赛执委

会保存。命题专家、审核专家、印刷人员和保管人员对赛卷保密负全

部责任。所有涉及竞赛赛卷的人员必须签署保密协议，任何人不得以

任何方式泄露赛卷内容。赛卷必须存放在双锁保密室的保密铁柜内，

由赛项执委会指定专人和保密室负责人共同负责保管。正式比赛时，

3/15

由省教育厅选派的大赛督察员从3套试题中随机任意抽取1套试题作

为比赛用题。

（三）保密和领取

1.命题专家、审核专家、印刷人员和保管人员对赛卷保密负全部

责任。所有涉及竞赛赛卷的人员必须签署保密协议，任何人不得以任

何方式泄露赛卷内容。

2.赛卷必须存放在双锁保密室的保密铁柜内，由赛项执委会指定

专人和保密室负责人共同负责保管。

3.严格遵守保密制度和保密程序，认真做好赛卷的保密、保管以

及接收、发放工作。

4.赛卷领取人必须由专人在赛项督察员的监督下，于考前30分

钟内到保密室领取赛卷，并核对数量，查验赛卷的密封是否完整，做

好移交记录，由赛卷领取人和督察员签字确认。

5.赛卷领取人领取赛卷后必须直接到达赛场，中途不得在任何场

所停留。

（四）回收和存档

1.竞赛用的所有材料，如赛卷、成绩评定过程材料等都要回收，

再核对赛卷份数后，妥善保存在赛项承办院校。

2.如使用备用赛卷，应在考场情况记录表上注明，并由赛项督察

员签名。

3.对密封好的赛卷及答卷由保管人员做好记录，保存备查，并在

回收登记表上签名。

4.赛卷、答卷及比赛作品由赛项承办单位就地封存，妥善保管，

所有材料的有效追溯期为三年。

4/15

七、竞赛规则

（一）报名要求

1．竞赛形式

（1）本赛项为团体赛，每队由3名选手与1-2名本校专兼职教

师为指导教师组成。

（2）团体赛不得跨校组队

2．报名资格

（1）参赛选手须为中等职业学校全日制在籍学生；五年制高职

学生报名参赛的，一至三年级（含三年级）学生可报名参加比赛。参

赛选手年龄一般不超过21周岁，年龄计算的截止时间以2022年的5

月1日为准。

（2）凡在往届全国职业院校技能大赛中获一等奖的选手，不能

再参加同一项目同一组别的比赛。

（3）每校限报1支参赛队，没有预报名的参赛学校原则上不得

参加该赛项的正式报名和比赛。

（4）经教育部门、人力资源和社会保障部门审批，由同一法人

代表登记、使用同一办学资源、使用多个校名举办同一层次不同类别

学历教育的职业学校按一所学校组织报名。

（5）多所职业院校组成的联合学院（联盟或集团），不得以联合

学院（联盟或集团）和其成员学校名义重复报名参加同一赛项。

（6）已在省大赛平台提交的报名信息，原则上不能变更，如遇

特殊情况，需更改报名信息，须由参赛院校向省大赛办提交申请，经

审批通过后方可调整。各赛项于开赛前15个工作日内将不再接受更

改报名信息申请。

5/15

（二）熟悉场地

1.参赛选手应在竞赛日程规定的时间熟悉竞赛场地，选手可进入

竞赛场地熟悉；

2.参赛队熟悉竞赛场地后，认为所提供的设备、工具等不符合竞

赛规定或有异议时，参赛队领队必须在1小时内提出书面报告，送

交赛项执委会进行处理，超过时效将不予受理。

（三）正式比赛

1.参赛选手在比赛开始前到达指定地点，凭身份证、参赛证报到。

开赛15分钟后，参赛选手如仍未进入赛场，按弃权处理；

2.竞赛赛位通过二次加密决定，竞赛期间参赛选手不得擅自离开

竞赛赛位；

3.竞赛所需的硬件设备、系统软件和辅助工具由组委会统一安排，

参赛选手不得自带硬件设备、软件、移动存储、辅助工具、移动通信

等进入竞赛现场。

4.参赛选手自行决定工作程序和时间安排。

5.参赛选手在进入竞赛工位并领取竞赛任务，竞赛正式开始后方

可展开相关工作。

6.竞赛过程中，选手须严格遵守操作规程，确保人身及设备安全，

并接受裁判员的监督和警示。若因选手因素造成设备故障或损坏，无

法继续竞赛，裁判长有权决定终止该队竞赛；现场裁判或者选手处理

任何软件、硬件故障所花费的时间由选手承担，都不做补时。

7.竞赛结束（或提前完成）后，参赛选手要确认已成功提交所有

竞赛文档，裁判员与参赛选手一起签字确认，参赛选手在确认后不得

再进行任何操作。

8.竞赛为赛后结果评分，只对各参赛队服务器上提交的作品进行

6/15

评分。

八、竞赛环境

竞赛在室内进行，竞赛场地包括参赛选手竞赛区域和裁判区域。

（一）参赛选手竞赛区域

竞赛区每个工位配备4台PC（其中一台作为服务器），竞赛工位

之间保持一定距离，用隔离带隔离，标有醒目的工位编号，确保参赛

队之间互不干扰。现场提供局域网（不接入Internet），保证赛场采

光标准、照明和通风良好，提供稳定的水、电、应急备用电源、干粉

灭火器材等。

（二）裁判区域

供裁判工作的场地配有电脑、打印机、桌椅、文具用品等。

九、技术规范

参赛代表队在实施竞赛项目中要求遵循如下规范：

序号标准号中文标准名称

1GB/T11457-2006信息技术软件工程术语

2GB/T14394-2008计算机软件可靠性和可维护性管理

3GB/T15532-2008计算机软件测试规范

软件工程产品质量（质量模型、外部度量、内部度量、

4GB/T16260-2006

使用质量的度量）

5GB/T18905-2002软件工程产品评价

6GB/T19003-2008软件工程

7GB/T20271-2006信息安全技术-信息系统通用安全技术要求

8GB/T20918-2007信息技术软件生存周期过程风险管理

9GB/T8567-1988计算机软件产品开发文档编制指南

10GB/T8567-2006计算机软件文档编制规范

7/15

11GB/T9385-2008计算机软件需求规格说明规范

12GB/T9386-2008计算机软件测试文档编制规范

13SJ/T11291-2003面向对象的软件系统建模规范

十、技术平台（由承办学校学校提供以下软、硬件平台）

1．软件平台

序号软件名称设备基本功能描述备注

平台集成第三方MySql数据库管理软件、能

1Web技术实训平台稳定运行WordPress的PHP环境，并能够实

现不同工位间的数据隔离。

2PC操作系统Windows7承办校提供

AdobePhotoshopCC2019orupper

AdobeDreamweaverCC2019orupper

AdobeIllustratorCC2019orupper

XAMPP7.2.5orupper

FirefoxDeveloperEditionV80orupper

ChromeV80orupper

3软件开发环境MSOffice2016Prof承办校提供

Editplus5.0orupper

PHPStorm2020orupper

Sublimebuild3143orupper

WinRAR

FileZilla3.42.0orupper

Postman7.0orupper

2．硬件平台

序号设备名称设备基本功能描述备注

1交换机/集线器具备4口集线器的功能，配置参赛队局域网。承办校提供

参赛选手用机，Intel酷睿i5及以上级别处理器，

2选手PC机承办校提供

8GB及以上内存，320G及以上硬盘，千兆网卡。

参赛队服务器，Intel酷睿i5及以上级别处理器，

3选手服务器承办校提供

8GB及以上内存，320G及以上硬盘，千兆网卡。

备注：每组由3台PC机和1台服务器构成。

十一、成绩评定

（一）评分原则

比赛成绩将由“页面设计”、“前端重构”、“网站搭建”、“职业素

8/15

养”四个部分组成，满分为100分，权重分别为30%、45%、20%、5%。

竞赛总得分=页面设计得分+前端重构得分+网站搭建得分+职业

素养得分

（二）评分项目

权

竞赛模块竞赛内容

重

选手需要知道和理解：

如何遵循设计原则和模式，以产生美观和创造性的设计

与设计的认知、社会、文化、技术和经济背景有关的问题

不同的目标市场并满足每个市场的设计要素

维护企业形象，品牌和风格指南

互联网设备和对应屏幕分辨率的约束

页面设计选手应能够：30%

创建、分析和开发通讯问题中的视觉反馈，包括理解层次结构、

排版、美学和构成

为互联网创建、控制和优化图片

识别目标市场和创建设计概念

将想法融入美观和有创意的设计中

考虑用户体验，评判并选择合适的草图设计、颜色和原型

选手需要知道和理解：

W3C的HTML和CSS标准

页面元素定位和布局的方法

可用性和交互设计

对有特殊需要的用户的无障碍设计和通信

浏览器兼容性

搜索引擎优化（SEO）和性能优化

JavaScript及如何使用JavaScript来集成库、框架和其他系

统或功能

使用JavaScript前置/后置处理器和任务运行工作流

选手应能够：

前端重构45%

创建符合并能通过W3C标准验证的代码（HTML5,CSS3）

为各种设备和屏幕分辨率创建可访问和可用的网站

使用CSS或其他外部文件修改网站的外观

使用CSS预处理/后处理器

为用户创建和更新网站，并协助提升搜索引擎性能

在需要的地方嵌入和集成动画，音频和视频

创建网站的动画和交互功能，帮助解释页面内容和增加视觉吸

引力

创建和更新JavaScript代码，增强网站功能性，可用性和美观

使用JavaScript来操作数据和自定义媒体

创建模块化和可重用的JavaScript代码

9/15

选手需要知道和理解：

面向对象的PHP

FTP服务器与客户端的关联以及软件包

如何管理服务器和客户端系统之间的数据交换

CMS（WordPress）系统的优点和局限性

如何实现CMS网站客户端功能

网站搭建20%

理解对CMS插件和模块的安全性进行维护和更新的需求

选手应能够：

安装、配置和更新内容管理系统

安装、配置和更新CMS插件/模块

使用和修改开源主题启动器为CMS创建主题

创建内容管理系统的自定义主题/模板

选手应能够：

听从裁判安排，遵守赛场规则

职业素养按照要求操作机器5%

代码编码规范

文件命名和工程目录结构

十二、奖项设定

根据参赛队竞赛成绩排名分别设立一、二、三等奖。以各赛项实

际参赛队数量为基数，一、二、三等奖获奖比例分别为15%、25%、

40%（小数点后四舍五入）。

十三、赛项安全

按照《全国职业院校技能大赛安全管理规定》的有关要求，依据

申报赛项自身特点，明确所需的安全保障措施。

（一）成立相应的安全管理机构负责本赛项筹备和比赛期间的各

项安全工作，赛项执委会主任为第一责任人；

（二）制定安全管理的相应规范、流程和突发事件应急预案，保

证比赛筹备和实施工作全过程的安全；赛区工位明显位置张贴安全操

作须知，列明危险源及和安全操作规程和防范措施；

（三）比赛内容涉及的器材、设备应符合国家有关安全规定，并

预留有10%的备赛工位和20%的耗材和设备；

10/15

（四）赛项执委会在赛前对本赛项全体赛项支持保障人员、裁判

员、工作人员进行安全培训，赛项支持保障人员在赛前进行消防安全

演练，确保紧急情况下，现场参赛选手和专家紧急撤离，并及时切断

配电箱电源开关，保障人员需扑救初期火灾，需掌握初步的人员救护

技能；

（五）赛项执委会制定专门方案保证比赛命题、赛题加密、赛题

发布、回收和评判过程的安全；

（六）赛项执委会在赛前组织专人对比赛现场、住宿场所和交通

保障进行考察，并对安全工作提出明确要求。赛场的布置，赛场内的

器材、设备，应符合国家有关安全规定；

（七）赛场周围设立警戒线，防止无关人员进入，发生意外事件。

比赛现场内参照相关职业岗位的要求为选手提供必要的劳动保护和

医务服务；

（八）承办院校应提供保障应急预案实施的条件，明确制度和预

案，并配备急救人员与设施；除必要的安全隔离措施外，赛项安全应

严格遵守国家相关法律法规，保护个人隐私和人身自由；

（九）赛项执委会会同承办院校制定开放赛场和体验区的人员疏

导方案。赛场环境中存在人员密集、车流人流交错的区域，除了设置

齐全的指示标志外，增加引导人员，并开辟备用通道；

（十）比赛期间，赛项承办院校在赛场管理的关键岗位，增加力

量，建立安全管理日志；

（十一）比赛期间承办校所安排的住宿地应具有宾馆、住宿经营

许可资质，保证住宿、卫生、饮食安全，承办院校须尊重少数民族参

赛人员的宗教信仰及文化习俗，根据国家相关的民族、宗教政策，安

11/15

排好少数民族参赛选手和教师的饮食起居；

（十二）比赛期间发生意外事故时，应采取措施，避免事态扩大，

赛场、展示区、体验区的现场布置和现场使用时，全域全程禁烟。

（十三）目前仍处于新冠疫情防控期间，本次大赛所有参赛人员

均应按广东省大中专院校疫情防控要求做好准备，接受相应查验。具

体事项请看赛前发布的《竞赛指南》。

十四、竞赛须知

（一）参赛队须知

参赛队正式报到时需提供有效证件（参赛选手的身份证和学生证

原件、学校为参赛选手购买的人身意外伤害险保险合同原件或复印件、

指导教师身份证和工作证原件）。已在省大赛平台提交的报名信息，

原则上不能变更，如遇特殊情况，需更改报名信息，须由参赛学校向

省大赛办提交申请，经审批通过后方可调整。各赛项于开赛前15个

工作日内将不再接受更改报名信息申请。

（二）参赛领队须知

1.由参赛学校确定赛项领队1人，领队应熟悉赛项流程，具备管

理与组织协调能力。

2.领队负责组织本校参赛队参加各项赛事活动。

3.领队应积极做好本校参赛队的服务工作，协调各参赛队与赛项

组织机构、承办学校的对接。

（二）指导教师须知

1.各参赛代表队要发扬良好道德风尚，听从指挥，服从裁判，不

弄虚作假。如发现弄虚作假者，取消参赛资格，名次无效。

2.各代表队领队要坚决执行竞赛的各项规定，加强对参赛人员的

12/15

管理，做好赛前准备工作，督促选手带好证件等竞赛相关材料。

3.竞赛过程中，除参加当场次竞赛的选手、