技能大赛网站设计开发项目应赛方案

前言:寻找写作灵感?中文期刊网用心挑选的技能大赛网站设计开发项目应赛方案,希望能为您的阅读和创作带来灵感,欢迎大家阅读并分享。

技能大赛网站设计开发项目应赛方案

摘要:世界技能大赛中的网站设计开发项目是指根据项目需求制作站点设计,实现能在各种终端上使用的页面、交互效果以及后台功能的竞赛项目。文章通过对该赛项和赛题的分析,结合作者几年指导参赛经验,针对如何做好应赛工作,提出了多方面的策略、措施和方法,重点论述了参赛选手指导方案

关键词:技能大赛;网站设计开发;应赛方案

世界技能大赛深受国家重视,国家、省、市每两年都会进行选拔比赛,各学校单位都想取得好成绩,然而很多参赛学校不知如何组织赛前训练。本文作者根据这几年的参赛指导经验,将从四个方面提出自己的一些看法,希望能值得参赛者借鉴。

1赛项分析

1.1技术简要描述。选手要熟练进行图形图像处理,能设计站点logo及主题风格,制作出受欢迎的设计;能使用HTML5及CSS3技术,按设计稿实现页面,并完成各种交互效果的开发;要保证网站质量,做好异常和软硬件兼容性处理。

1.2赛项选手能力要求。(1)动画和视频:创建网页动画和嵌入音频元素来展示内容和提升视觉效果。(2)平面设计:创建、编辑和优化图像;选用可以增强设计效果的布局版式;为不同的屏幕分辨率进行设计,自适应于给定的分辨率;网站导航要高效、直观和易用。(3)通过PHP和MySQL进行服务器端编程。(4)表现层实现:使用XML、JavaScript等工具,CSS或其他的外部文件来控制整个网站样式;实现跨浏览器兼容和不同分辨率自适应;网站要符合当前的W3C标准。(5)可用性及可及性:保持网站的统一和一致性;创建易于使用的导航系统;网站内的信息易于被检索;增加网站的友好形可用性。(6)具备理论知识和能力:具备色彩构成理论;能够制作加工图片和动画;懂得HTML、XML、javascript、php、mysql、CSS等语言和工具的语法和使用规则;能使用MVC框架结构来对网站服务器端进行编码;能够使用开源代码库;具备站点设计和受众分析能力;具备所有需要使用的软件的操作知识。(7)必须了解的标准和法规:网页的W3C标准、网站版权法规等。

2赛题分析

该赛项分为4个模块,每模块赛时为2或3小时。2.1单页设计模块选手按照需求设计出一个单页面。

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基础技术加强阶段。该阶段学生已经基本掌握了网站开发所需要的基础技术,但是还不够熟练,所以需要进一步加强巩固,可以做较综合的例子结合各个技术点实现,重点掌握网站开发的难点,比如动画的实现、多分辨率屏幕的自适应处理和多浏览器的兼容处理等。该阶段由指导老师制定练习计划,并选择合适的案例供学生练习,指导教师有选择地对技术点讲解,并对学生的训练结果进行点评。

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.

作者:赵小厦 夏嵬 单位:南京技师学院南京信息职业技术学院