赣州市第一届职业技能大赛-分赛场-21-网站设计与开发-技术文件

赣州市第一届职业技能大赛

“网站设计与开发”项目技术工作文件2023年8月目录15851.项目简介 页1.项目简介本项目技术说明是对本竞赛项目内容的框架性描述，正式比赛内容及要求以竞赛当日公布的赛题为准。1.1项目名称网站设计与开发（网站技术）1.2项目描述网站设计与开发项目指根据项目需求设计制作站点，实现能在各种终端上使用的页面、交互效果以及前后端功能的竞赛项目。选手不但要能熟练使用图形设计工具制作设计稿，熟练运用HTML5及CSS3，按设计稿实现页面，完成各种前端交互效果，还应能独立使用JavaScript制作前端应用，例如：前端管理工具、前端交互性展示以及完成后端应用功能的开发等。此外，选手应能处理好代码编写过程中发生的异常，最终的作品也需要妥善处理常用浏览器以及软硬件之间的兼容性。在实际工作中，网页设计者要能理解网页制作的技术和艺术价值。技术的运用是为了实现功能，帮助网站经营者更好更高效地工作（自动化）。网站的颜色、字体、图形以及布局则需要富有创意。用户界面要确保具有良好的可用性。网站制作者也必须理解项目工作、内容制作和网站管理的基础知识。1.3竞赛目的通过本项目赣州市选拔赛，将近年来世界技能大赛本项目的先进技术和理念进行推广和普及。竞赛内容遵循世界技能大赛相关技术文件，内容更为基础，能反映出选手的关键技能和潜质，体现参赛院校选手当前对于网站技术领域的技能水平。2.选手应具备的能力本竞赛是对网站设计与开发技能的展示和评估。主要测试参赛选手在网站设计与实施技能操作层面的能力。参赛选手要按照赛题中规定的标准（或要求）展示其网站设计及开发技能。参赛选手必须掌握本项目的理论知识，但是在本次竞赛中理论知识不单独列为考核项目。本次竞赛选手应具备的能力如下：部分类别1站点设计个人需要知道和理解:如何遵循设计原则和模式，以产生美观和创造性的设计同设计的认知、社会、文化、技术和经济背景有关的问题如何为Web创建和调整图形所制作业务的设计特点不同的目标市场并满足每个市场的设计要素维护企业形象，品牌和风格指南的协议互联网设备和对应屏幕分辨率的约束理论个人应能够:为传达错误信息创建、分析和开发视觉反馈，包括理解层级结构,排版，美学和构架为项目创建、控制和优化图片识别目标市场和创建设计概念创建响应式设计，在多种屏幕分辨率/设备上正常运行将想法融入具有美观和创意的设计评判并选择合适的草图设计、颜色和原型实操2页面重构个人需要知道和理解：万维网联盟（W3C）的HTML和CSS标准定位和布局方法可用性和交互设计浏览器兼容性如何在需要的地方嵌入集成动画、音频和视频理论个人应能够：创建符合并能通过W3C标准验证的代码（HTML5,CSS3）为各种设备和屏幕分辨率创建可访问和可用的网站使用CSS或其他外部文件修改网站的外观使用CSS预处理/后处理器使用CSS开发动画和与用户界面的交互实操3前端开发个人需要知道和理解：JavaScript如何使用JavaScript来集成库、框架和其他系统或功能使用JavaScript前置/后置处理器和任务运行工作流理论个人应能够：创建网站的动画和交互功能，帮助解释页面内容和增加视觉吸引力创建和更新JavaScript代码，增强网站功能性，可用性和美观使用JavaScript来操作数据和自定义媒体创建模块化和可重用的JavaScript代码使用JavaScript操作图形元素使用框架技术Vue、react等框架技术进行制作页面实操4后端开发个人需要知道和理解：面向对象的PHP如何使用MySQL来设计和实现数据库FTP服务器与客户端的关联以及软件包如何管理服务器和客户端系统之间的数据交换软件设计模式（如.MVC）网页应用程序的安全性理论个人应能够：使用编程技能来操作数据，包括本地储存、数据库和前后端通讯创建或维护数据库以支持系统需求创建易读、可维护、可重用的后端代码模块实操3.竞赛项目3.1竞赛模块模块编号模块名称竞赛时间min分数评价分测量分合计A前端页面设计18052025B页面功能实现18063440C页面重构12043135总计-48015851003.2模块简述本次比赛共3个模块，在一天内完成，分别针对前端页面设计、页面功能实现、页面重构等技术进行考核。3.2.3模块A：前端页面设计根据给定的页面主题进行前端页面设计。选手需要使用有限的素材，对给定的主题有针对性地设计优美的界面和合理的操作逻辑，并在页面中实现赛题中的需求。3.2.4模块B：页面功能实现在模块A制作的前端页面设计基础上，制作实现对应设计页面功能的逻辑和交互设计。选手需要在项目中充分体现交互友好性，完成赛题中对于页面功能的描述。3.2.5模块C：页面重构使用框架技术进行重构页面。选手需要根据提供的设计图使用框架技术完成页面的重构。3.4命题方式本项目使用封闭命题（包括赛题、素材、评分细则），所命竞赛题内容基于世界技能大赛的技术要求，竞赛决赛试题可由裁判长进行少量整合修订后于竞赛当天公布。3.5竞赛日程与地点安排日期时间内容地点9月15日14:00-17:00报到、开幕式、领队会、选手熟悉赛场图书馆报告厅赛场9月16日8:00-8:20选手进行加密（参赛选手持参赛证、身份证接受工作人员检录并进行加密确定参赛编号）赛场检录加密区竞赛入场检录（参赛选手凭赛位号接受入场检录确认没有携带竞赛禁止的工具和材料）赛场入场检录区8:20-8:30竞赛选手入场就位、宣读竞赛规则、发布竞赛任务赛场8:30-13:00竞赛模块A、B（选手保存竞赛成果）赛场13:00-14:00午饭休息候场室14:00-17:00竞赛模块C（选手保存竞赛成果）赛场17:30-20:30裁判评分裁判室20:30-21:00公布结果、闭幕比赛时长：总竞赛时长8小时；比赛地点：江西应用技术职业学院（赣州市蓉江新区文峰路9号）4.评分规则本项目采用事后结果评分，不设竞速分，当天下午完成上午竞赛部分的评分，下午竞赛部分评分在当天晚上进行，当日必须完成所有模块评分和统分工作。选手的最终完成作品保存在服务器规定文件夹中，评分时由裁判在服务器进行操作和打分。由评分裁判复核后交登分员录入系统，再根据系统操作流程进行二次复核，汇总分数由所有裁判签字确认，最总汇总结果由全体裁判签字确认。如遇到总分相同情况，则根据B模块得分高低进行认定。4.1评价分（主观）评价分（Judgement）打分方式：3名裁判为一组，各自单独评分，计算出平均权重分，除以3后再乘以该子项的分值计算出实际得分。裁判相互间分差必须小于等于1分，否则需要给出确切理由并在小组长或裁判长的监督下进行调分。权重表如下：权重分值要求描述0分各方面均低于行业标准，包括“未做尝试”1分达到行业标准2分达到行业标准，且某些方面超过标准3分达到行业期待的优秀水平例如：权重分值要求描述0分更改现有CSS代码极度困难，CSS代码没有组织结构。HTML没有格式化1分更改现有CSS代码较为困难，较难以定位需要的内容。HTML有基本格式2分更改现有CSS代码比较容易，很方便就能定位需要的内容。HTML格式良好3分在2分基础上，CSS还应用了一定的代码分组技术并至少包含5条以上有用的注释4.2测量分（客观）测量分（Measurement）打分方式：按模块设置若干个评分组，每组由3名及以上裁判构成。每个组所有裁判一起商议，在对该选手在该项中的实际得分达成一致后最终只给出一个分值。测量分评分准则样例表：类型示例最高分值正确分值不正确分值满分或零分网站地图动态链接至菜单0.500.500从满分中扣除CSS代码能通过验证（每种错误扣0.5分）2.002.000～1.5从零分开始加CSS代码有注释(0.5分)XHTML代码有注释(0.5分)1.01.00～0.55.项目特别规定选手应遵守比赛相关规则，服从裁判长的赛事管理。此外，还应遵守以下特别规定：1. 存在以下情况者，裁判长有权取消该模块成绩：a) 在提交的作品中带有选派单位、选手个人或相关组织机构的标记b) 携带任何有记录内容的纸张等用品到工位上c) 竞赛时间截止时不听从裁判结束比赛口令，继续操作电脑2. 存在以下情况者，裁判长有权取消该选手比赛成绩：a) 考生在比赛过程中将禁止使用的设备带到工位上b) 在比赛中存在有违诚信道德的事件，经当值裁判记录并提交裁判长确认3. 如果发生非本人因素引起的软硬件故障且无法立即解决的，裁判将予以记录并根据处理所花费的时间给予补时。4. 如选手在比赛中存在技术问题的争议，以本技术说明与赛题规定为准，文件中未涉及的情况由裁判组决定。6.竞赛相关设施设备6.1场地设备每一个名选手均配备以下设备（套）序号设备名称型号单位数量1开发用主机台式台12显示器FullHD台13键盘美式个14鼠标三键光电个1选手比赛用主机配置：硬件型号参数CPUIntelCorei52.5GHz以上内存DDR48GB硬盘SATAHDD提供不少于25GB的可用临时硬盘空间附表：台式机软件环境类别名称版本备注操作系统Windows10Windos10x64(EN)64bit开发工具AdobePhotoshopCC2019AdobeIIIustratorCC2019AdobeXDCC2019XAMPP7.2.12orupper浏览器FirefoxDeveloperEditionV63orupperChromeV69orupperMSOffice2016orupper7-Zip19.00(x64)orupperPHPStorm2019orupperFilezilla3.5orupper辅助软件Editplus5.0orupperPHPStorm2019orupperSublime3.1.1orupperVisualstudiocode1.77WinRAR开源前端库jQuery3.5orupperVue2.6orupperphp框架Laravel7.27orupper6.2材料本项目没有耗材。6.3选手自备的设备和工具赛场提供统一的标准美式键盘和3键光电鼠标，选手无需自带设备工具。6.4场地禁止自带使用的设备和材料序号设备和材料名称1额外的软件2移动电话3掌上电脑和智能穿戴设备4存储设备和带有存储功能的外设发现选手比赛中携带/使用上述设备将按照本项目特别规定执行处罚7.健康安全和绿色环保本项目没有特别安全规定，请注意赛场的用电安全。非赛场管理人员未经允许，不能随意拉接电源和用电设备。如选手发生紧急的身体状况，将由赛场管理人员进行紧急处理。除非有集体性意外事件，否则本次比赛没有补时和重赛。赛场内配备常见的应急药品，比赛期间安排本单位医护人员值班。尽量减少纸张的使用，对垃圾进行分类，所有可反复循环利用的材料都应妥善收纳和管理。8.赛场布局要求选手操作台台面尺寸为1米*0.6米以上选手座位空间不小于3平方米场地总面积不小于90平方米，两场考试设备间距3米以上选手工位数量20个以上（备4工位）评分机4台以上9.相关竞赛规则9.1赛前1．裁判长由技术专家担任。2．赛前安排裁判长对裁判员培训，培训内容包括网站设计与开发项目竞赛技术规则，各项目技术工作文件，特别是竞赛细则及评判标准、工作纪律等。3．裁判员应服从裁判长的管理，裁判的具体工作由裁判长在裁判培训会上布置，裁判长指派或抽签决定。裁判在执裁中须服从裁判长和组委会的管理，遵守裁判职业道德，文明裁判。4．安排参赛选手独立熟悉赛场设施设备时间。选手熟悉场地、设备时，赛场内有技术保障组提供指导和服务。5．安排技术答疑时间。裁判长对选手进行技术答疑交流和竞赛规则、安全、健康规定培训，使选手了解竞赛规则要求和安全、健康规定。6．参赛选手在裁判长组织下，以抽签方式确定比赛顺序和比赛工位，并由裁判长当场宣布抽签结果。7．参赛选手应在指定的时间到达比赛现场，携带选手证，经身份确认后进入竞赛现场。如有证件遗失应及时报告联系人，无证件不得参赛。9.2赛中1．比赛开始以裁判长口令为界。2．比赛结束以裁判长口令为界。特殊情况下，由裁判长决定是否延长竞赛时间。3．裁判员必须佩戴裁判员胸牌，仪表整洁，举止文明，接受参赛人员的监督。4．比赛中如遇到非选手操作性设备故障时，裁判员应立即报告裁判长，并通知技术支持人员到现场解决问题，由裁判长决定是否延时。5．比赛中遇到裁判人员、工作人员、技术支持等违反竞赛规则的，由裁判长提出处分意见报仲裁组决定。6．选手在比赛期间、裁判在工作期间不得使用手机、相机等设备。7．选手在比赛中如遇到疾病突发、人身伤害事故等突发问题时，裁判员应立即报告裁判长，协助现场医务人员紧急处理。8．比赛中遇到选手违反比赛规则，裁判员需立即汇报裁判长，由裁判长组织相关人员提出处理意见，必要时可通过裁判举手表决，如不能达成一致报请仲裁组做最终决议。9．选手应严格按照竞赛规则参赛，如有疑义可向裁判长提出，问题得不到解决，可通过领队以书面实名方式向组委会仲裁组申述，申诉须在8小时内以书面形式交仲裁组。口头报告或其他人员解释处理，仲裁组不予受理。各参赛队不得因申诉或对处理意见不服而停止比赛，否则以弃权处理。仲裁组的决议为最终裁决。10．选手应严格执行设备安全操作规程，杜绝因违反操作规程产生的人身和设备安全事故。如因人具原因造成的事故，由参赛队及