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

网站设计与开发

04

一、技术描述

(一)项目概要

1.竞赛项目描述

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

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

相应功能的竞赛项目。

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

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

体，让制作的网站更受欢迎；使用HTML5及CSS3按设计稿实现页面，

并完成各种交互效果的开发。此外还要处理好代码编写过程中发生的异常。

最终的作品同常用浏览器以及软硬件之间的兼容性也是十分重要的，需要

妥善处理。

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

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

色、字体、图形以及布局则需要富有创意的设计技巧。用户界面要确保具

有良好的可用性。网站制作者也必须理解项目工作、内容制作和网站管理

的基础知识。

2.考核目的

此次比赛围绕的实际网站设计与开发技能需求以及岗位要求进行设计，

促进技能竞赛和技能人才培养工作科学有序发展，提升学生从事网站设计

与开发相关岗位的适岗性，为新一代信息技术产业提供网站设计与开发领

域知识扎实、技能高超的全方位人才，同时选拔出优秀选手代表淄博市参

加第一届山东省职业技能大赛网站设计与开发赛项。

()

二基本知识与能力要求

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

设计与实施技能在操作方面的能力。参赛选手要按照赛题中网站设计与开

发的要求展示网站设计的技能。

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

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

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

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

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

5)如何运用用户中心的设计

6)如何为网站创建动画

选手必须能够：

1)导入并编辑图像

2)为网页优化图像

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

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

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

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

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

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

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

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

字图像，清晰的层次

2.页面交互

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

2/34

画效果

2)不能使用flash创建动画

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

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

2)如何设计数据库(MySQL)

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

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

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

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

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

5.可用性及可及性

选手必须知道并理解：如何使用必威体育精装版的设计技术和编码技术制作遵循

行业标准且具有良好持续性、一致性的网站

选手必须能够：

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

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

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

好的跨浏览器兼容性

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

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

6)所创建网站要符合当前的W3C标准(HTML