第一届全省技能大赛济南市选拔赛技术工作文件（含样题）（网站技术）.docxVIP

第一届全省技能大赛济南市选拔赛

网站技术项目技术工作文件

2023年4月

目录TOC\o1-3\h\z\u

一、技术描述 3

（一）项目概要 3

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

二、试题与评判标准 5

（一）试题（样题） 5

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

（三）评判标准 6

三、竞赛细则 9

（一）竞赛流程 9

（二）竞赛纪律 10

（三）违规处理 11

（四）监督与仲裁 12

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

（一）赛场规格要求 13

（二）场地布局图 13

（三）基础设施清单 14

五、安全、健康要求 15

（一）选手安全防护要求 15

（二）赛事安全要求 15

（三）赛场公众要求 16

（四）对于赞助商和宣传的要求 16

附件1：网站技术项目样题 17

技术描述

（一）项目概要

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

选手不但要能熟练使用图形设计工具制作设计稿，熟练运用HTML5及CSS3，按设计稿实现页面，完成各种前端交互效果，还应能独立使用Javascript制作前端应用功能，例如：前端交互性展示、前端游戏、前端管理工具以及完成后端应用功能的开发等。

此外，选手应能处理好代码编写过程中发生的异常，最终的作品也需要妥善处理常用浏览器以及软硬件之间的兼容性。

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

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

本项目对选手技能和能力的要求主要包括：站点设计、页面重构和前端开发。

本项目竞赛内容是通过对技能实操表现来评估知识及理解，将不再另外举行知识及理解的理论测试。

以下能力描述分为不同部分，每部分使用总分的百分比来表示它的重要性。竞赛测试项目及评分方案应尽可能的反映选手应具备的能力中所列知识点、技能，大赛允许存在适当偏差。

表1-1能力描述及占比

相关要求

权重比例(%)

1

站点设计

5

基本知识

个人需要知道和理解:

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

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

如何为Web创建和调整图形

所制作业务的设计特点

不同的目标市场并满足每个市场的设计要素

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

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

工作能力

个人应能够:

创建、分析和开发通讯问题中的视觉反馈，包括理解层次结构、排版、美学和构成

为项目创建、控制和优化图片

创建响应式设计，在多种屏幕分辨率/设备上正常运行

将想法融入具有美观和创意的设计

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

2

页面重构

35

基本知识

个人需要知道和理解：

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

定位和布局方法

可用性和交互设计

浏览器兼容性

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

工作能力

个人应能够：

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

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

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

使用CSS预处理/后处理器

使用CSS开发动画和与用户界面的交互

3

前端开发

60

基本知识

个人需要知道和理解：

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

工作能力

个人应能够：

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

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

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

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

合计

100

二、试题与评判标准

（一）试题（样题）

1.考核内容

本次比赛共1个项目，在3个小时完成，分别针对页面设计、页面重构、前端功能开发三个部分（任务）技术进行考核。

（1）页面设计。完成页面设计与制作。选手需要使用有限的素材，对主题有针对性地设计制作美观的页面和元素。

（2）页面重构。根据赛题中的需求，使用HTML5、CSS3、JavaScript等前端技术完成符合W3C组织HTML5和CSS3标准的具备原创性的前端页面代码实现。

（3）前端功能和交互。根据前端页面和设计风格，制作网站功能逻辑和交互设计。选手需要在项目中充分体现交互友好性，完成赛题中对于网站功能的描述。

2.命题