第46届世界技能大赛河南省选拔赛--网站设计与开发项目--技术文件.pdfVIP

第46届世界技能大赛河南省选拔赛

技术工作文件

网站设计与开发项目

第46届世界技能大赛河南省选拔赛组委会

2020年3月

1

目录

1.项目简介3

1.1项目描述3

1.2能力要求3

2.裁判和选手7

2.1裁判长7

2.2裁判员8

2.3参赛选手的条件和要求10

3.竞赛内容11

3.1竞赛项目的模式和结构11

3.2竞赛项目要求12

3.3配分比例13

4.选拨赛命题方式13

5.成绩评判13

6.软件环境和硬件配置14

7.竞赛选手自备的材料、设备和工具15

8.竞赛流程与规则15

9.参赛须知17

10.开放赛场和绿色环保18

2

本项目技术工作文件（技术描述）是对本竞赛项目内容的框架性

描述，正式比赛内容及要求以竞赛最终公布的赛题为准。

1.项目简介

1.1项目描述

网站设计与开发项目是指根据项目需求进行站点整体风格与布局

的设计，根据设计的页面实现在各种终端上的页面效果、交互效果以

及后台相应功能的竞赛项目。

选手需要熟练地进行图形图像处理，设计站点的logo、页面的整

体风格与版面布局，并在各版面中应用这些元素，同时还需关注站点

的受众群体，让制作的网站更受欢迎；使用HTML5及CSS3按设计稿

实现页面，并完成各种交互效果的开发。此外还要处理好代码编写过

程中发生的异常。最终的作品同常用浏览器以及软硬件之间的兼容性

也是十分重要的，需要妥善处理。

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

值。技术的运用是为了帮助网站经营者更好更高效地工作（自动化）。

网站的颜色、字体、图形以及布局则需要富有创意的设计技巧。用户

界面要确保具有良好的可用性。网站制作者也必须理解项目工作、内

容制作和网站管理的基础知识。

1.2能力要求

网站设计与开发竞赛是对上述技能的展示与评估，主要测试网站

设计和实操方面的技能。参赛选手要按照赛题中的项目要求展示网站

设计与开发的能力。

3

1.2.1能力要求

1）设计能力

选手需要知道和理解：

如何遵循设计原则和模式，以产生美观和创造性的设计

同设计的认知、社会、文化、技术和经济背景有关的问题

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

如何为Web创建和调整图形

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

维护企业形象，品牌和风格指南的协议

互联网设备和对应屏幕分辨率的约束

个人应能够：

导入并编辑图像

为网页优化图像

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

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

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

为不同的屏幕分辨率进行设计；对给定的分辨率进行优化并且

页面在不同分辨率的设备中良好工作

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

创建高效、直观、易用的网站导航，将想法融入具有美观和创

意的设计

创建的页面布局包含：流式页面、网格页面、页面留白、均衡

的文字图像，清晰的层次

评判并选择合适的草图设计、颜色和原型

4

2）页面重构

选手需要知道和理解：

万维网联盟（W3C）的HTML和CSS标准

定位和布局方法

可用性和交互设计

对有特殊需要的用户的可访问性和通信

浏览器兼容性

搜索引擎优化（SEO）

个人应能够：

创建符合并能通