第45届世界技能大赛.docx

1、第45届世界技能大赛第45届世界技能大赛河北省选拔赛网站设计与开发项目技术工作文件2018年4月18日1. 网站设计项目技术描述1.1网站设计简要技术描述网站设计项目指根据项目需求制作站点设计，实现能在各种终端上使用的页面、交互效果以及后台功能的竞赛项目。选手要熟练地进行图形图像处理，设计站点的logo及主题风格，并在各版面中应用这些元素，同时还需关注站点的受众群体，制作更受欢迎的设计； 使用HTML5及CSS3按设计稿实现页面，并完成各种交互效果的开发。此外还要处理好代码编写过程中发生的异常。最终的作品同常用浏览器以及软硬件之间的兼容性也是十分重要的，需要妥善处理。最终的作品同常用浏览器以及

2、软硬件之间的兼容性也是十分重要的，需要妥善处理。在实际工作中，网页设计者要能理解网页制作的技术和艺术价值。技术的运用是为了将功能帮助网站经营者更好更高效地工作（自动化）。网站的颜色、字体、图形以及布局则需要富有创意的设计技巧。用户界面要确保具有良好的可用性。网站制作者也必须理解项目工作、内容制作和网站管理的基础知识。1.2相关文件本技术工作文件只包含与技能相关的特定信息，关于比赛内容和场地工位情况还需参考技术工作论坛配套公布的 “赛题包”、场地布局图。1.3能力要求和工作范围本竞赛是对该技能的展示和评估。主要测试各个网站设计和实施技能在操作层面的能力。参赛选手要按照赛题中网站设计的标准（或要求

3、）展示其网站设计技能。1.3.1能力要求细则动画和视频选手必须知道并理解： 如何为网站创建动画 如何在网站中嵌入所创建的动画、音频和视频选手必须能够： 创建网页动画来展示内容和提升视觉效果平面设计选手必须知道并理解： 如何创建图形文件、图片并具备审美价值观 如何根据要求有效使用提供的文字简介进行设计 在设计网站颜色、排版和图像时所需要的创意和技巧 如何凸显站点的目标受众群体 如何运用用户中心的设计选手必须能够： 导入并编辑图像 为网页优化图像 使用某种图像处理软件创作图像 使用某种图像处理软件对图片进行切片 选用可以增强设计效果的布局版式 为不同的屏幕分辨率进行设计；对给定的分辨率进行优化，并

4、且页面在不同分辨率的设备中良好工作 为各种自适应的站点页面设计合适的效果 创建高效的、直观、易用的网站导航 创建的页面布局包含：流式页面、网格页面、页面留白、均衡的文字图像，清晰的层次通过PHP和MySQL进行服务器端编程选手必须知道并理解： 如何进行服务器端编程（PHP） 如何设计数据库(MySQL)通过开放源码库和框架实现客户端选手必须知道并理解： 如何使用开放源码库和框架来编码选手必须能够： 通过开放源码和框架创建客户端和服务器端 表现层实现选手必须知道并理解： 如何使用最新的设计技术和编码技术制作遵循行业标准且具有良好持续性、一致性的网站 选手必须能够： 使用XML、JavaScrip

5、t等工具来实现页面各部分内容 使用CSS或其他的外部文件来对整个网站样式进行修改 能在两种不同的浏览器（最新、稳定的版本）上优化页面，获得较好跨浏览器兼容性 所创建的网站内容在不同分辨率的屏幕上要保持一致且结构良好 对于自适应的页面设计能使用合适的样式和脚本代码来实现页面 所创建网站要符合当前的W3C标准(HTML5.0 CSS3.0)1.3.2必须具备的理论知识，但不直接进行测试 色彩构成理论 图片制作、加工、处理的要素 动画制作、加工、处理的要素 HTML、XML、javascript、php、mysql、CSS等语言和工具的语法和使用规则 开源代码库的使用 站点设计和受众分析 所有需要使

6、用的软件的操作知识1.3.3必须了解的标准和法规，但不直接进行测试 网页的W3C标准 网站版权法规2. 裁判和选手2.1裁判长的职责本项目选拔赛裁判长河北机电职业技术学院信息工程系主任万雅静教授。裁判长在选拔赛中不直接参与评分，主要工作职责是： 制定比赛具体流程和安排，对裁判进行工作任务分配。 组织裁判根据自身专业长项和自愿的方式进行分组，任命各组的负责人，并对分组情况进行合理调剂。 对所有裁判的评分工作进行技术监督。对主观分中差值较大项目组织调分，对评判中存在的技术问题提出整改，对有争议的地方进行初步协调。 组织裁判组对于争议情况进行投票表决。 对比赛过程中选手的各类突发情况以及场地设备异常

7、情况进行处理。 维护整理选拔赛全程的各类原始资料和文档。2.2裁判员的条件和组成由于世界技能大赛全国选拔赛“网站设计”项目对于选派的裁判员专业能力要求较高，所以各地申报的裁判人员除符合部中心135号文中技术规则文件中对于裁判员的一般条件外，还须符合以下专业要求：符合以下条件之一者有资格成为本项目评分裁判员（请在报名表中注明） 在网站、信息系统开发类企业工作5年以上，具备完整项目开发经验的工程师 在校从事软件开发、网站设计等相关课程讲授，具有中级以上职称，具备相关3级以上职业资格证书（网页制作员、数据库管理员、计算机程序设计员等）的老师所有申报人员还应精通以下专业技术能力两种以上（请在报名表中注

8、明） 熟练掌握一种以上设计软件：Photoshop、illustrator、Dreamweaver等； 熟悉视觉设计、对色彩构成有良好理解并具有应用色彩感觉； 熟悉W3C标准，擅长html5、css3、javascript等；能处理网页在不同浏览器下差异； 熟悉jQuery框架，并能熟练运用； 熟悉页面响应式设计； 熟悉PHP面向对象的设计方法，并具有很好的代码编写能力和良好的代码编程习惯；裁判报到后在赛前培训期间将对其专业能力进行审核，未达到以上规定要求的裁判将不得参与任何评分有关工作。评分裁判需要全程参与各种投票、选拔赛现场执裁、主观、客观评分以及监督成绩汇总统计过程等技术工作。裁判评分成

9、员，按照裁判长的安排，负责现场执裁、各类比赛文档和赛场情况登记等工作。2.3选手的条件和要求 1997年1月1日以后出生的人员。 思想品德优秀，身心健康。 具备扎实的基本功和相应的技能水平，具有较强的学习领悟能力、良好的身体素质、心理素质及应变能力等的综合素质。 男、女选手裸眼视力或矫正视力应达到正常标准。无色盲、色弱，无任何影响电脑操作的先天或生理性疾病/缺陷。并能适应长时间、高强度坐姿工作。 选手必须严格遵守考场有关规定，自觉服从裁判长、裁判员、考场工作人员的管理。如有作弊情况，将取消比赛成绩。3. 选拔赛的题目3.1试题的模式和结构本项目比赛时间为5小时，共三个部分，本项目满分100分。

10、项目配套制作素材，会在比赛开始前发给选手。选手必须在规定的结束时间前完成作品的存盘，将由工作人员进行作品上传并由选手进行最终确认。选手将最终的作品保存到如下命名的文件夹中： XX_ project上面的xx是你的机器（抽签）号，只有按规定正确保存的文件才会被评分。3.2竞赛项目要求（共5小时）1.单页网站设计制作一个单页面的网站设计。将所有客户需求的功能和板块都放在同一个设计页面中，并按效果进行排列。2.响应式页面实现 本页面中包含了多种设备的分辨率，可以根据用户的设备或浏览器尺寸进行响应式的调整。选手作为页面工程师的任务是将提供的多个设计布局使用HTML 5.0 / CSS 3.0规范来实现

11、成页面，使得在各种不同的设备分辨率下都可以通过同一个页面对该网站进行正确的浏览（符合原设计稿的排版布局和各种设定）。选手将被提供相关素材JQuery库，使用JavaScript、JQuery等前端技术按照赛题要求完成。3.登录与注册功能 用户能够完成注册与登陆功能，使用PHP与MySQL数据库进行连接，创建相应的用户表并利用添加和查询实现注册和登录功能。注意：选手在比赛现场将只能查看赛题文档，不被提供评分表！4. 选拔赛命题方式全省选拔赛各项目（工种）均以第45世界技能大赛（或往届世界技能大赛）技术文件为标准，参照世界技能大赛全国选拔赛技术文件和样题，进行命题及评判。组委会技术处根据每个竞赛项

12、目（工种）的特点、参赛队伍等情况，组织成立技术评判委员会，负责选任裁判、技术指导专家，组织命题和拟定评分规则，制定和解释竞赛规程等技术文件。全省选拔赛各竞赛项目技术指导文件和样题等，将及时在河北省职业资格工作网上公布。5. 成绩评判采用综合评价（裁决）方式。全体裁判各自单独评分，去掉最高分和最低分数，计算出平均分来确定选手最终得分。具体分值分配参照裁判员评分细则表。6. 材料与装备选手比赛机软件清单（所有软件都为中文版）操作系统：WIN 7 64bit 开发工具：Adobe Photoshop CS6 Adobe Dreamweaver CS6浏览器：Firefox：Developer Edi

13、tion V41 Chrome: V51浏览器插件:JRE 7 辅助软件：MS Office 2010Edit plus 3.6 / Notepad+ 6.5 / Net beans for PHP 8.0 / PHPStorm 2016 / Subline build 3114/HBuiderFilezilla Client 3.6 or upperwin RAR or 7ZIP new ver.代码库：jquery-ui-1.11.2jquery-2.1.1jquery-3.3.1运行环境: php2+mysql5+apache2集成环境PHPnowV1.5.6或phpStudy(选手现场

14、安装，比赛提供安装包)选手用机硬件配置：（不低于此配置）CPU Intel Core i5 6500内存 8GB DDR4 硬盘 独立分区，选手可用的临时文件容量100G以上显卡 AMD Radeon R5 320 1GB显存显示器 21.5 宽屏LCD *2 1920*1080 键盘鼠标 3键有线光电鼠标、标准美式键盘*选手自行携带符合规则的键盘鼠标需在熟悉赛场时进行检测并封存6.2竞赛选手工具箱中所备材料、设备和工具 选手可携带自己的键盘，如果选手所带键盘无法使用或者通不过赛前检测，赛场将提供一个标准键盘。 选手可携带自己的鼠标，要求同上 选手可携带自己的绘图板，要求同上 裁判有权禁止选手

15、所携带的某些设备的使用6.3 裁判员的材料、设备和工具使用规定 本项目裁判员执裁无需携带任何设备和工具 裁判不能携带任何物品来帮助选手比赛。 裁判不能在赛场内对选手作品进行拍摄。6.4技能竞赛场地禁止使用的材料和设备 额外的软件 通讯工具 智能设备（包括穿戴设备） 不能使用任何带内置存储功能的设备 对具有争议性的设备和工具，现场执裁人员汇报裁判长认可后，有权禁止在比赛中使用某些设备6.5 材料和设备的特别规定 在比赛开始前，选手们将得到一切必需的素材。选手有责任检查该模块所提供的材料是否完整可用（对照论坛预先公布的内容），这些材料之前已由两位裁判检查并签名。 软件和设备意外情况的规定：所有机器和软件引起的问题，在选手提出后，由现场执裁裁判记录提出时间，并判断是否符合此类问题，再转由场地设备主管进行故障处理。无法在合理时间内解决的问题，将更换备用机或调换至备