第29卷第2期 2021年4月
Vol.29 No.2Apr. 2021
电脑与信息技术Computer and Information Technology
文章编号：1005-1228（2021）02-0076-03
浅谈世界技能大赛网站设计开发项目的应赛方案
赵小厦，夏　嵬
（南京技师学院  南京信息职业技术学院 江苏 南京　210023）
摘　要：世界技能大赛中的网站设计开发项目是指根据项目需求制作站点设计，实现能在各种终端上使用的页面、交互效果以及后台功能的竞赛项目。文章通过对该赛项和赛题的分析，结合作者几年指导参赛经验，针对如何做好应赛工作，提出了多方面的策略、措施和方法，重点论述了参赛选手指导方案。 关键词：技能大赛；网站设计开发；应赛方案中图分类号：G715  文献标识码：A
Brief Introduction on the Competition Plan of Web Design
and Development Project of World Skills Competition
ZHAO Xiao-sha, XIA Wei
（NanJing Technology and Teaching College, Nanjing Vocational College of Information Technology, Nanjing 210023, China）Abstract：The website design and development project of the world skills competition refers to the competition project that makes the website design according to the project requirements and realizes the page, interactive effect and background function that can be used on various terminals. Based on the analysis of the event and the competition questions, combined with the author's experience in guiding the competition for several years, this paper puts forward various strategies, measures and methods for how to do a good job in the competition, and focuses on the guidance scheme of the contestants.Key words: world skills competition; Web design and development; competition design;
收稿日期：2020-09-04
作者简介：赵小厦（1982-），女，河南南阳人，硕士，讲师，主要研究方向：软件技术；夏嵬（1979-）, 湖北武汉人, 讲师，博士，主要研究方向：人工智能。
世界技能大赛深受国家重视，国家、省、市每两年都会进行选拔比赛，各学校单位都想取得好成绩，然而很多参赛学校不知如何组织赛前训练。本文作者根据这几年的参赛指导经验，将从四个方面提出自己的一些看法, 希望能值得参赛者借鉴。
1　赛项分析
1.1　技术简要描述
选手要熟练进行图形图像处理，能设计站点logo 及主题风格，制作出受欢迎的设计； 能使用HTML5及CSS3技术，按设计稿实现页面，并完成各种交互效果的开发；要保证网站质量，做好异常和软硬件兼容性处理。
1.2　赛项选手能力要求
（1）动画和视频：创建网页动画和嵌入音频元素来展示内容和提升视觉效果。
（2）平面设计：创建、编辑和优化图像；选用可以增强设计效果的布局版式；为不同的屏幕分辨率进行设计，自适应于给定的分辨率；网站导航要高效、直观和易用。
（3）通过PHP 和MySQL 进行服务器端编程。（4）表现层实现：使用XML、JavaScript 等工具，CS
S 或其他的外部文件来控制整个网站样式；实现跨浏览器兼容和不同分辨率自适应；网站要符合当前的W3C 标准。
（5）可用性及可及性：保持网站的统一和一致性；创建易于使用的导航系统；网站内的信息易于被检索；增加网站的友好形可用性。
（6）具备理论知识和能力：具备彩构成理论；能够制作加工图片和动画；懂得HTML、XML、javascript、php、mysql、CSS 等语言和工具的语法和使用规则；能使用MVC 框架结构来对网站服务器端
第29卷第2期·77·
赵小厦等：浅谈世界技能大赛网站设计开发项目的应赛方案
进行编码；能够使用开源代码库；具备站点设计和受众分析能力；具备所有需要使用的软件的操作知识。
（7）必须了解的标准和法规：网页的W3C标准、网站版权法规等。
2　赛题分析
该赛项分为4个模块，每模块赛时为2或3小时。
2.1　单页设计模块
选手按照需求设计出一个单页面。
php网站开发是什么专业2.2　响应式页面实现
按照网站设计稿样张，选手使用HTML5/CSS3技术实现页面，并自适应于多种不同的设备分辨率，页面符合原设计稿的排版布局和各种设定。此外还需按照样张来制作一些前端的交互动效。
2.3　前端交互应用
制作具备交互能力的网站，侧重于前端实现。业务逻辑和功能都使用前端脚本完成，业务数据需要后台数据库保存。赛题提供html框架代码和相关素材，要求选手使用JavaScript、JQuery、JQueryUI等前端技术按照赛题要求完成此前端应用且保证浏览器兼容性。
2.4　后台游戏开发
制作具备前后端交互的网站，侧重于后端实现。赛题提供前端模板和素材，要求在服务器端上使用纯手工生成的php代码，将交互逻辑和功能集成到前端模板上。
3　创建备赛机制
3.1　开设相关课程
必须开设课程有：
《HTML5和CSS3网站设计制作》、《JavaScript 语言编程基础》、《PhotoShop图形图像处理》、《动画设计制作》、《PHP语言编程技术》和《MySQL 数据库应用》。
建议开设课程有：
《Java语言编程基础》、《PHP编程项目实战》、《HTML5和CSS3网站技术进阶》、《网站项目实战》、《JavaScript经典框架应用开发》和《图形标识设计与实现》。
3.2　校方相关支持
校方需要提供全方位支持保障，才能在参赛过程中取得好成绩。
（1）政策支持
学校要本着大力支持学生参加世界技能大赛的思想，出台相关的政策，如对集训学生的支持和奖励，
如免考部分课程、学期奖学金、评优、获奖奖学金和待遇；对指导教师的支持和奖励，如减免课时量、评奖评优等；学校各部门协调支持集训师生的工作。
（2）场地、设备和经费支撑
学校提供固定的集训场地，购买相关配套设备，并提供充足的经费支撑，保障集训工作，建议每个赛项有独立的集训场地。
3.3　参赛选手的选拔
建议选择对网站设计开发感兴趣的学生，最好强烈热爱技术、自学能力强、能静下心、坐得住、有毅力和能吃苦。该赛项要求选手熟练掌握网站开发的相关技术和具备较强比赛心里素质，因此要求参赛选手一是学习能力要强，能掌握相关技术，二是需要花很多时间和精力，有毅力能坚持下来。
3.4　参赛指导教师的选择
参赛指导老师的选择，尽量选取有热情有干劲、有较强的专业技术能力、有企业软件开发经验的、学习能力较强的、有集体荣誉感、有奉献精神的教师担当指导教师。
4　参赛指导方案
一个合格的参赛选手的产生，需要经历较长时间的学习、积累和加强训练，不是短时期内可以培养成的。加上该项目需要掌握的技术比较多，要想取得好的竞赛成绩，必须每项技术都要熟练掌握，这个对指导教师和学生来说，是比较有挑战难度的。建议可以成立一个项目团队，团队内部每年纳新，形成阶梯队伍，以老带新，共同成长。
指导选手成长分为如下几个阶段：
4.1  基础技术学习阶段
选手最开始很可能是一个对网站开发或者对计算机专业比较感兴趣的初级小白，需要学习和掌握网站开发的基础技术，学习相关必修课程，循序渐进地学习。这一般是低年级的学生，或者非计算机专业的学生。对于计算机专业的学生，可能开设的课程会分布在几个学期里，持续时间较长，不利于大赛的前期准备，这就需要学生的自学能力要强。
该阶段由指导老师和学生一起根据学生情况制定各科目的学习计划，指导教师有选择地定期讲解。
4.2  基础技术加强阶段
该阶段学生已经基本掌握了网站开发所需要的基础技术，但是还不够熟练，所以需要进一步加强巩固，可以做较综合的例子结合各个技术点实现，重点
电脑与信息技术 2021年4月·78·
掌握网站开发的难点，比如动画的实现、多分辨率屏幕的自适应处理和多浏览器的兼容处理等。
该阶段由指导老师制定练习计划，并选择合适的案例供学生练习，指导教师有选择地对技术点讲解，并对学生的训练结果进行点评。
4.3　项目实战演练阶段
本阶段为综合案例实训阶段，让学生综合利用掌握的技术，同时学习新的框架技术，带领学生一步步来实现成型的网站项目，从而对实际解决问题和综合解决问题能力得到加强，也进一步掌握了网站开发的技术。
该阶段由指导老师制定练习计划，并选择合适的项目案例，让学生独自实现完整网站。指导教师根据学生完成情况，有选择地对某些模块进行讲解，并对学生的实战结果进行点评。
4.4　项目实战加强阶段
待选手学生已经具备了可以独立完成项目的能力，并有了这个训练经验后，开始进入项目实战加强阶段，在这个阶段，让学生除了综合利用掌握的技术来实现成型的网站项目，提高实际解决问题和综合
解决问题能力外，进一步对项目实现提出更高要求，比如网站的友好度、品质感、快捷高效、页面对终端屏幕无痕自适应体验度等。
该阶段由指导老师制定练习计划，并选择合适的项目案例，并提出更高的要求，让学生独自实现完整网站。指导教师根据学生完成情况，有选择地对某些模块进行讲解，并对学生的实战结果进行点评。
4.5　难点突破阶段
指导老师和学生回顾之前的实训成果，出各自的弱点难点，进一步加强学习，对各自的短板进行加强训练。
建议拿往届赛题进行训练，多次反复实现练习和总结。
5　赛前强化训练
这个阶段的训练主要是针对参赛能力的训练和赛题实现效率的练习。由于世界技能大赛都会提前两周公布比赛样题，赛时在公布的样题基础上更改30%作为最终赛题，故本阶段的训练分为两个小阶段。
5.1　公布比赛样题前
按照比赛的模式要求和评分标准让学生拿往届赛题进行训练。一遍一遍地训练学生在要求时间内完成该模块的样题，并按比赛评分标准来打分。目标是用时越短，实现的网站质量更高，得分更高。指导教师和学生不停地总结经验和教训，力争下次训练能做得更好。
5.2　公布比赛样题后
按照比赛的模式要求和评分标准让学生拿新样题进行训练，多次重复实现样题，并按比赛评分标准来打分。目标仍然是答题效率和得分。指导教师和学生不停地总结经验和教训。
另外要对相关知识点进行展开训练，主要是应对比赛时候的30%的调整。
最后要对突发情况进行演练，保证学生能够在赛时圆满发挥个人水平。
6　结束语
世界技能大赛网站设计开发项目是一个技术要求难度很高的赛项，需要参赛各方长期的努力，才能建立长期有效的参赛机制。本文通过对该赛项和赛题的分析，结合作者几年指导参赛经验，针对如何做好应赛工作，提出了自己的看法。对于参加网站设计技能大赛项目的人员，或对于想参赛获奖的学校师生，本论文有很好的参考价值。
参考文献：
[1]  2018 年中国技能大赛——第 45 届世界技能大赛全国选拔
赛“网站设计与开发”项目技术工作文件[S]. 2018. [2]  2018 年中国技能大赛——第 45 届世界技能大赛全国选拔
赛“网站设计与开发”项目决赛技能试题[S]. 2018.
[3]  2018全国选拔赛_网站设计与开发评分细则[S]. 2018.
[4]  第46届世界技能大赛江苏省选拔赛网站设计与开发项目
技术文件[S]. 2020.

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