网站技术（世赛）2024年济宁市“技能状元”职业技能大赛—济宁市职业技工院校职业技能竞赛.docxVIP

2024年济宁市“技能状元”职业技能大赛—

济宁市职业技工院校职业技能竞赛

网站技术项目技术文件

济宁市职业技工院校职业技能竞赛组委会

2024年9月

PAGE

PAGE34

目 录

一、技术描述…………………4

（一）项目概要

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

二、裁判与选手………………8

（一）裁判长的职责

（二）裁判员的组成

（三）选手的条件和要求

三、试题与评准………………10

（一）试题（样题）

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

（三）评判标准

四、竞赛细则…………………13

（一）场地禁止自带使用的设备和材料

（二）项目特别规定

（三）赛程安排

五、设施设备等安排…………14

（一）基础设施清单

（二）选手自备的设备和工具

六、竞赛流程与规则…………15

七、封闭赛场…………………16

一、技术描述

（一）项目概要

网站技术项目是使用计算机工具制作网站，包括页面设计、页面重构、交互设计、前端功能开发、后端功能开发、网站二次开发的竞赛项目。选手能够根据需求设计恰当的网站产品;完成前端交互功能开发;完成后端功能开发;遵守易用性和可访问性标准;注重标准浏览器和软硬件的兼容性;具备一定的调试部署能力。

选手需要具备熟练的图形图像处理能力和页面元素设计能力，能够在各类页面中应用所设计的元素和素材，同时还根据注站点的受众群体，制作更受欢迎的设计和交互效果；能够使用HTML5和CSS3技术实现前端页面重构工作、使用JavaScript技术制作前端业务功能、使用PHP技术和Mysql（MariaDB）数据库实现后端业务逻辑。除此之外，选手应当熟练掌握各类主流框架的使用，借此提高项目中的开发效率。处理好开发过程中发生的异常，并使所开发的业务能够适应提供的服务器环境。还需要考虑到作品在常用浏览器中的兼容性以及适应客户端的硬件，为各类设备和用户提供最佳的体验。

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

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

相关工作要求

1

工作组织管理

个人需要知道和理解：

在团队工作中富有效益和实践

有助于产品可持续性的方案和实践

使用现有工具解决问题和需求

在多方案中选择合适的方案，正确的时间预估和分配

个人应能够：

考虑功能限时和项目截止日期

调试和处理错误

使用计算机设备、服务器和软件

根据行业发展，应用和研究新技术及技能

根据可用时间安排工作计划

对工作文件进行归档

使用版本控制系统

2

沟通和人际交往能力

个人需要知道和理解：

如何解决和沟通问题，包括认识问题、研究、分析、解决方案制作、原型设计、测试和结果评估

通过创建线框和流程图表达设计概念

软件设计概念和技术，包括流程图和ER图

个人应能够：

交付符合客户要求的产品

收集、分析和评估信息

解释标准和要求

符合客户需求

提出满足业务需求的概念

3

站点设计

个人需要知道和理解：

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

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

如何为Web创建和调整图形

所制作业务的设计特点

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

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

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

个人应能够：

为传达错误信息创建、分析和开发视觉反馈，包括理解层级结构，排版，美学和构架

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

识别目标市场和创建设计概念

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

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

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

4

页面重构

个人需要知道和理解：

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

定位和布局方法

可用性和交互设计

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

浏览器兼容性

有哪些信誉好的足球投注网站引擎优化（SEO）

个人应能够：

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

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

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

使用CSS预处理/后处理器

为用户创建和更新的网站，并协助提升有哪些信誉好的足球投注网站引擎性能

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

5

前端开发

个人需要知道和理解：

JavaScript

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

个人应能够：

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

使用前端技术实现复杂的业务