网站设计技术要求

2012年上海市职业技能竞赛暨第42届世界技能大赛上海地区选拔赛网站设计项目技术文件（第一稿）上海市职业技能竞赛活动组织委员会竞赛办公室二○一二年五月目录1.简介..................................................................................................................11.1技能名称与技能说明.............................................................................11.1.1技能名称......................................................................................11.1.2技能说明......................................................................................11.2相关文件.................................................................................................12.能力要求和工作范围......................................................................................22.1能力要求细则.........................................................................................22.2理论知识.................................................................................................42.2.1必须具备的理论知识，但不直接进行测试..............................42.2.2必须了解的标准和法规，但不直接进行测试..........................42.3实践操作.................................................................................................43.竞赛项目..........................................................................................................53.1竞赛项目的模式和结构.........................................................................53.2竞赛项目要求.........................................................................................5模块一：网站主要页面设计和实现（通赛项目）..........................5模块二：用开源类库和框架制作客户端应用（通赛项目）............6模块三：网站后台编写和功能实现（21岁以下加赛项目）........64.评分与测量......................................................................................................74.1评分标准.................................................................................................74.2主观评分.................................................................................................74.3技能评分细则.........................................................................................85.具体技能的安全规定......................................................................................86.材料与装备......................................................................................................96.1基本设施清单.........................................................................................96.2竞赛选手工具箱中所备材料、设备和工具.......................................106.3专家提供的材料、设备和工具...........................................................116.4技能竞赛场地禁止使用的材料和设备...............................................11第1页1.简介1.1技能名称与技能说明1.1.1技能名称该项技能名称为网站设计1.1.2技能说明网站设计是一门较新的行业，包含站点的建设和维护。网站设计者使用计算机程序生成网页，包括同其他页面的链接、图形元素、文字和图片。这些元素的布局设计可以用脚本的方式来表达或者使用原画设计。电脑软件、开放源码库以及框架结构则被用于技术上的站点实现。在工作中，设计者和构建者一定要注意版权以及相关职业道德问题。当今任何人都可以尝试网页设计，这给专业的设计师们带来了更大的压力。为了吸引访客的兴趣并在网站逗留，设计师必须学习新技术并使用这些新技术来解决存在的问题。专业设计师制作的网站可以成为企业沟通、营销和贸易的重要平台。网页设计者能够理解网页制作的技术和艺术价值。在网站上，技术的运用是为了将功能自动化并帮助网站经营者更好地工作。网站的颜色、字体、图形以及布局则需要富有创意的设计技巧。用户界面要确保具有良好的可用性。网站制作者也必须理解项目工作、内容制作和网站管理的基础知识。最终的成品与标准浏览器及软硬件之间的兼容性，也是十分重要的。1.2相关文件本技术说明只包含与技能相关的特定信息，因此还需要遵守“2012年上海市职业技能竞赛暨第42届世界技能大赛上海地区选拔赛竞赛规则”。第2页2.能力要求和工作范围本竞赛是对该技能的展示和评估。仅测试技能操作方面的能力。参赛选手需要按照网站设计标准（或要求）展示网站设计之技能。2.1能力要求细则动画和视频选手必须知道并理解：如何为网站创建动画如何在网站中嵌入所创建动画、音频和视频选手必须能够：为web格式的动态图像进行修改和优化为展示内容和视觉效果来创建网页动画嵌入音频元素来使网站更具吸引力/更为互动平面设计选手必须知道并理解：如何创建图形文件、图片并具备审美价值观如何根据提供的要求文字简介进行设计在设计网站颜色、排版和图像时所需要的创意和技巧如何凸显站点的目标受众群体如何运用用户中心的设计选手必须能够：导入并编辑图像为网页优化图像使用不同的图像处理软件创作图像使用不同的图像处理软件对图片进行切片选用可以增强设计效果的布局版式为不同的屏幕分辨率进行设计；对给定的分辨率进行优化，并且页面在不同分辨率的设备中良好工作创建高效的、直观、易用的网站导航创建的页面布局包含：流式页面、网格页面、页面留白、均衡的文字图像，清晰的层次通过PHP和MySQL进行服务器端编程选手必须知道并理解：第3页如何进行服务器端编程（PHP）如何设计数据库(MySQL)选手必须能够：创建、修改服务器端应用程序（如CMS内容管理、网络数据库）使用服务器端组件（如缩略图、ZIP文件和PDF文件）通过开放源码库和框架实现客户端选手必须知道并理解：如何使用开放源码库和框架来编码选手必须能够：通过开放源码和框架创建部分客户端表现层实现选手必须知道并理解：如何使用最新的设计技术和编码技术制作遵循行业标准且具有良好持续性、一致性的网站选手必须能够：使用XML、JavaScript、ActionScript、XHTML和Flexutilizing等应用软件来设计网站使用CSS或其他的外部文件来对整个网站主题进行修改通过两种不同的浏览器（最新、稳定的版本）优化网上文档所创建的网站内容在不同分辨率的屏幕上要保持一致且结构良好所创建网站要符合当前的W3C标准()可用性及可及性选手必须知道并理解：网络可及性，也就是残疾人士也能使用网络如何使不同年龄层次的群体均能受益可用性就是能帮助人们方便地在整个网站中导航如何为不同的设备创建不同模板选手必须能够：保持网站的统一和一致性创建易于使用的导航系统网站内的信息便于查找第4页增加网站的可及性（例如对视障人士）2.2理论知识2.2.1必须具备的理论知识，但不直接进行测试色彩构成理论图片制作、加工、处理的要素动画制作、加工、处理的要素HTML、XHTML、XML、javascript、ActionScript、php、mysql、CSS等语言和工具的语法和使用规则使用MVC框架结构来对网站服务器端进行编码开源代码库的使用站点设计和受众分析所有需要使用的软件的操作知识2.2.2必须了解的标准和法规，但不直接进行测试网页的W3C标准网站版权法规2.3实践操作网站创建往往通过以下顺序进行：设计和规划为站点创建素材客户端编码服务器端编程在某些情况下顺序会有所不同。可能站点某些部分已由别人完成（例如数据库已准备好）。每天的比赛都是不间断进行的。第5页3.竞赛项目3.1竞赛项目的模式和结构本项目分两天进行比赛，共三个模块，每天上下午各一个独立评分部分。第一日的比赛是通赛，所有选手必须参加，满分100分。第二日的比赛是21周岁以下选手进行世界大赛选拔的加试模块，满分100分。每个模块都是着眼于不同的网页设计技能领域的，都是相对其他模块独立存在的。每个模块都有自己的配套制作素材，会在每天比赛开始前发给选手。每天的第一部分需要在早上（午餐前）完成，另外一个则在当天下午结束前完成。一旦你正在做的这部分内容到了规定的结束时间，你完成的内容就将被评分，且不能再修改这部分的内容。每天都会有一个选手需要遵守的时间表。当选手完成了上午部分的工作，就可以继续完成下午的模块。将最终的网站保存到如下标签的文件夹中：day1_part1_xxday1_part2_xxday2_part1_xxday2_part2_xx上面的’xx’是你的抽签号。只有上传到服务器端的文件才会被评分。在每天保存的文件夹中，记得保存下所有你创建的、编辑过的或者使用过的源文件，例如psd、fla文件等等。并将他们存到一个名为“source_files_xx”的文件夹中。下面会给出每个模块的赛题要求和评分标准。3.2竞赛项目要求模块一：网站主要页面设计和实现（4小时，通赛项目）一个名为”showingLondontotheword”的新组织，需要为他们的网站制做一份设计（使用ps或fw），实现首页的HTML页面并插入一个bann