2021年度湖南省职业院校技能竞赛
竞赛规程
一、赛项名称
1.赛项名称：WEB前端开发
2.赛项组别：中职组
3.赛项归属：信息技术类
二、赛项简介
本赛项主要考察参赛选手对实际项目的需求分析能力、对前端开发技术的应用能力、对框架的应用能力等。赛项以真实工程项目为背景，贴近实际，要求参赛选手在规定时间内根据执委会提供的素材资源，按照任务书要求进行图形图像处理，设计站点的logo及主题风格，并在各版面中应用这些元素，关注受众体，实现页面设计；使用HTML5、CSS3、JavaScript等前端技术实现页面，并完成各种交互效果的开发；使用PHP、CMS、数据库技术完成网站搭建。
三、竞赛内容
WEB前端开发赛项基于企业真实项目的工作流程，采用市场主流软件开发架构，以实际操作形式进行现场编程设计。
考核点主要包括：按需求完成网站规划和页面设计、响应式前端重构、HTML 基础及HTML5标签、CSS及CSS3应用、JavaScript基本语法与高级编程、ES6标准、数据库应用、FTP站点发布、CMS系统搭建配置等。
四、竞赛方式
1.竞赛以团队方式进行，每支参赛队3名选手（其中队长1名）组成。
2.所有参赛队在现场根据给定的项目任务，相互配合，在设备上完成WEB 前端项目的“页面设计”、“前端重构”、“网站规划”三个模块的设计与开发，最后以所有源文件和竞赛项目部署运行效果作为最终评分依据。
3.3名选手自行分配“页面设计”、“前端重构”、“网站规划”模块，以保证整个团队并行开发和调试。
五、竞赛时量
比赛时间为240分钟。
六、名次确定办法
各参赛队以竞赛总成绩从高到低排序确定名次，不设并列名次。总成绩相同时，依次按“前端重构”、“页面设计”、“网站搭建”部分得分高低决定排名次序。
七、评分标准与评分细则
（一）评分标准
竞赛满分为100分。竞赛总成绩由“页面设计”、“前端重构”、“网站搭
建”三个模块的成绩组成，分别权重为35%、45%、20%。
竞赛模块竞赛内容
权
重
页面设计选手需要知道和理解：
∙如何遵循设计原则和模式，以产生美观和创造性的设计
∙与设计的认知、社会、文化、技术和经济背景有关的问题
∙不同的目标市场并满足每个市场的设计要素
∙维护企业形象，品牌和风格指南
∙互联网设备和对应屏幕分辨率的约束
选手应能够：
∙创建、分析和开发通讯问题中的视觉反馈，包括理解层次
结构、排版、美学和构成
∙为互联网创建、控制和优化图片
∙识别目标市场和创建设计概念
∙将想法融入美观和有创意的设计中
∙考虑用户体验，评判并选择合适的草图设计、颜和原型
35%
前端重构选手需要知道和理解：
∙W3C的HTML和CSS标准
∙页面元素定位和布局的方法
∙可用性和交互设计
∙对有特殊需要的用户的无障碍设计和通信
∙浏览器兼容性
∙搜索引擎优化（SEO）和性能优化
∙JavaScript及如何使用JavaScript来集成库、框架和其
他系统或功能
∙使用JavaScript前置/后置处理器和任务运行工作流
选手应能够：
∙创建符合并能通过W3C标准验证的代码（HTML5,CSS3）
∙为各种设备和屏幕分辨率创建可访问和可用的网站
∙使用CSS或其他外部文件修改网站的外观
∙使用CSS预处理/后处理器
∙为用户创建和更新网站，并协助提升搜索引擎性能
∙在需要的地方嵌入和集成动画，音频和视频
∙创建网站的动画和交互功能，帮助解释页面内容和增加视
觉吸引力
∙创建和更新JavaScript代码，增强网站功能性，可用性和
美观
∙使用JavaScript来操作数据和自定义媒体
∙创建模块化和可重用的JavaScript代码
45%
网站搭建选手需要知道和理解：
∙面向对象的PHP
∙FTP服务器与客户端的关联以及软件包
∙如何管理服务器和客户端系统之间的数据交换
∙CMS（WordPress）系统的优点和局限性
20%
∙如何实现CMS网站客户端功能
∙理解对CMS插件和模块的安全性进行维护和更新的需求
选手应能够：
∙安装、配置和更新内容管理系统
∙安装、配置和更新CMS插件/模块
∙使用和修改开源主题启动器为CMS创建主题
∙创建内容管理系统的自定义主题/模板
（二）评分细则
（1）根据竞赛任务和评分标准确定评分细则，设计评分表。
（2）所有参赛队成绩由裁判组统一评定。
（3）比赛采取分步得分、错误不传递、累计总分的积分方式。分别计算模块得分，按规定权重计入选手总成绩。
（4）竞赛过程中，参赛选手如有不服从裁判判定、扰乱赛场秩序、舞弊等不文明行为，由裁判组按照规定减扣相应分数，情节严重的取消竞赛资格。具体情况与处理方式如下：
●违反比赛规定，提前进行操作或比赛终止后仍继续操作的，由现场裁判
负责记录并酌情扣分1-5分。
●在竞赛过程中，违反操作规程，影响其他选手比赛的，未造成设备损坏
的参赛队，扣5-10分。
●在竞赛过程中，造成设备损坏或影响他人比赛、情节严重的报竞赛执委
会批准，终止该参赛队的比赛，竞赛成绩以0分计算。
八、赛点提供的设施设备仪器清单
（一）软件平台
序号软件名称设备基本功能描述备注
1中慧Web技
术实训平台
平台集成第三方MySql数据库管理软件、
能稳定运行WordPress的PHP环境，并
能够实现不同工位间的数据隔离。
中慧云启科技
集团有限公司
3PC操作系统Windows7以上承办校提供
4软件开发环
境
Adobe Photoshop CC2018or upper
Adobe Dreamweaver CC2018or upper
Adobe Illustrator CC2018or upper
XAMPP7.2.5or upper
Firefox Developer Edition V58or
upper
Chrome V60or upper
MS Office2016Prof
Editplus5.0or upper
PHPStorm2018or upper
Sublime build3143or upper
WinRAR
FileZilla3.42.0or upper
Postman7.0or upper
承办校提供
（二）硬件平台
序号设备名称设备基本功能描述备注
1交换机4口交换机，配置参赛队局域网。承办校提供
2选手PC机参赛选手用机，Intel酷睿i5处理器，
8GB内存，1T硬盘，网卡。
承办校提供
3选手服务器参赛队服务器，Intel酷睿i5处理器，
8GB内存，1T硬盘，网卡。
承办校提供
备注：一组由3台PC机和1台服务器构成。
九、选手须知
（一）选手自带工（量）具及材料清单
所有工具由举办方提供，选手无需自带工具。
（二）主要技术规范及要求
序
号
如何搭建php开发环境标准号中文标准名称
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计算机软件文档编制规范
11GB/T9385-2008计算机软件需求规格说明规范
12GB/T9386-2008计算机软件测试文档编制规范
13SJ/T11291-2003面向对象的软件系统建模规范
（三）选手注意事项
1.竞赛选手严格遵守赛场规章、操作规程和工艺准则，保证人身及设备安全，接受裁判员的监督和警示，文明竞赛。
2.选手凭证进入赛场，在赛场内操作期间应当始终佩带参赛凭证以备检查。
3.参赛选手进入赛场，不允许携带任何书籍和其他纸质资料（相关技术资料
的电子文档由组委会提供），不允许携带通讯工具和存储设备（如U盘）。竞赛统一提供计算机以及应用软件。
4.入场后，赛场工作人员与参赛选手共同确认操作条件及设备状况，参赛队员必须确认材料、工具等。竞赛过程中不准擅自离开赛场。
5.竞赛时，在收到开赛信号前不得启动操作，各参赛队自行决定分工、工作程序和时间安排，在指定赛位上完成竞赛项目，严禁作弊行为。
6.在比赛期间，选手连续工作，选手休息、饮食或如厕时间均计算在比赛时间内。
7.为培养技能型人才的工作风格，在参赛期间，选手应当注意保持工作环境及设备摆放符合企业生产“5S”（即整理、整顿、清扫、清洁和素养）的原则，如果过于脏乱，裁判员有权酌情扣分。
8.在比赛中如遇非人为因素造成的设备故障，经裁判确认后，可向裁判长申请补足排除故障的时间。
9.参赛队欲提前结束比赛，应向现场裁判员举手示意，记录比赛终止时间，但不得离场，比赛终止后，不得再进行任何与比赛有关的操作。
10.各竞赛队按照大赛要求和赛题要求提交竞赛成果，禁止在竞赛成果上做任何与竞赛无关的记号，如留有相关记号标识，以作弊处理。
十、样题
样题附后

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。