网站设计技术要求.docx
《网站设计技术要求.docx》由会员分享，可在线阅读，更多相关《网站设计技术要求.docx（12页珍藏版）》请在冰点文库上搜索。
网站设计技术要求
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内容管理、网络数据库）
●使用服务器端组件（如缩略图、ZIP文件和PDF文件）
通过开放源码库和框架实现客户端
选手必须知道并理解：
●如何使用开放源码库和框架来编码
选手必须能够：
●通过开放源码和框架创建部分客户端
表现层实现
选手必须知道并理解：
●如何使用最新的设计技术和编码技术制作遵循行业标准且具有良好持续性、一致性的网站
选手必须能够：
●使用XML、JavaScript、ActionScript、XHTML和Flexutilizing等应用软件来设计网站
●使用CSS或其他的外部文件来对整个网站主题进行修改
●通过两种不同的浏览器（最新、稳定的版本）优化网上文档
●所创建的网站内容在不同分辨率的屏幕上要保持一致且结构良好
●所创建网站要符合当前的W3C标准（http:
//www.w3.org）
可用性及可及性
选手必须知道并理解：
●网络可及性，也就是残疾人士也能使用网络
●如何使不同年龄层次的群体均能受益
●可用性就是能帮助人们方便地在整个网站中导航
●如何为不同的设备创建不同模板
选手必须能够：
●保持网站的统一和一致性
●创建易于使用的导航系统
●网站内的信息便于查找
●增加网站的可及性（例如对视障人士）
2.2理论知识
2.2.1必须具备的理论知识，但不直接进行测试
●色彩构成理论
●图片制作、加工、处理的要素
●动画制作、加工、处理的要素
●HTML、XHTML、XML、javascript、ActionScript、php、mysql、CSS等语言和工具的语法和使用规则
●使用MVC框架结构来对网站服务器端进行编码
●开源代码库的使用
●站点设计和受众分析
●所有需要使用的软件的操作知识
2.2.2必须了解的标准和法规，但不直接进行测试
●网页的W3C标准
●网站版权法规
2.3实践操作
网站创建往往通过以下顺序进行：
●设计和规划
●为站点创建素材
●客户端编码
●服务器端编程
在某些情况下顺序会有所不同。
可能站点某些部分已由别人完成（例如数据库已准备好）。
每天的比赛都是不间断进行的。
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页面并插入一个banner动画。
本任务必须在首日上午的4小时内完成，具体参照列出的时刻表和赛题文件。
模块二：
用开源类库和框架制作客户端应用（2.5小时，通赛项目）
开发一个网页应用程序，该程序是被用于2011年伦敦世界技能大赛的任务管理器。
此设计需要使用开源功能库来制作（JQuery,Mootools,Prototype）。
此程序根据三种状态来管理任务，并以带有三列的告示板方式呈现，如图所示。
选手要在第一天下午的2.5小时内完成，具体参照列出的时刻表和赛题文档。
注意！
请使用提供的开源库来解决赛题的要求。
flash,Silverlight或者纯javascript的解决方案将不评分。
模块三：
网站后台编写和功能实现（3.5小时21岁以下加赛项目）
创建一个专营各种本地特色开胃小菜、汤和甜点的英国咖啡店网站。
包含公共区域和用户区域。
将提供一个很基础的静态HTML模板，包含了各个页面的总体布局。
选手的页面设计、HTML页面、CSS和JS技巧将不在本模块中被测试和评分。
在中午之前（3.5小时）你必须提供一个总体的框架（评分表分项C1…C3），在下午结束前（3小时）你必须完成更具体的功能（评分表分项C4…C6）。
具体参照列出的时刻表和赛题文档。
4.评分与测量
本部分主要说明评分专家/裁判评估竞赛项目/模块的方法，同时明确评分细则框架和评分要求
4.1评分标准
通赛模块：
本部分确定了评分标准及得分项目（主观和客观），满分为100分。
模块
评分标准
分数
主观分
客观分
合计
1
网站主要页面设计和实现
27
28
55
2
使用开源类库和框架完成客户端应用（易用性和可及性）
8
37
45
总分=
35
65
100
加赛模块：
本部分确定了评分标准及得分项目（仅客观），满分为100分。
模块
评分标准
分数
主观分
客观分
合计
3
网站后台编写和功能实现
0
100
100
总分=
0
100
100
4.2主观评分
采用10分制打分，每组去掉最高分和最低分后，算出平均分并除以10，再乘以对应项的分值作为该项最终得分。
占通赛总分的35%。
4.3技能评分细则
将有三个评分组，每组将确定一个模块的评分标准以及客观评分表中的偏差。
在一个模块中将有最少10个最多60个评分标准项。
在每个模块比赛开始前，选手们将得到一切必需的素材。
选手有责任检查该模块所提供的材料是否完整可用，这些材料之前已由两位专家检查并签名。
客观分评分准则表
类型
示例
最高分值
正确分值
不正确分值
满分或零分
网站地图动态链接至菜单
0.50
0.50
0
从满分中扣除
验证码严格符合XHTML1.0标准[每种错误扣0.5分]
2.00
2.00
0–1.5
从零分开始加
CSS代码有注释（0.5分）
XHTML代码有注释（0.5分）
1.0
1.0
0–0.5
评分总表
表名–内容（总分）
第一天
∙A–动画制作（13分）
∙B–网站主要页面设计（29分）
∙E–网站首页实现（13分）
∙F–易用性和可及性（15分）
∙D–使用开源类库和框架完成客户端应用（30分）
第二天
∙C–使用PHP/MySQL进行服务端代码编写（100分）
具体评分表，请查看赛题配套的评分表文件。
5.具体技能的安全规定
本项目没有特别完全规定，请注意赛场的用电安全。
非赛场管理人员未经允许，不能随意拉接电源和用电设备。
如选手发生紧急的身体状况，将由赛场管理人员进行紧急处理。
除非有集体性意外事件，否则本次比赛没有补时和重赛。
6.材料与装备
6.1基本设施清单
竞赛硬件配置单：
•CPU酷睿i35302.93GHz
•内存2GDDR31333MHz
•硬盘选手可用容量5G
•显卡ATIHD4350256M显存
•显示器19"宽屏1440*768
•键盘鼠标标准光电、标准美式键盘
•光驱DVD-ROM
竞赛系统软件列表：
•Windows7ProfessionalX86 32bit
•MicrosoftWindows7ServicePack1
•MicrosoftOffice2010ProfessionalPlus
•VisualStudio2010
•MSExpressionStudio4.0
•VisualStudio2010Silverlight4Tools
•WebBrowser-InternetExplorer9
•Silverlight（IEPlugin）
•Silverlight（FirefoxPlugin）
•AdobeCS5.5MasterCollection（Windows7Academic）
•AdobeAcrobatreader10.1.0
•GIMPgnuimagemanipulationprogramVersion2.6.11
•GVIMVersion3.6
•MetapadVersion3.51
•UltraEditVersion16.30.0
•FilezillaFTPClientVersion3.3.5.1
•EditPlus-A.C.Version3.21
•XAMPonClientXAMPPVersion1.7.4
•PHPDesignerVersion7.2.4
•PHPReferenceManual
•LiveHTTPHeadersVersion0.16
•Notepad++Version5.8.7
•ShockwaveversionLatestatbuildtime
•Flashplayer（Firefoxplugin）
•WebBrowser-Firefox6.0.1
•WebDeveloperToolbar（FirefoxPlugin）Version1.1.9
•WebDeveloper（FirefoxPlugin）
•ProfessorX（FirefoxPlugin）Version0.5.1
•X-Ray（FirefoxPlugin）Version0.9.1
•Firebug（FirefoxPlugin）Version1.6.1
•WebBrowser-Chrome13
•Flashplayer（GoogleChromeplugin）
•Flashplayer（IEplugin）
•SymantecEndpointProtection12.1
•JavaVirtualMachine（SunJVMlatestversionatbuild）
•EclipsePDT2.2.0（Freeware）
•Scriptlibrariesinzipfile[jquery1.6.2,jquery-ui-1.8.16,mootools1.3.2,mootoolsmore1.3.2.1,prototype1.7,prototypeUIRC0]
6.2竞赛选手工具箱中所备材料、设备和工具
●选手可携带自己的键盘，如果选手所带键盘无法使用，赛场将提供一个标准键盘。
●鼠标
●绘图板
●耳机
●压制的音乐CD
●选手所带物品不能有任何内置存储器的设备
●赛场专家有权禁止选手所携带的某些设备的使用
6.3专家提供的材料、设备和工具
专家不能携带物品来帮助选手比赛。
6.4技能竞赛场地禁止使用的材料和设备
●额外的软件（如有必要，需提前向竞赛组委会申请，未经申请或申请未批准者，禁止私自携带或在竞赛机器上安装）
●移动电话
●掌上电脑
●存储盘（数据存储设备）
●不能使用任何带内置存储器的设备
●赛场专家有权禁止在比赛中使用某些设备
升级会员 