第45届世界技能大赛河北省选拔赛网站设计与开发项目技术工作文件2018年4月18日.docx

《第45届世界技能大赛河北省选拔赛网站设计与开发项目技术工作文件2018年4月18日.docx》由会员分享，可在线阅读，更多相关《第45届世界技能大赛河北省选拔赛网站设计与开发项目技术工作文件2018年4月18日.docx（13页珍藏版）》请在第一文库网上搜索。

1、第45届世界技能大赛河北省选拔赛网站设计与开发项目技术工作文件2018年4月18日目录1 .网站设计项目技术描述错误!未定义书签。1.1 网站设计简要技术描述错误!未定义书签。1.2 关文件错误!未定义书签。1.3 能力要求和工作范围错误!未定义书签。1.3.1 能力要求细则错误!未定义书签。1.3.2 必须具备的理论知识，但不直接进行测试错误!未定义书签。1.3.3 必须了解的标准和法规，但不直接进行测试错误!未定义书签。2 .裁判和选手错误!未定义书签。2.1 裁判长的职责错误!未定义书签。2.2 裁判员的条件和组成错误!未定义书签。2.3 选手的条件和要求错误!未定义书签。3 .选拔赛的

2、题目错误!未定义书签。3.1 试题的模式和结构错误!未定义书签。3.2 竞赛项目要求（共5小时）错误!未定义书签。4 .选拔赛命题方式错误!未定义书签。5 .成绩评判错误!未定义书签。6 .材料与装备错误!未定义书签。6.1 竞赛选手工具箱中所备材料、设备和工具错误!未定义书签。6.2 裁判员的材料、设备和工具使用规定错误!未定义书签。6.3 技能竞赛场地禁止使用的材料和设备错误!未定义书签。6.4 材料和设备的特别规定错误!未定义书签。7 .选拔赛场地要求错误!未定义书签。7.1 场地面积要求错误!未定义书签。7.2 场地照明要求错误!未定义书签。8 .具体技能的安全规定错误!未定义书签。9

3、 .竞赛流程错误!未定义书签。9. 1竞赛流程错误!未定义书签。9. 2裁判员工作内容错误!未定义书签。9. 2选手的工作内容错误!未定义书签。9.3比赛流程10 .开放赛场错误!未定义书签。 错误!未定义书签。 错误!未定义书签。11 .绿色环保1 .网站设计项目技术描述1.1 网站设计简要技术描述网站设计项目指根据项目需求制作站点设计，实现能在各种终端上使用的页面、交互效果 以及后台功能的竞赛项目。选手要熟练地进行图形图像处理，设计站点的logo及主题风格，并在各版面中应用这些 元素，同时还需关注站点的受众群体，制作更受欢迎的设计；使用HTML5及CSS3按设计稿 实现页面，并完成各种交互

4、效果的开发。此外还要处理好代码编写过程中发生的异常。最终的 作品同常用浏览器以及软硬件之间的兼容性也是十分重要的，需要妥善处理。最终的作品同常用浏览器以及软硬件之间的兼容性也是十分重要的，需要妥善处理。在实际工作中，网页设计者要能理解网页制作的技术和艺术价值。技术的运用是为了将功 能帮助网站经营者更好更高效地工作（自动化）。网站的颜色、字体、图形以及布局则需要富 有创意的设计技巧。用户界面要确保具有良好的可用性。网站制作者也必须理解项目工作、内 容制作和网站管理的基础知识。1.2 相关文件本技术工作文件只包含与技能相关的特定信息，关于比赛内容和场地工位情况还需参考技 术工作论坛配套公布的“赛题

5、包”、场地布局图。1.3 能力要求和工作范围本竞赛是对该技能的展示和评估。主要测试各个网站设计和实施技能在操作层面的能力。 参赛选手要按照赛题中网站设计的标准（或要求）展示其网站设计技能。1.3.1 能力要求细则动画和视频选手必须知道并理解: 如何为网站创建动画 如何在网站中嵌入所创建的动画、音频和视频选手必须能够： 创建网页动画来展示内容和提升视觉效果平面设计选手必须知道并理解： 如何创建图形文件、图片并具备审美价值观 如何根据要求有效使用提供的文字简介进行设计 在设计网站颜色、排版和图像时所需要的创意和技巧 如何凸显站点的目标受众群体 如何运用用户中心的设计选手必须能够： 导入并编辑图像

6、为网页优化图像 使用某种图像处理软件创作图像 使用某种图像处理软件对图片进行切片 选用可以增强设计效果的布局版式 为不同的屏幕分辨率进行设计；对给定的分辨率进行优化，并且页面在不同分辨 率的设备中良好工作 为各种自适应的站点页面设计合适的效果 创建高效的、直观、易用的网站导航 创建的页面布局包含：流式页面、网格页面、页面留白、均衡的文字图像，清晰 的层次通过PHP和MySQL进行服务器端编程选手必须知道并理解： 如何进行服务器端编程(PHP) 如何设计数据库(MySQL)通过开放源码库和框架实现客户端选手必须知道并理解： 如何使用开放源码库和框架来编码选手必须能够： 通过开放源码和框架创建客户

7、端和服务器端表现层实现选手必须知道并理解： 如何使用最新的设计技术和编码技术制作遵循行业标准且具有良好持续性、一 致性的网站选手必须能够： 使用XML、JaVaSCriPt等工具来实现页面各部分内容 使用CSS或其他的外部文件来对整个网站样式进行修改 能在两种不同的浏览器(最新、稳定的版本)上优化页面，获得较好跨浏 览器兼容性 所创建的网站内容在不同分辨率的屏幕上要保持一致且结构良好 对于自适应的页面设计能使用合适的样式和脚本代码来实现页面 所创建网站要符合当前的W3C标准(HTML5.0 CSS3.0)1.3.2 必须具备的理论知识，但不直接进行测试 色彩构成理论 图片制作、加工、处理的要素

8、 动画制作、加工、处理的要素 HTML XML javascript php、mysql CSS等语言和工具的语法和使用规则 开源代码库的使用 站点设计和受众分析 所有需要使用的软件的操作知识1.3.3 必须了解的标准和法规，但不直接进行测试 网页的W3C标准网站法规2.裁判和选手2.1 裁判长的职责本项目选拔赛裁判长河北机电职业技术学院信息工程系主任万雅静教授。裁判长在选拔赛中不直接参与评分，主要工作职责是: 制定比赛具体流程和安排，对裁判进行工作任务分配。 组织裁判根据自身专业长项和自愿的方式进行分组，任命各组的负责人，并对分组情况进 行合理调剂。 对所有裁判的评分工作进行技术监督。对主观

9、分中差值较大项目组织调分，对评判中存在 的技术问题提出整改，对有争议的地方进行初步协调。组织裁判组对于争议情况进行投票表决。 对比赛过程中选手的各类突发情况以及场地设备异常情况进行处理。维护整理选拔赛全程的各类原始资料和文档。2.2裁判员的条件和组成由于世界技能大赛全国选拔赛“网站设计”项目对于选派的裁判员专业能力要求较高，所 以各地申报的裁判人员除符合部中心135号文中技术规则文件中对于裁判员的一般条件外，还 须符合以下专业要求：符合以下条件之一者有资格成为本项目评分裁判员（请在报名表中注明）在网站、信息系统开发类企业工作5年以上，具备完整项目开发经验的工程师在校从事软件开发、网站设计等相关

10、课程讲授，具有中级以上职称，具备相关3级以 上职业资格证书（网页制作员、数据库管理员、计算机程序设计员等）的老师所有申报人员还应精通以下专业技术能力两种以上（请在报名表中注明）熟练掌握一种以上设计软件：PhOtoShOp、illustrator、DreamWeaVer 等；熟悉视觉设计、对色彩构成有良好理解并具有应用色彩感觉； 熟悉W3C标准，擅长html5、CSS3、javascript等；能处理网页在不同浏览器下差异； 熟悉jQuery框架，并能熟练运用； 熟悉页面响应式设计； 熟悉PHP面向对象的设计方法，并具有很好的代码编写能力和良好的代码编程习惯；裁判报到后在赛前培训期间将对其专业能

11、力进行审核，未达到以上规定要求的裁判将不得 参与任何评分有关工作。评分裁判需要全程参与各种投票、选拔赛现场执裁、主观、客观评分 以及监督成绩汇总统计过程等技术工作。裁判评分成员，按照裁判长的安排，负责现场执裁、各类比赛文档和赛场情况登记等工作。2.3选手的条件和要求 1997年1月1日以后出生的人员。 思想品德优秀，身心健康。 具备扎实的基本功和相应的技能水平，具有较强的学习领悟能力、良好的身体素质、心理 素质及应变能力等的综合素质。 男、女选手裸眼视力或矫正视力应达到正常标准。无色盲、色弱，无任何影响电脑操作的 先天或生理性疾病/缺陷。并能适应长时间、高强度坐姿工作。 选手必须严格遵守考场有

12、关规定，自觉服从裁判长、裁判员、考场工作人员的管理。如有 作弊情况，将取消比赛成绩。3.选拔赛的题目3.1 试题的模式和结构本项目比赛时间为5小时，共三个部分，本项目满分IOO分。项目配套制作素材，会在比 赛开始前发给选手。选手必须在规定的结束时间前完成作品的存盘，将由工作人员进行作品上 传并由选手进行最终确认。选手将最终的作品保存到如下命名的文件夹中： XX_ PROJECT上面的是你的机器（抽签）号，只有按规定正确保存的文件才会被评分。3.2 竞赛项目要求（共5小时）1 .单页网站设计制作一个单页面的网站设计。将所有客尸需求的功能和板块都放在同一个设计页面中，并 按效果进行排列。2 .响应

13、式页面实现本页面中包含了多种设备的分辨率，可以根据用户的设备或浏览器尺寸进行响应式的调 整。选手作为页面工程师的任务是将提供的多个设计布局使用HTML 5.0 / CSS 3.0规范来实现 成页面，使得在各种不同的设备分辨率下都可以通过同一个页面对该网站进行正确的浏览（符 合原设计稿的排版布局和各种设定）。选手将被提供相关素材JQUery库,使用JavaScnptJQuery 等前端技术按照赛题要求完成。3 .登录与注册功能用户能够完成注册与登陆功能，使用PHP与MySQL数据库进行连接，创建相应的用户表 并利用添加和查询实现注册和登录功能。注意：选手在比赛现场将只能查看赛题文档，不被提供评分

14、表！4 .选拔赛命题方式全省选拔赛各项目（工种）均以第45世界技能大赛（或往届世界技能大赛）技术文件为 标准，参照世界技能大赛全国选拔赛技术文件和样题，进行命题及评判。组委会技术处根据每个竞赛项目（工种）的特点、参赛队伍等情况，组织成立技术评判委 员会，负责选任裁判、技术指导专家，组织命题和拟定评分规则，制定和解释竞赛规程等技术 文件。全省选拔赛各竞赛项目技术指导文件和样题等,将及时在河北省职业资格工作网上公布。5 .成绩评判采用综合评价（裁决）方式。全体裁判各自单独评分，去掉最高分和最低分数，计算出平 均分来确定选手最终得分。具体分值分配参照裁判员评分细则表。6 .材料与装备选手比赛机软件清

15、单（所有软件都为中文版）操作系统：WIN 7 64bit开发工具：Adobe Photoshop CS6Adobe Dreamweaver CS6浏览器：Firefox： Developer Edition V41Chrome: V51浏览器插件：JRE 7辅助软件：MS Office 2010Edit plus 3.6 / Notepad+ 6.5 / Net beans for PHP 8.0 /PHPStorm 2016 / Subline build 311HBUiderFilezilla Client 3.6 or upperwin RAR or 7ZIP new ver.代码库：jquery-ui-1.11.2jquery-2.1.1jquery-3.3.1运行环境：php2+mysql5+a