中国技能大赛第44届世界技能大赛网站设计项目省级选拔赛技术工作文件.docx

中国技能大赛第44届世界技能大赛网站设计项目省级选拔赛技术工作文件.docx

《中国技能大赛第44届世界技能大赛网站设计项目省级选拔赛技术工作文件.docx》由会员分享，可在线阅读，更多相关《中国技能大赛第44届世界技能大赛网站设计项目省级选拔赛技术工作文件.docx（15页珍藏版）》请在冰豆网上搜索。

中国技能大赛第44届世界技能大赛网站设计项目省级选拔赛技术工作文件

2016年第44届世界技能大赛省级选拔赛

网站设计技术项目技术文件

二○一六年五月

1。

网站设计项目技术描述

1.1网站设计简要技术描述

网站设计项目指根据项目需求制作站点设计，实现能在各种终端上使用的页面、交互效果以及后台功能的竞赛项目.

选手要熟练地进行图形图像处理，设计站点的logo及主题风格,并在各版面中应用这些元素，同时还需关注站点的受众群体，制作更受欢迎的设计;使用HTML5及CSS3按设计稿实现页面，并完成各种交互效果的开发。

此外还要处理好代码编写过程中发生的异常。

最终的作品同常用浏览器以及软硬件之间的兼容性也是十分重要的，需要妥善处理。

最终的作品同常用浏览器以及软硬件之间的兼容性也是十分重要的，需要妥善处理。

在实际工作中，网页设计者要能理解网页制作的技术和艺术价值。

技术的运用是为了将功能帮助网站经营者更好更高效地工作（自动化）.网站的颜色、字体、图形以及布局则需要富有创意的设计技巧.用户界面要确保具有良好的可用性.网站制作者也必须理解项目工作、内容制作和网站管理的基础知识。

1。

2相关文件

本技术说明只包含与技能相关的特定信息，还需参考今后配套公布的“赛题包"。

1。

3能力要求和工作范围

本竞赛是对该技能的展示和评估.主要测试各个网站设计和实施技能在操作层面的能力。

参赛选手要按照赛题中网站设计的标准（或要求）展示其网站设计技能。

1。

3。

1能力要求细则

动画和视频

选手必须知道并理解：

●如何为网站创建动画

●如何在网站中嵌入所创建动画、音频和视频

选手必须能够：

●创建网页动画来展示内容和提升视觉效果

●嵌入音频元素来使网站更具吸引力/更为互动

平面设计

选手必须知道并理解：

●如何创建图形文件、图片并具备审美价值观

●如何根据要求有效使用提供的文字简介进行设计

●在设计网站颜色、排版和图像时所需要的创意和技巧

●如何凸显站点的目标受众群体

●如何运用用户中心的设计

选手必须能够：

●导入并编辑图像

●为网页优化图像

●使用某种图像处理软件创作图像

●使用某种图像处理软件对图片进行切片

●选用可以增强设计效果的布局版式

●为不同的屏幕分辨率进行设计;对给定的分辨率进行优化,并且页面在不同分辨率的设备中良好工作

●为各种自适应的站点页面设计合适的效果

●创建高效的、直观、易用的网站导航

●创建的页面布局包含：

流式页面、网格页面、页面留白、均衡的文字图像,清晰的层次

通过PHP和MySQL进行服务器端编程

选手必须知道并理解：

●如何进行服务器端编程（PHP）

●如何设计数据库（MySQL）

选手必须能够：

●创建、修改服务器端应用程序（如CMS系统、网络数据库）

●使用服务器端组件（如缩略图、ZIP文件和PDF文件）

通过开放源码库和框架实现客户端

选手必须知道并理解:

●如何使用开放源码库和框架来编码

选手必须能够：

●通过开放源码和框架创建客户端和服务器端

表现层实现

选手必须知道并理解:

●如何使用最新的设计技术和编码技术制作遵循行业标准且具有良好持续性、一致性的网站

选手必须能够：

●使用XML、JavaScript等工具来实现页面各部分内容

●使用CSS或其他的外部文件来对整个网站样式进行修改

●能在两种不同的浏览器（最新、稳定的版本）上优化页面，获得较好跨浏览器兼容性

●所创建的网站内容在不同分辨率的屏幕上要保持一致且结构良好

●对于自适应的页面设计能使用合适的样式和脚本代码来实现页面

●所创建网站要符合当前的W3C标准（HTML5.0CSS3。

0）

可用性及可及性

选手必须知道并理解:

●网络可及性,也就是残疾人士也能使用网络

●如何使不同年龄层次的群体均能受益

●可用性就是能帮助人们方便地在整个网站中导航

●如何为不同的设备创建不同模板

选手必须能够：

●保持网站的统一和一致性

●创建易于使用的导航系统

●使得网站内的信息易于被检索

●增加网站的可及性（例如对视障人士）

1.3.2必须具备的理论知识，但不直接进行测试

●色彩构成理论

●图片制作、加工、处理的要素

●动画制作、加工、处理的要素

●HTML、XML、javascript、php、mysql、CSS等语言和工具的语法和使用规则

●使用MVC框架结构来对网站服务器端进行编码

●开源代码库的使用

●站点设计和受众分析

●所有需要使用的软件的操作知识

1。

3.3必须了解的标准和法规,但不直接进行测试

●网页的W3C标准

●网站版权法规

1.3.4必须具备的生理条件

●没有色盲或者色弱

●没有任何会影响电脑操作的身体残疾和疾病

2.裁判和选手

2。

1裁判长的职责

根据人社部44届世界技能大赛相关工作会议和通知精神，本项目选拔赛裁判长为41届、42届43届本项目中国代表队专家组长、同济大学软件学院副院长穆斌教授。

裁判长在选拔赛中不直接参与评分，主要工作职责是：

●制定比赛具体流程和安排，对裁判进行工作任务分配。

●组织裁判根据自身专业长项和自愿的方式进行分组,任命各组的负责人，并对分组情况进行合理调剂.

●对所有裁判的评分工作进行技术监督.对主观分中差值较大项目组织调分,对评判中存在的技术问题提出整改,对有争议的地方进行初步协调。

●组织裁判组对于争议情况进行投票表决。

●对比赛过程中选手的突发情况和场地设备异常情况进行处理。

●维护整理选拔赛全程的各类原始资料和文档

2.2裁判员的条件和组成

由于世界技能大赛全国选拔赛“网站设计”项目对于选派的裁判员专业能力要求较高，所以，各地申报的裁判人员除符合裁判的一般条件外,还须符合以下专业要求：

符合以下条件之一者有资格申报为本项目裁判员（请在报名表中注明）

●曾担任过41、42、43届世界技能大赛网站设计项目专家、技术翻译、教练（以发文名单或证书为准）

●曾参与过2012年42届、2014年43届世赛大赛网站设计全国选拔赛评分工作（注明并由竞赛组委会审核认定）

●在网站、信息系统开发类企业工作5年以上，具备完整项目开发经验的工程师（提供单位在职证明和详细项目开发履历）

●在校从事软件开发、网站设计等相关课程讲授，具有中级以上职称，具备相关3级以上职业资格证书（网页制作员、数据库管理员、计算机程序设计员等）的老师（学校提供在职、职称和授课情况证明）

所有申报人员还应精通以下专业技术能力两种以上（请在报名表中注明）

●熟练掌握一种以上设计软件：

Photoshop、illustrator、Firework、Dreamweaver等;

●熟悉视觉设计、对色彩构成有良好理解并具有应用色彩感觉；

●熟悉W3C标准，擅长html5、css3、javascript等；能处理网页在不同浏览器下差异;

●熟悉jQuery框架,并能熟练运用;

●熟悉页面响应式设计；

●熟悉各类主流编码框架的使用及简单原理如thinkphp，yii,laravel等;

●熟悉PHP面向对象的设计方法，理解MVC，并具有很好的代码编写能力和良好的代码编程习惯

裁判报到后在赛前培训期间将对其专业能力进行审核,未达到以上规定要求的裁判将不得参与任何评分有关工作.当裁判员数量不能满足评判需要时，由赛区组委会负责补充裁判员。

裁判需要全程参与各种投票、选拔赛现场执裁、主观、客观评分以及监督成绩汇总统计过程等技术工作。

2.3选手的条件和要求

●1995年1月1日以后出生的人员。

●思想品德优秀，身心健康。

●具备扎实的基本功和相应的技能水平，具有较强的学习领悟能力、良好的身体素质、心理素质及应变能力等的综合素质。

●男、女选手裸眼视力或矫正视力应达到正常标准。

无色盲、色弱，无任何影响电脑操作的先天或生理性疾病/缺陷。

并能适应长时间、高强度坐姿工作.

●选手必须严格遵守考场有关规定，自觉服从裁判长、裁判员、考场工作人员的管理.如有作弊情况，将取消比赛成绩.

●流利的英语阅读能力,基本的口语交流能力。

能阅读全英文的赛题文档，熟练操作英文界面的工具软件并能用英文设计和制作页面、书写注释.

3.选拔赛的题目

3。

1竞赛项目的模式和结构

本项目分两天进行比赛，共四个模块，每天上下午各完成一个。

每个模块独立评分,本项目满分100分。

每个模块都是着眼于不同的网页设计技能领域的,相对其他模块可独立存在的。

模块都有自己的配套制作素材,会在每天比赛开始前发给选手。

每天都会有一个选手需要遵守的时间表,第一模块需要在上午（午餐前）完成，另外一个则在当天下午结束前完成。

选手必须在规定的结束时间前完成作品的上传。

选手制作的作品内容必须是全英文的。

当选手完成了上午部分的工作，就可以继续完成下午的模块.将最终的作品保存到如下命名的文件夹中：

∙XX_Module_A

∙XX_Module_B

∙XX_Module_C

∙XX_Module_D

上面的’xx’是你的抽签号，只有按规定正确提交的文件才会被评分。

在每天保存的文件夹中，记得保存下所有你创建的、编辑过的或者使用过的源文件，例如psd文件等等。

并将他们存到一个名为“source_files_xx”的文件夹中.

3。

2竞赛项目要求

模块一：

单页设计模块2小时

某企业需要制作一个企业的官网。

选手作为一名设计师，需要设计一个单页面的网站.将所有客户需求的功能和板块都放在同一个设计页面中,并按要求排列（顺序展现模块内容）。

每位选手的页面设计稿应该具有原创性,不应和其他选手有相同或者几乎一致的布局、元素及色调.

模块二:

响应式页面实现3小时

设计师已经为某公司网站创做了一个概念设计。

这个设计包含了多种设备的分辨率，可以根据用户的设备或浏览器尺寸进行宽度自适应调整.选手作为页面工程师的任务是将提供的多个设计布局使用HTML5/CSS3来实现成页面,使得在各种不同的设备分辨率下都可以通过同一个页面对该网站进行正确的浏览（符合原设计稿的排版布局和各种设定）。

此外还需要按照样张来制作一些前端的交互动效。

模块三：

前端交互应用3小时

某在线网站需要制作一个页游，主要游戏逻辑和功能都使用前端脚本完成,仅游戏的用户信息和成绩等需要后台数据库保存。

选手将被提供html框架代码和相关素材，并使用JavaScript、JQuery、JQueryUI等前端技术按照赛题要求完成此前端应用，还需要考虑浏览器兼容性问题.

模块四：

后台游戏开发2小时

客户想在他的网站上建立一个简单的在线游戏.选手将获得前端模板和素材,需要在服务器端上使用纯手工生成的php代码，将交互逻辑和功能集成到前端模板上。

3.3配分比例

各模块分值分布（主观和客观），满分为100分。

模块

评分标准

分数

主观分

客观分

合计

模块A

单页网站设计

15

10

25

模块B

响应式页面实现

10

15

25

模块C

前端交互应用

10

15

25

模块D

后台游戏开发

5

20

25

总分=

40

60

100

4。

选拔赛命题方式

使用提前3-4周全开放命题的形式进行本次全国选拔赛。

所命题内容基于43届世界技能大赛预赛题、正赛题的技术要求，由裁判长进行整合修订后公布.

5。

成绩评判

本部分主要说明裁判对竞赛项目、模块评分的方法，同时明确评分细则框架和评分要求

5。

1主观分评分

采用综合评价方式。

3名裁判各自单独评分,采用类体育竞技的亮分制，计算出平均权重分，除以3后再乘以该项的满分分值来计算出得分。

裁判给出的评分间分差不得大于1分，否则需要给出确切理由并在裁判长监督下进行调分。

权重表如下：

权重分值

要求描述

0分

作品不符合行业标准,特别是某些地方有明显的问题

1分

作品达到行业标准，满足行业要求规范

2分

作品达到行业标准，部分地方高于行业标准

3分

作品做的完美，远超行业标准

5。

2客观分评分细则

按模块设置若干个评分组,每组由三位裁判构成。

将确定每个模块的评分标准以及客观评分表中的偏差。

评分时每个组所有裁判一起商议该选手在该项中的实际得分。

客观分评分准则表

类型

示例

最高分值

正确分值

不正确分值

满分或零分

网站地图动态链接至菜单

0。

50

0。

50

0

从满分中扣除

CSS代码能通过验证［每种错误扣0.5分]

2。

00

2。

00

0–1。

5

从零分开始加

CSS代码有注释（0。

5分）

XHTML代码有注释（0.5分）

1。

0

1.0

0–0。

5

6.材料与装备

选手比赛机软件清单，没有特别说明，所有软件都为英文版。

（各比赛单元需使用的帮助文档和库都包含在下发比赛素材中）

操作系统:

WIN7Prof64bit

开发工具:

AdobePhotoshopCC2015

AdobeDreamweaverCC2015

AdobeIllustratorCC2015

XAMPP1。

8。

3

浏览器：

Firefox33.1orupper

Chrome39。

0orupper

InternetExplorer11（64bit）

浏览器插件：

JRE7

FlashplayerVersion15。

0orupper

辅助软件：

MSOfficeProfVersion2010

Editplus3。

6/Notepad++6.5/NetbeansforPHP8.0

FilezillaClient3.6orupper

winRARor7ZIPnewver.

jdk7（供Netbeans等软件安装使用）

代码库：

jquery—ui—1。

11。

2

jquery—2.1.1

选手用机硬件配置：

（不低于此配置）

CPUIntel酷睿i5

内存8GDDR31600MHz

硬盘独立分区，选手可用的临时文件容量8G以上

显卡核心集成显卡1G显存

显示器19”宽屏LCD＊21920＊080

键盘鼠标3键有线光电鼠标、标准美式键盘

*选手自行携带符合规则的键盘鼠标需在抽签和熟悉赛场时进行检测并封存

6。

2竞赛选手工具箱中所备材料、设备和工具

●选手可携带自己的键盘,如果选手所带键盘无法使用或者通不过赛前检测,赛场将提供一个标准键盘。

●选手可携带自己的鼠标,要求同上

●选手可携带自己的绘图板，要求同上

●裁判有权禁止选手所携带的某些设备的使用

6。

3裁判提供的材料、设备和工具

●裁判不能携带物品来帮助选手比赛.

6.4技能竞赛场地禁止使用的材料和设备

●额外的软件

●通讯工具

●智能设备（包括穿戴设备）

●不能使用任何带内置存储功能的设备

●对具有争议性的设备和工具,现场执裁人员汇报裁判组认可后，有权禁止在比赛中使用某些设备

在每个模块比赛开始前,选手们将得到一切必需的素材。

选手有责任检查该模块所提供的材料是否完整可用,这些材料之前已由两位裁判检查并签名。

7。

具体技能的安全规定

●本项目没有特别完全规定，请注意赛场的用电安全。

非赛场管理人员未经允许，不能随意拉接电源和用电设备。

●选手应爱护赛场设施设备，操作规范，注意安全。

违反安全操作规定造成的损失由考生负责。

●如选手发生紧急的身体状况,将由赛场管理人员进行紧急处理.除非有集体性意外事件,否则本次比赛没有补时和重赛。

●赛场内应配备常见的应急药品，比赛期间安排赛场单位医护人员值班.

8。

竞赛流程

8.1裁判员工作内容

●裁判员应服从裁判长的管理,裁判员的工作由裁判长指派决定;

●裁判员的工作分为现场执裁、安全管理、客观评判和主观评判等。

工作分小组轮换开展。

主观评分前应由裁判长统一评判标准;

●裁判员在竞赛和评分工作期间不得使用手机、照相机、录像机等设备；

●裁判员作为每位选手的教练身份允许每天比赛开始前和结束后同选手进行15分钟的开放交流；

●正式比赛期间,除裁判长外任何人员不得主动接近选手及其工作区域，不许主动与选手接触与交流；

8。

2选手的工作内容

●选手在熟悉设备前通过抽签决定机位号;

●比赛前保证每名选手有最多4小时在各自比赛机器上进行熟悉设备和环境的时间；

●每名选手的工作计算机,开机及屏保密码自行设定，赛后告知裁判组，如因密码错误导致无法进入工作机责任自负。

●选手在比赛期间不得使用手机、照相机、录像机等设备.不得携带和使用自带的任何存储设备；

●选手在拿到竞赛试题后，有15分钟的时间与来自本地区的裁判员在竞赛现场公开交流；

●选手有问题只能向当值裁判反映并上报裁判团队，也有权向裁判长或裁判长指定的裁判组长反应；

●比赛结束铃声响起以后，选手应立即双手离开计算机键盘,停止工作。

所有赛题等资料归档并保存在自己的活页夹中。

●未经裁判长允许，选手不得延长比赛时间；

●比赛成绩在比赛结束后第二天晚上公布；

8.3比赛流程

●上午开赛前，裁判长组织负责相应比赛模块的裁判对所有裁判进行简要工作说明

●说明会后，各裁判可以同选手进行15分钟的开放交流

●午休进食期间允许裁判和选手接触

●下午开赛前，裁判长组织负责相应比赛模块的裁判对所有裁判进行简要工作说明

●说明会后，各裁判可以同选手进行15分钟的开放交流

●比赛时间安排：

每个模块都是2小时或者3小时的制作时间，具体见赛题描述

9。

开放赛场

●将尽量不影响选手比赛和裁判员工作的前提下提供开放式场地供参观者观摩。

●比赛承办方积极做好竞赛的宣传工作.

10.绿色环保

尽量减少纸张的使用，对垃圾进行分类，所有反复循环利用的材料都应妥善收纳并加强管理。