第一届全省职业技能大赛淄博市选拔赛（网站设计与开发）赛项技术文件.docx

第一届全省职业技能大赛淄博市选拔赛技术文件

网站设计与开发

第一届全省职业技能大赛淄博市选拔赛组委会

2023年04月

PAGE9/34

一、技术描述

(一)项目概要

1.竞赛项目描述

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

选手需要熟练地进行图形图像处理，设计站点的logo、页面的整体风格与版面布局，并在各版面中应用这些元素，同时还需关注站点的受众群体，让制作的网站更受欢迎；使用HTML5及CSS3按设计稿实现页面，并完成各种交互效果的开发。此外还要处理好代码编写过程中发生的异常。最终的作品同常用浏览器以及软硬件之间的兼容性也是十分重要的，需要妥善处理。

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

2.考核目的

此次比赛围绕的实际网站设计与开发技能需求以及岗位要求进行设计，促进技能竞赛和技能人才培养工作科学有序发展，提升学生从事网站设计与开发相关岗位的适岗性，为新一代信息技术产业提供网站设计与开发领域知识扎实、技能高超的全方位人才，同时选拔出优秀选手代表淄博市参加第一届山东省职业技能大赛网站设计与开发赛项。

(二)基本知识与能力要求

网站设计与开发竞赛是对上述技能的展示与评估，主要测试各个网站设计与实施技能在操作方面的能力。参赛选手要按照赛题中网站设计与开发的要求展示网站设计的技能。

1.能力要求细则，选手必须知道并理解：

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

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

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

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

如何运用用户中心的设计

如何为网站创建动画

选手必须能够：

导入并编辑图像

为网页优化图像

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

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

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

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

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

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

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

2.页面交互

使用javascript、jQuery或其他一些插件实现页面交互及一些动画效果

不能使用flash创建动画

3.通过PHP及MYSQL进行服务器端编程

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

如何设计数据库(MySQL)

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

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

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

1）选手必须知道并理解：如何使用开放源码库和框架来编码

2）选手必须能够：通过开放源码和框架创建客户端和服务器端

5.可用性及可及性

选手必须知道并理解：如何使用必威体育精装版的设计技术和编码技术制作遵循行业标准且具有良好持续性、一致性的网站

选手必须能够：

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

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

能在两种不同的浏览器（必威体育精装版、稳定的版本）上优化页面，获得较好的跨浏览器兼容性

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

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

所创建网站要符合当前的W3C标准(HTML5.0CSS3.0)

（2）必须具备的理论知识，但不直接测试

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

HTML、CSS、javascript、JQuery、PHP、MySql等语言和工具的语法和使用规则

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

开源代码库及框架的使用

站点设计和受众分析

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

网站设计与开发的步骤以及每个步骤需要完成的任务

二、考核知识点和比赛时间

(一)试题主要知识点

1.能够进行apache服务器配置

2.能够对mysql数据库进行基本操作

3.能够使用jQuery进行客户端校验

4.基于php、mysql等使用MVC框架结构来对网站服务器端进行开发

5.能够使用ajax进行异步传输开发

本次竞赛出题由第三方参照以上知识点进行题目设置。

(二)裁判员条件

因本次比赛参赛选手较少，聘请一名第三方裁判员执裁，裁判员需满足以下条件之一：

1.曾担任过44、45、46届世界技能大赛网站设计与开发项目专家、技术翻译