2022年广西职业院校技能大赛中职组《微网站设计与开发》赛项竞赛规程

2022年广西职业院校技能大赛

中职组《微网站设计与开发》赛项

竞赛规程

一、赛项名称

赛项序号：34

赛项名称：微网站设计与开发

赛项组别：中职组

赛项归属产业：电子与信息

二、竞赛目的

通过本项目竞赛，使中职学生能熟练掌握基于移动网站的规

划、微网的界面交互设计制作、信息归纳整理、代码编写、移动

应用生成等能力，提高其移动应用服务方面的岗位职业素养，引

导职业学校顺应时代发展，促进电子与信息类专业建设与教学改

革；推进中职学校与相关企业的合作，更好地实现工学结合的人

才培养模式，为电子与信息类行业培养高素质的技能型人才。

三、竞赛内容

在规定时间内完成一个移动微网站建设任务。具体内容如下：

（一）赛项主要内容。

1

1.微网站的网页设计及创意。通过选手运用设计元素，对含

有网页链接、图形元素、文字和照片的综合处理能力，突出考核

参赛选手的学习新技术进行原创设计的能力、制作能力、创新能

力。

2.微网站开发及管理。通过竞赛，使参赛选手熟练掌握微网

站基础知识、内容编辑和微网站管理。通过利用开发技术使用微

网站开发实训平台中的开放源码和框架，实现微网特效和微服务

特定功能，突出考核参赛选手基于JavaScript、H5和css3的

代码编写、移动开发工具应用的能力。

（二）竞赛考核知识、技能点。

赛项竞赛内容通过移动微网站建设任务载体，考核学生综合

核心技能熟练运用，考查学生站点创建、元素编辑、表单应用、

样式制定、导航应用等方面的相关技能素养；检验学生UI设计、

网页创意、图片处理等方面的技能；检验学生利用前沿开发技术

对移动端页面代码编写和服务配置方面的技能素养。通过移动互

联网H5微网站的设计开发，发挥学生的创意思维，提升代码编

写移动服务的能力，更好地与创新创业相结合，全面推动行业新

技术在中职学校信息技术领域的教学实践与创新。竞赛主要技能

点包括微网站创意、界面设计、图片处理、美工制作、代码交互、

移动应用生成，实现整体微网站设计与开发，知识融于技能，达

到微网站设计、开发的知行统一、融汇贯通。

2

序号具体内容内容要求

按要求创意制作页面效果图客户诉求表达

任务一：

准确，具有感染力和传播性。

1微网站页面设计页面设计

5%构图合理，版式设计符合视觉流程和移动终

端特性达到制作要求。

加工素材按要求调整素材大小格式

制作切片按规范制作切片

基本组件（文本、图片、音乐、视频）

任务二：轮播图：按照要求添加图片、修改链接

2微网站页面制作

底部菜单（图标、名称、链接）

45%页面制作

QQ客服、一键拨号、加载页

按要求选择动画特效

按要求制作表单页面

任务三：微网站修改关键性代码实现各种常见移动端特效

3代码特效编写代码编写添加部分代码实现各种常见移动端特效

30%根据功能需求编写代码实现特效

任务四：

4微网站页面交互页面交互按要求选择并实现页面交互

10%

设置APP名称

设置参数

任务五：设置APP图标

5生成APP

选择URL按要求选择URL链接

10%

导出APP按要求导出APP

四、竞赛时间

本赛项比赛时间为180分钟。在竞赛前30分钟，选手进行

抽签，确定技能竞赛的工位号。

竞赛时间详见表1。

3

表1竞赛时间安排表（以正式公布的比赛指南为准）

项目日期事项安排时间安排竞赛地点

选手报到第一天领队、选手预备会前提交

选手到场7:20

检录、二次加密及入

7:30-8:10

场

赛前准备（裁判宣读

8:10-8:30

要求、选手查看机位）广西工贸高

技能比赛

比赛时间8:30-12:30级技工学校

第二天

实训综合楼

参赛代表队离场完毕12:40

七楼

赛项申诉与仲裁12:30-14:30

裁判评分，成绩复核

12:30-18:30

确认，录入上报

比赛总结闭幕式成绩公布18:30-20:30

五、竞赛试题

本赛项不设理论考试，对操作技能进行综合考核。竞赛试题

比赛日现场发布。

六、竞赛规则

（一）参赛资格。

参见2022年广西职业院校技能大赛中职组《微网站设计与

开发》赛项比赛实施方案。

4

（二）遵循准则。

1.学生必须持本人身份证和参赛证参加比赛。

2.参赛选手出场顺序、位置由抽签决定，不得擅自变更、调

整。

3.参赛选手提前15分钟进入赛场，并按照指定位号参加比

赛。迟到15分钟者，取消比赛资格；比赛开始15分钟后，选手

方可离开赛场。

4.选手在比赛过程中不得擅自离开赛场，如有特殊情况，需

经裁判同意。选手若需休息、饮水或去洗手间等，耗用时间计算

在比赛时间内。

5.比赛结束时，参赛选手应立即停止操作，不得以任何理由

拖延比赛时间。选手操作完成后，在《实际操作现场记录表》上

签名确认，方可离开赛场。

七、竞赛环境

（一）竞赛环境安静、整洁。须设立紧急疏散通道，医疗服

务站。

（二）比赛场地可容纳160名选手同时比赛，且满足赛项比

赛所需的设备设施。

（三）比赛场地开放，在规定时间内可观摩参赛选手比赛，

保证公开、透明。

（四）赛场有志愿服务人员，同时有治安人员维护比赛现场

5

秩序与卫生。

八、技术规范

《微网站设计与开发》赛项是以教育部颁布的职业学校（或

院校）相关专业教学指导方案和国家职业标准《网页设计制作员》

（国家四级）和《网页高级设计制作员》（国家三级）规定的技

能要求为标准。

九、技术平台

（一）大赛采用的设备和专用工具达到广西区赛标准。

1.大赛用硬件配置如下：

（1）服务器。

CPU：6核

内存：32G

数据盘：500G

操作系统：WindowsServer2012标准版64位

（2）比赛选手PC机环境。

CPU：I5-10500(酷睿10代）

内存：8G

显卡：2G

硬盘：1TG以上

内置声卡、网卡立体声

2.大赛用软件环境如下：

6

Windows1064位

Office2010

谷歌浏览器（建议最新版本）

火狐浏览器（建议最新版本）

AdobePhotoshopCS6（中文版）

AdobeDreamweaverCS5（试用版30天）

AdobeReaderDC（试用版）

3.网络环境。

每间赛场分别部署局域网络。

4.技术平台。

能满足比赛技术要求，完成涉及设计、开发和应用流程的比

赛需要，生成可独立运行的微网站。

（二）赛项设备及工具清单见表1。

表1《微网站设计与开发》赛项设备及工具清单

序号名称规格数量备注

CPU：6核，内存：

32G，数据盘：

500G，操作系统：

1大赛服务器WindowsServer5每赛场1台

2012标准版64

位

CPU：

I5-10500(酷睿

10代），内存：

8G，

2比赛选手PC机环境显卡：2G，硬盘：165含备用机5台

1TG以上，

内置声卡、网卡，

立体声

Windows1064

3PC机操作系统位1

4办公软件Office20101

7

序号名称规格数量备注

5谷歌浏览器最新版本1

6火狐浏览器最新版本1

7PhotoshopCS6（中文版）1

CS5（试用版30

8Dreamweaver天）1

AdobeReaderDC

9PDF阅读器（试用版）1

每间赛场分别部

10网络环境署局域网络

能满足比赛技术

要求，完成涉及

设计、开发和应

11技术平台用流程的比赛需

要，生成可独立

运行的微网站。

十、评分标准

（一）制订原则。

大赛裁判工作按照公平、公正、公开的原则进行。以教育部

颁布的职业学校相关专业教学指导方案和国家三级《网页高级设

计制作员职业标准》规定的应知、应会的要求为评分原则，依据

参赛选手整体表现综合评定，全面评价参赛选手职业技能水平。

（二）评分方法。

1.裁判员选聘。按照职业院校技能大赛专家和裁判工作管理

办法相关制度建立2022年广西职业院校技能大赛赛项裁判库。

裁判长由大赛裁判委员会向大赛组委会推荐，由大赛组委会聘任。

裁判长组建裁判组，执行裁判长负责制。

2.裁判员人数。总人数为11人（其中裁判长1人，裁判员

10人）。

8

3.成绩审核方法。

各工位号参赛作品由裁判员现场评议打分；裁判员对评议的

成绩进行统计、核对；按照各工位号最终成绩从高到低排序，打

印并经裁判员签字确认后，交裁判长审核签字。

4.成绩公布方法。

由裁判长在成绩汇总表上签字后，通过通告栏进行公布。

(三)评分标准。

1.评分标准制定原则。

①按照行业规范、职业岗位要求，全面客观评价参赛选手

职业能力，本着“公平、公正、公开”的原则制定评分标准。

②以完成一个微网站产品同时导出APP为整体目标，主要

考核学生制作能力、设计能力、开发能力和综合应用能力，评分

以客观为主，科学严谨、可操作性强。

③评分细则制定全面合理、充分考核学生应用能力。

2.评分方法：结果评分评分裁判对参赛队伍（选手）提交的

竞赛作品，依据赛项评价标准判分。竞赛作品包括素材文件夹、

要求制作的效果图、图像图片元素、站点结构、微网页面、动画

特效、APP等赛项涉及的成果，分为95%的客观评分和5%的主观

评分。流程如下：

①客观评分，由3名评分裁判按照针对比赛题目的评分标准

独立评分。主观评分，由5名评分裁判按照针对比赛题目的评分

标准独立评分。

9

②客观评分以评分裁判的平均分作为该参赛队伍（选手）的

最后得分；主观评分以去掉一个最高分和一个最低分后，其余得

分的算术平均值作为参赛队伍（选手）的最后得分;两项相加记

为总分。

③裁判长在竞赛结束18小时内提交工位（竞赛作品）评分

结果，经复核无误裁判员签字确认后，交裁判长审核签字后公布。

④在竞赛过程中，参赛选手如有不服从裁判判决、扰乱赛场

秩序、舞弊等不文明行为的，监考裁判上报裁判长，由裁判长按

照规定扣减相应分数，情节严重的直至取消比赛资格，取消比赛

资格参赛队比赛成绩记0分。

⑤每位选手总分为100分，按照总分排序，确定获奖参赛队

（选手）。

评分标准具体见表2所示。

表2《微网站设计与开发》赛项考核要点和评分标准

评分要点评分要点

任务（一级）（二级）分值评价方式小计

站点名称客观

创建站点40

站点描述客观

按网站主题和命题要求选择

任务一：选择素材素材40客观

站点管理200

20%加工素材按要求调整素材大小格式80客观

图片、音频、视频、文字，

分类归纳按照网站结构整理至相应文40客观

件夹

10

评分要点评分要点

任务（一级）（二级）分值评价方式小计

正确选择模板20客观

按要求仿作页面效果图80客观

效果图按要求创意制作页面效果图

客户诉求表达准确，具

有感染力和传播性主观和客

构图合理，版式设计符50

合视觉流程和移动终端观

特性

达到制作要求

制作切片按规范制作切片30客观

管理页面创建分类、子分类和页面20客观

导入素材按站点导入对应素材库20客观

任务二：背景20客观

页面制作700

基本组件（文本、图片、音

70%乐、视频）60客观

制作页面

HTML5（元素布局、拨号、

SVG、video）60客观

CSS3、JS40客观

轮播图：按照要求添加图片、

修改链接30客观

微网应用底部菜单（图标、名称、链

接）30客观

QQ客服、一键拨号、加载页40客观

按要求选择动画特效35客观

动画特效

按要求编写动画特效45客观

数据应用按要求设计表单页面40客观

11

评分要点评分要点

任务（一级）（二级）分值评价方式小计

特效代码按要求编写代码实现特效30客观

按要求选择并实现页面交互20客观

页面交互

按要求编写并实现页面交互30客观

设置APP名称25客观

设置参数

任务三：设置APP图标25客观

生成APP100

10%选择URL按要求选择URL链接25客观

导出APP按要求导出APP25客观

总分1000

每位选手最终成绩换算成百分制

说明计算方法为：总分=（任务1+任务2+任务3）*10%=100

十一、奖项设定

参见2022年广西职业院校技能大赛中职组《微网站设计与

开发》赛项比赛实施方案。

十二、赛项安全管理

（一）赛场组织与管理员应制定安保须知、安全隐患规避方

法及突发事件预案，设立紧急疏散路线及通道等。确保比赛期间

所有进入赛点车辆、人员需凭证入内；严禁携带易燃易爆等危险

品及比赛严令禁止的物品进入场地；场地设备设施均可安全使用。

12

（二）参赛选手在参赛过程中，必须服从场内裁判及工作人

员的指挥，严格按照制作规程进行操作，正确使用器具及设备。

（三）赛场设置警戒线，赛场24小时有人看管；比赛前两

天起，赛场实行全方位封闭，除工作人员外，选手和指导老师等

非工作人员不准进场。赛场设置联网的监控体系，可以对赛场进

行24小时监控。

（四）裁判员在比赛前，宣读安全注意事项，当现场出现突

发事件时，应及时给予处置。

十三、申诉与仲裁

（一）申诉。

1.参赛队对不符合竞赛规定的设备、工具、软件，有失公正

的评判，以及对工作人员的违规行为等，均可提出申诉。

2.申诉应在竞赛结束后2小时内提出，超过时效将不予受理。

申诉时，应按照规定的程序由参赛队领队向所在赛项裁判长递交

书面申诉报告。报告应对申诉事件的现象、发生的时间、涉及到

的人员、申诉依据与理由等进行充分、实事求是的叙述。事实依

据不充分、仅凭主观臆断的申诉将不予受理。申诉报告须有申诉

的参赛选手、领队签名。

3.赛项裁判长收到申诉报告后，应根据申诉事由组织裁判团

队进行审查，2小时内书面通知申诉方，告知申诉处理结果。

4.申诉人不得无故拒不接受处理结果，不允许采取过激行为

13

刁难、攻击工作人员，否则视为放弃申诉。申诉人不满意赛项裁

判长的处理结果的，可向大赛仲裁组提出书面申请复议，复议申

请须有参赛单位盖章。

（二）仲裁。

1.大赛仲裁组负责受理大赛中出现的申诉复议并进行仲裁，

以保证竞赛顺利进行和竞赛结果公平、公正。

2.仲裁组的裁决为最终裁决，参赛队不得因申诉或对仲裁处

理意见不服而停止比赛或滋事，否则按弃权处理。

十四、竞赛观摩

（一）观摩对象。

比赛期间将设学生技能作品展示区，邀请来自全区相关行业

职业教育院校代表、优秀教育工作者、专家学者、大型企业领导

者、业界精英、专业学生等观摩比赛。

（二）观摩方法及纪律要求。

参加观摩的代表须遵守大赛纪律，按照大赛组委会的组织有

序观摩。比赛期间，保持观摩室安静。凡观摩人员均不得进入赛

场内部进行拍照、交流、观看。

十五、竞赛须知

（一）大赛人员须知。

14

根据新冠疫情防控要求，各参赛学校要遵循“科学防控，精

准施策”指导思想开展防控工作。在常态化疫情防控下，所有参

赛人员、专家、裁判长、裁判员、技术支持人员及与会领导、工

作人员、列席人员、志愿者、观摩人员等均纳入大赛人员健康管

理。

1.健康状况排查。所有纳入大赛健康管理的人员，需主动申

领广西健康码，赛前不前往国内疫情中、高风险地区，不出国（境）,

不参加聚集性活动。并进行报到前14天健康状况排查（流行病

学史筛查）。存在以下情形人员，不得参赛。

（1）确诊病例、疑似病例、无症状感染者和尚在隔离观察

期的密切接触者。

（2）近14天有发热、咳嗽等症状未痊愈的，未排除传染病

及身体不适者。

（3）14天内有国内中高风险等疫情重点地区旅居史和接触

史的。

（4）居住社区21天内发生疫情的。

（5）14天内有境外旅居史的人员执行入境人员疫情防控政

策。

2.所有纳入大赛健康管理的人员在报到前14天，每天采取

自查自报方式进行健康监测，早、中、晚各进行1次体温测量。

一旦发现发热、乏力、咳嗽、咽痛、打喷嚏、腹泻、呕吐、黄疸、

皮疹、结膜充血等疑似症状，应及时向所在单位报告，并尽快就

15

诊检查，未排除疑似传染病及身体不适者不得参赛。

（二）参赛队须知。

1.参赛队名称统一使用规定地区或院校全称。

2.参赛队选手在报名获得确认后，原则上不再更换，如筹备

过程中，选手因故不能参赛，所在市教育主管部门需出具书面说

明并按相关参赛选手资格补充人员并接受审核。

3.参赛队对大赛组委会以后发布的所有文件都要仔细阅读，

确切了解大赛时间安排、评