河南省第一届职业技能大赛-网站设计与开发项目-技术工作文件.docxVIP

河南省第一届职业技能大赛

网站设计与开发项目

技

术

工

作

文

件

河南省第一届职业技能大赛组委会技术工作组

2021年10月

PAGE4

目录

TOC\o1-2\h\z\u24443一、技术描述 2

4574（一）项目描述 2

26855（二）基本知识与能力要求 2

16869二、试题与评判标准 5

25232（一）基本内容及命题流程 5

27597（二）比赛时间及试题具体内容 6

970（三）评判标准 7

103三、竞赛细则 9

24005（一）赛事日程安排 9

10555（二）裁判员的工作内容 11

17561（三）竞赛纪律 12

16363（四）项目特别规定 12

20903四、竞赛场地、设施设备等安排 13

3471（一）场地布局图 13

20978（二）场地设备 13

31269五、安全防护和应急预案制定 13

18533（一）参赛选手发生意外受伤或急病等情况 13

21577（二）现场突然非正常停电 13

11039（三）现场出现人为意外情况处理 14

23498（四）余震、暴雨洪灾、火灾等事故 14

31797附件1网站设计与开车场地布局图 15

19934附件2：样题 16

8600附件3：竞赛场地、设施设备等安排 23

技术描述

（一）项目描述

网站设计与开发项目是指根据项目需求进行站点整体风格与布局的设计，根据设计的页面实现在各种终端上的页面效果、交互效果以及后台相应功能的竞赛项目。

选手需要具备熟练的图形图像处理能力和页面元素设计能力，能够在各类页面中应用所设计的元素和素材，同时还根据注站点的受众群体，制作更受欢迎的设计和交互效果；使用HTML5及CSS3按设计稿实现页面，并完成各种交互效果的开发。此外还要处理好代码编写过程中发生的异常。最终的作品同常用浏览器以及软硬件之间的兼容性也是十分重要的，需要妥善处理。

（二）基本知识与能力要求

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

相关要求

权重比例（%）

1

设计能力

15

基本知识

个人需要知道和理解：

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

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

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

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

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

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

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

工作能力

个人应能够：

●导入并编辑图像

●为网页优化图像

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

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

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

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

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

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

●创建的页面布局包含：流式页面、网格页面、页面留白、均衡的文字图像，清晰的层次

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

2

页面重构

25

基本知识

个人需要知道和理解：

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

●定位和布局方法

●可用性和交互设计

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

●浏览器兼容性

●搜索引擎优化（SEO）

工作能力

●创建符合并能通过W3C标准验证的代码（HTML5,CSS3）

●为各种设备和屏幕分辨率创建可访问和可用的网站

●使用CSS或其他外部文件修改网站的外观

●为用户创建和更新的网站，并协助提升搜索引擎性能

在需要的地方嵌入和集成动画，音频和视频

3

前端开发

20

基本知识

个人需要知道和理解：

●JavaScript

●如何使用JavaScript来集成库、框架和其他系统或功能

工作能力

个人应能够：

●创建网站的动画和交互功能，帮助解释页面内容和增加视觉吸引力

●创建和更新JavaScript代码，增强网站功能性，可用性和美观

●使用JavaScript来操作数据和自定义媒体

●创建模块化和可重用的JavaScript代码

4

后台开发

20

基本知识

个人需要知道和理解：

●面向对象思想

●面向对象的PHP

●开源后端类库和框架

●如何使用MySQL来设计和实现数据库

●FTP服务器与客户端的关联