网站设计技术要求.docVIP

2012年上海市职业技能竞赛 暨第42届世界技能大赛上海地区选拔赛 网站设计 项目技术文件 （第一稿） 上海市职业技能竞赛活动组织委员会竞赛办公室 二○一二年五月 目 录 1. 简介 1 1.1技能名称与技能说明 1 1.1.1技能名称 1 1.1.2技能说明 1 1.2相关文件 1 2. 能力要求和工作范围 2 2.1能力要求细则 2 2.2理论知识 4 2.2.1必须具备的理论知识，但不直接进行测试 4 2.2.2必须了解的标准和法规，但不直接进行测试 4 2.3实践操作 4 3. 竞赛项目 5 3.1竞赛项目的模式和结构 5 3.2竞赛项目要求 5 模块一：网站主要页面设计和实现 （通赛项目） 5 模块二：用开源类库和框架制作客户端应用（通赛项目） 6 模块三：网站后台编写和功能实现 （21岁以下加赛项目） 6 4. 评分与测量 7 4.1评分标准 7 4.2主观评分 7 4.3技能评分细则 8 5. 具体技能的安全规定 8 6. 材料与装备 9 6.1基本设施清单 9 6.2竞赛选手工具箱中所备材料、设备和工具 10 6.3专家提供的材料、设备和工具 11 6.4技能竞赛场地禁止使用的材料和设备 11 1. 简介 1.1技能名称与技能说明 1.1.1技能名称 该项技能名称为网站设计 1.1.2技能说明 网站设计是一门较新的行业，包含站点的建设和维护。网站设计者使用计算机程序生成网页，包括同其他页面的链接、图形元素、文字和图片。这些元素的布局设计可以用脚本的方式来表达或者使用原画设计。电脑软件、开放源码库以及框架结构则被用于技术上的站点实现。在工作中，设计者和构建者一定要注意版权以及相关职业道德问题。 当今任何人都可以尝试网页设计，这给专业的设计师们带来了更大的压力。为了吸引访客的兴趣并在网站逗留，设计师必须学习新技术并使用这些新技术来解决存在的问题。专业设计师制作的网站可以成为企业沟通、营销和贸易的重要平台。 网页设计者能够理解网页制作的技术和艺术价值。在网站上，技术的运用是为了将功能自动化并帮助网站经营者更好地工作。网站的颜色、字体、图形以及布局则需要富有创意的设计技巧。用户界面要确保具有良好的可用性。网站制作者也必须理解项目工作、内容制作和网站管理的基础知识。 最终的成品与标准浏览器及软硬件之间的兼容性，也是十分重要的。 1.2相关文件 本技术说明只包含与技能相关的特定信息，因此还需要遵守“2012年上海市职业技能竞赛暨第42届世界技能大赛上海地区选拔赛竞赛规则”。 2. 能力要求和工作范围 本竞赛是对该技能的展示和评估。仅测试技能操作方面的能力。参赛选手需要按照网站设计标准（或要求）展示网站设计之技能。 2.1能力要求细则 动画和视频 选手必须知道并理解： 如何为网站创建动画 如何在网站中嵌入所创建动画、音频和视频 选手必须能够： 为web格式的动态图像进行修改和优化 为展示内容和视觉效果来创建网页动画 嵌入音频元素来使网站更具吸引力/更为互动 平面设计 选手必须知道并理解： 如何创建图形文件、图片并具备审美价值观 如何根据提供的要求文字简介进行设计 在设计网站颜色、排版和图像时所需要的创意和技巧 如何凸显站点的目标受众群体 如何运用用户中心的设计 选手必须能够： 导入并编辑图像 为网页优化图像 使用不同的图像处理软件创作图像 使用不同的图像处理软件对图片进行切片 选用可以增强设计效果的布局版式 为不同的屏幕分辨率进行设计；对给定的分辨率进行优化，并且页面在不同分辨率的设备中良好工作 创建高效的、直观、易用的网站导航 创建的页面布局包含：流式页面、网格页面、页面留白、均衡的文字图像，清晰的层次 通过PHP和MySQL进行服务器端编程 选手必须知道并理解： 如何进行服务器端编程（PHP） 如何设计数据库(MySQL) 选手必须能够： 创建、修改服务器端应用程序（如CMS内容管理 通过开放源码库和框架实现客户端 选手必须知道并理解： 如何使用开放源码库和框架来编码 选手必须能够： 通过开放源码和框架创建部分客户端 表现层实现 选手必须知道并理解： 如何使用最新的设计技术和编码技术制作遵循行业标准且具有良好持续性、一致性的网站 选手必须能够： 使用XML、JavaScript、Action Script、XHTML和Flex utilizing等应用软件来设计网站 使用CSS或其他的外部文件来对整个网站主题进行修改 通过两种不同的浏览器（最新、稳定的版本）优化网上文档 所创建的网站内容在不同分辨率的屏幕上要保持一致且结构良好 所创建网站要符合当前的W3C标准() 可用性及可及性 选手必须知道并理解： 网络可及性，也就是残疾人士也能使用网络 如何使不同年龄层次的群体均能受益 可用性就是能帮助人们方便地在整