云南省首届技工杯技能大赛网站设计项目

1、第 页云南省首届“技工杯”技能大赛网站设计项目技术工作文件2017年5月25日目录 TOC o 1-3 h z u HYPERLINK l _Toc483511283 1. 网站设计项目技术描述 PAGEREF _Toc483511283 h 4 HYPERLINK l _Toc483511284 1.1网站设计简要技术描述 PAGEREF _Toc483511284 h 4 HYPERLINK l _Toc483511285 1.2相关文件 PAGEREF _Toc483511285 h 4 HYPERLINK l _Toc483511286 1.3能力要求和工作范围 PAGEREF _To

2、c483511286 h 4 HYPERLINK l _Toc483511287 1.4竞赛方式 PAGEREF _Toc483511287 h 8 HYPERLINK l _Toc483511288 2. 裁判和选手 PAGEREF _Toc483511288 h 8 HYPERLINK l _Toc483511289 2.1裁判长的职责 PAGEREF _Toc483511289 h 8 HYPERLINK l _Toc483511290 2.2裁判员的条件和组成 PAGEREF _Toc483511290 h 8 HYPERLINK l _Toc483511291 2.3选手的条件和要求

3、 PAGEREF _Toc483511291 h 9 HYPERLINK l _Toc483511292 3. 选拔赛的题目 PAGEREF _Toc483511292 h 9 HYPERLINK l _Toc483511293 3.1试题的模式和结构 PAGEREF _Toc483511293 h 9 HYPERLINK l _Toc483511294 3.2竞赛项目要求 PAGEREF _Toc483511294 h 10 HYPERLINK l _Toc483511295 3.3 配分比例 PAGEREF _Toc483511295 h 11 HYPERLINK l _Toc483511

4、296 4. 选拔赛命题方式 PAGEREF _Toc483511296 h 11 HYPERLINK l _Toc483511297 5. 成绩评判 PAGEREF _Toc483511297 h 11 HYPERLINK l _Toc483511298 5.1综合评价评分 PAGEREF _Toc483511298 h 11 HYPERLINK l _Toc483511299 5.2客观分评分细则 PAGEREF _Toc483511299 h 12 HYPERLINK l _Toc483511300 6. 材料与装备 PAGEREF _Toc483511300 h 12 HYPERLIN

5、K l _Toc483511301 6.2竞赛选手工具箱中所备材料、设备和工具 PAGEREF _Toc483511301 h 13 HYPERLINK l _Toc483511302 6.3 裁判员的材料、设备和工具使用规定 PAGEREF _Toc483511302 h 13 HYPERLINK l _Toc483511303 6.4技能竞赛场地禁止使用的材料和设备 PAGEREF _Toc483511303 h 13 HYPERLINK l _Toc483511304 6.5 材料和设备的特别规定 PAGEREF _Toc483511304 h 14 HYPERLINK l _Toc48

6、3511305 7. 选拔赛场地要求 PAGEREF _Toc483511305 h 14 HYPERLINK l _Toc483511306 7.1 场地面积要求 PAGEREF _Toc483511306 h 14 HYPERLINK l _Toc483511307 7.2 场地照明要求 PAGEREF _Toc483511307 h 14 HYPERLINK l _Toc483511308 8. 具体技能的安全规定 PAGEREF _Toc483511308 h 14 HYPERLINK l _Toc483511309 9. 竞赛流程 PAGEREF _Toc483511309 h 15

7、 HYPERLINK l _Toc483511310 9.1 竞赛流程 PAGEREF _Toc483511310 h 15 HYPERLINK l _Toc483511311 9.2裁判员工作内容 PAGEREF _Toc483511311 h 15 HYPERLINK l _Toc483511312 9.2选手的工作内容 PAGEREF _Toc483511312 h 15 HYPERLINK l _Toc483511313 9.3 比赛流程 PAGEREF _Toc483511313 h 16 HYPERLINK l _Toc483511314 10. 开放赛场 PAGEREF _Toc

8、483511314 h 16 HYPERLINK l _Toc483511315 11. 绿色环保 PAGEREF _Toc483511315 h 161. 网站设计项目技术描述1.1网站设计简要技术描述网站设计项目指根据项目需求制作站点设计，实现能在各种终端上使用的页面、交互效果以及后台功能的竞赛项目。选手要熟练地进行图形图像处理，设计站点的logo及主题风格，并在各版面中应用这些元素，同时还需关注站点的受众群体，制作更受欢迎的设计； 使用HTML5及CSS3按设计稿实现页面，并完成各种交互效果的开发。此外还要处理好代码编写过程中发生的异常。最终的作品同常用浏览器以及软硬件之间的兼容性也是十

9、分重要的，需要妥善处理。最终的作品同常用浏览器以及软硬件之间的兼容性也是十分重要的，需要妥善处理。在实际工作中，网页设计者要能理解网页制作的技术和艺术价值。技术的运用是为了将功能帮助网站经营者更好更高效地工作（自动化）。网站的颜色、字体、图形以及布局则需要富有创意的设计技巧。用户界面要确保具有良好的可用性。网站制作者也必须理解项目工作、内容制作和网站管理的基础知识。1.2相关文件本技术工作文件只包含与技能相关的特定信息，关于比赛的详细信息请参照云南省首届“技工杯”技能大赛网站设计项目竞赛实施方案。1.3能力要求和工作范围本竞赛是对该技能的展示和评估。主要测试各个网站设计和实施技能在操作层面的能

10、力。参赛选手要按照赛题中网站设计的标准（或要求）展示其网站设计技能。下表为选手参与竞赛需要具备的“应知”和“应会”内容。内容权重（%）1工作的组织与管理6选手应知：实现高效团队合作的原则和实践系统的原理和行为有助于可持续产品、战略和做法的系统各方面如何采取主动行动并富有进取心，以便从各种来源识别，分析和评估信息根据时间、预算及其它限制，对同一问题提供多个解决方案作为可选项选手应会：解决web 设计与开发中的各种问题将时间限制和到期时间列入考量排错并处理错误使用一台计算机或设备及一系列软件包应用研究技能掌握最新的业界技术发展根据可用的时间安排每天的开发计划使用版本控制系统2沟通与人际交往能力6选

11、手应知：如何解决沟通的问题，包括问题识别、调查、分析、方案生成、原型化、用户测试以及结果评估设计概念和技术，包括线框，故事板和创建流程图软件设计概念和技术，包括流程图和ER图选手应会：阅读并理解说明文档提供响应客户要求和规格的产品收集、分析和评估信息解读标准和需求满足客户需求提出一个满足业务需求的概念3网站设计22选手应知：如何遵循设计原则和模式，以产生美观和创意的设计与设计的认知，社会，文化，技术和经济背景有关的问题如何创建和调整网络图形不同的目标市场和满足每个市场的要素设计维护企业形象，品牌和风格指南的规范启用互联网的设备和屏幕分辨率的限制选手应会：创建，分析和开发对通信问题的视觉响应，包

12、括理解层次结构，排版，美学和构图创建，操纵和优化互联网的图像确定目标市场，并为设计创造一个概念创建响应式设计，在多屏幕分辨率和/或设备上正常工作将想法转化为美观而有创意的设计评判设计稿的概念、颜色和排版选择4网站布局22选手应知：HTML和CSS的万维网联盟（W3C）标准定位和布局方法可用性和交互设计具有特殊需求的用户的可访问性和沟通跨浏览器兼容性搜索引擎优化（SEO）如何在必要时嵌入和整合动画，音频和视频选手应会：创建符合W3C标准并通过验证的代码为各种设备和屏幕分辨率创建可访问和可用的网站使用CSS或其他外部文件来修改网站的外观使用CSS预处理器/后处理器创建和更新网站以获得用户体验及优化

13、搜索引擎搜索性能5客户端开发22选手应知：JavaScript如何使用JavaScript集成库、框架和其他系统或功能选手应会：创建网站动画和功能，以帮助上下文解释和添加视觉吸引力创建和更新JavaScript代码以增强网站的功能、可用性和美观性使用JavaScript操作数据和定制媒体创建模块化和可重用的JavaScript代码6服务器端开发14选手应知：面向对象的PHP开源服务器端库和框架如何使用MySQL设计和实现数据库FTP（文件传输协议）服务器和客户端关系和软件包。如何管理服务器和客户端系统之间的数据交换软件设计模式（如MVC（模型视图控制器）Web应用程序安全性选手应会：利用编程技

14、巧处理数据防范安全漏洞使用API（应用程序编程接口）、库和框架与现有代码集成7内容管理系统8选手应知：开源内容管理系统的优点和局限性如何查找，选择和实施合适的插件/模块如何实现客户端功能到CMS网站了解有关CMS插件和模块的维护和更新的安全性的需求选手应会：安装、配置和更新内容管理系统安装、配置和更新内容管理系统插件/模块创建定制主题/模板创建定制插件/模块合计1001.4竞赛方式本次竞赛包括理论知识和实际操作两个部分，分别测试上节表中的“选手应知”和“选手应会”两部分内容。理论知识测试（100分）占总分的30%，实作（100分）占总分的70%。2. 裁判和选手2.1裁判长的职责裁判长由组委会

15、指定。裁判长在选拔赛中不直接参与评分，主要工作职责是：制定比赛具体流程和安排，对裁判进行工作任务分配。组织裁判根据自身专业长项和自愿的方式进行分组，任命各组的负责人，并对分组情况进行合理调剂。对所有裁判的评分工作进行技术监督。对主观分中差值较大项目组织调分，对评判中存在的技术问题提出整改，对有争议的地方进行初步协调。组织裁判组对于争议情况进行投票表决。对比赛过程中选手的各类突发情况以及场地设备异常情况进行处理。维护整理选拔赛全程的各类原始资料和文档。2.2裁判员的条件和组成由于 “网站设计”项目对于选派的裁判员专业能力要求较高，裁判员必须符合以下专业要求：网站设计项目教练曾参与过往届世赛大赛网

16、站设计云南省选拔赛评分工作在网站、信息系统开发类企业工作5年以上，具备完整项目开发经验的工程师（提供单位在职证明和详细项目开发履历）在校从事软件开发、网站设计等相关课程讲授，具有中级以上职称，具备相关3级以上职业资格证书（网页制作员、数据库管理员、计算机程序设计员等）的老师（学校提供在职、职称和授课情况证明）具有软件工程硕士学位的人员裁判报到后在赛前培训期间将对其专业能力进行审核，未达到以上规定要求的裁判将不得参与任何评分有关工作。评分裁判需要全程参与各种投票、选拔赛现场执裁、主观、客观评分以及监督成绩汇总统计过程等技术工作。2.3选手的条件和要求1997年1月1日以后出生的人员。思想品德优秀

17、，身心健康。具备扎实的基本功和相应的技能水平，具有较强的学习领悟能力、良好的身体素质、心理素质及应变能力等的综合素质。男、女选手裸眼视力或矫正视力应达到正常标准。无色盲、色弱，无任何影响电脑操作的先天或生理性疾病/缺陷。并能适应长时间、高强度坐姿工作。选手必须严格遵守考场有关规定，自觉服从裁判长、裁判员、考场工作人员的管理。如有作弊情况，将取消比赛成绩。3. 选拔赛的题目3.1试题的模式和结构本项目分两天进行比赛，共四个模块，每天上下午各完成一个。每个模块独立评分，本项目满分100分。每个模块都是着眼于不同的网页设计技能领域的，相对其他模块可独立存在的。模块都有自己的配套制作素材，会在每天比赛

18、开始前发给选手。每天都会有一个选手需要遵守的时间表，第一模块需要在上午（午餐前）完成，另外一个则在当天下午结束前完成。选手必须在规定的结束时间前完成作品的存盘，将由工作人员进行作品上传并由选手进行最终确认。当选手完成了上午部分的工作，就可以继续完成下午的模块。将最终的作品保存到如下命名的文件夹中：XX_Module_AXX_Module_BXX_Module_CXX_Module_D上面的xx是你的机器（抽签）号，只有按规定正确保存的文件才会被评分。3.2竞赛项目要求模块一：单页网站设计 2小时某组织需要一个单页面官网（所有链接均指向当前页面的不同锚点）。选手作为一名设计师，需要制作一个单页面

19、的网站设计。将所有客户需求的功能和板块都放在同一个设计页面中，并按要求排列（顺序展现模块内容）。每位选手的页面设计稿应该具有原创性，不应和其他选手有相同或者几乎一致的布局、元素及色调。模块二：响应式页面实现 3小时设计师已经为某网站创作了一系列概念设计（含多种不同图片滤镜、特效，菜单特效，不同布局节）。这个设计包含了多种设备的分辨率，可以根据用户的设备或浏览器尺寸进行响应式的调整。选手作为页面工程师的任务是将提供的多个设计布局使用HTML 5.0 / CSS 3.0规范来实现成页面，使得在各种不同的设备分辨率下都可以通过同一个页面对该网站进行正确的浏览（符合原设计稿的排版布局和各种设定）。此外

20、还需要按照样例来制作一些前端的交互动效。模块三：前端交互应用 3小时某在线网站需要制作一个页游，主要游戏逻辑和功能都使用前端脚本完成，游戏结果和其他数据由本地存储保存。选手将被提供html框架代码和相关素材，并使用JavaScript、JQuery、JQueryUI等前端技术按照赛题要求完成此前端应用。模块四：后台开发 2小时客户需要建立一个博客网站，选手将用 Wordpress CMS 完成网站的建立和配置，并完成指定功能的插件或/和模板的开发。3.3 配分比例各模块分值分布（主观和客观），满分为100分。模块评分标准分数主观分客观分合计模块A单页网站设计151025模块B响应式页面实现10

21、1525模块C前端交互应用101525模块D后台开发52025总分=40601004. 选拔赛命题方式使用提前3-4周全公开试题的命题形式进行本次比赛（包括赛题、评分表、素材）。所命题内容基于本技术文档3.2节描述的项目要求，由组委会进行整合修订后公布。5. 成绩评判本部分主要说明裁判对竞赛项目、模块评分的方法，同时明确评分细则框架和评分要求5.1综合评价评分采用综合评价（裁决）方式。3-4名裁判各自单独评分，采用类体育竞技的亮分制，计算出平均权重分，除以3后再乘以该项的满分分值来计算出得分。裁判相互间分差必须小于等于1分，否则需要给出确切理由并在小组长或裁判长的监督下进行调分。每个模块的裁决

22、评分必须先于客观分评分进行。权重表如下：权重分值要求描述0分作品不符合行业标准，大部分要求没有完成 1分作品低于行业标准，基本满足行业要求规范2分作品达到行业标准，各方面满足行业要求规范3分作品接近完美，超过行业标准5.2客观分评分细则按模块设置若干个评分组，每组由3-4名裁判构成。将确定每个模块的评分标准以及客观评分表中的偏差。评分时每个组所有裁判一起商议并对该选手在该项中的实际得分达成一致。客观分评分准则表类型示例最高分值正确分值不正确分值满分或零分网站地图动态链接至菜单0.500.500从满分中扣除CSS代码能通过验证每种错误扣0.5分2.002.000 1.5从零分开始加CSS代码有注

23、释(0.5分) XHTML代码有注释(0.5分)1.01.00 0.56. 材料与装备选手比赛机软件清单，没有特别说明，所有软件都为英文版。（各比赛单元需使用的帮助文档和库都包含在下发比赛素材中）操作系统：WIN 7 Prof 64bit 开发工具：Adobe Photoshop CC 2015 Adobe Dreamweaver CC 2015 Adobe Illustrator CC 2015 XAMPP 5.6.21及以上浏览器：Firefox：Developer Edition V41 及以上 Chrome: V51 及以上浏览器插件: JRE 7 辅助软件：MS Office Pro

24、f Version 2010Edit plus 3.6 / Notepad+ 6.5 / Net beans for PHP 8.0 / PHPStorm 2016 / Subline build 3114Filezilla Client 3.6 or upperwin RAR or 7ZIP new ver.jdk 7 （供Net beans等软件安装使用）代码库： wordpress 4.7.x安装包 jquery-ui-1.11.2jquery-2.1.1选手用机硬件配置：（不低于此配置） CPU Intel Core i56500内存8GB DDR4硬盘独立分区，选手可用的临时文件容量

25、10G以上显卡AMD Radeon R5 320 1GB显存显示器 21.5 宽屏LCD 1920*1080 键盘鼠标3键有线光电鼠标、标准美式键盘*选手自行携带符合规则的键盘鼠标需在熟悉赛场时进行检测并封存6.2竞赛选手工具箱中所备材料、设备和工具选手可携带自己的键盘，如果选手所带键盘无法使用或者通不过赛前检测，赛场将提供一个标准键盘。选手可携带自己的鼠标，要求同上选手可携带自己的绘图板，要求同上裁判有权禁止选手所携带的某些设备的使用6.3 裁判员的材料、设备和工具使用规定本项目裁判员执裁无需携带任何设备和工具裁判不能携带任何物品来帮助选手比赛。裁判不能在赛场内对选手作品进行拍摄。6.4技能

26、竞赛场地禁止使用的材料和设备额外的软件通讯工具智能设备（包括穿戴设备）不能使用任何带内置存储功能的设备对具有争议性的设备和工具，现场执裁人员汇报裁判长认可后，有权禁止在比赛中使用某些设备6.5 材料和设备的特别规定在每个模块比赛开始前，选手们将得到一切必需的素材。选手有责任检查该模块所提供的材料是否完整可用。软件和设备意外情况的规定：所有机器和软件引起的问题，在选手提出后，由现场执裁裁判记录提出时间，并判断是否符合此类问题，再转由场地设备主管进行故障处理。无法在合理时间内解决的问题，将更换备用机或调换至备用工位。选手在处理过程中不得进行答题等其他工作，问题解决后根据解决问题记录的时间花费对选手进行补时。如在熟悉赛场环节中就能明确的例如软件安装问题、软件版本问题，以及选手本身操作引起的各种问题（没有存盘等），将不予补时。7. 选拔赛场地要求7.1 场地面积要求合适的选手操作台台面尺寸舒适的选手座位空间7.2 场地照明要求本项目每工位无需特别直照光源，赛场原本提供的均匀泛光即可。8. 具体技能的安全规定本项目没有特别完全规定，请注意赛场的用电安全。非赛场管理人员未经允许，不能随意拉接电源和用电设备。选手应爱护赛场设施设备，操作规范，注意安全。违反安全操作规定造成的损失由考生负责。如选手发生紧急的身体状况，将由赛场管理人员进行紧急处