第六届星光杯_网站设计项目_决赛方案、练习题_中职组

上海市“星光计划”第六届职业院校职业技能大赛网站设计（中职组）决赛方案上海市星光计划组委会竞赛办公室二○一四年十二月目录1.简介..................................................................................................................31.1项目名称.................................................................................................31.2项目说明.................................................................................................32.决赛内容..........................................................................................................42.1决赛项目及要求.....................................................................................42.1.1模块一：重设计..........................................................................42.1.2模块二：页面实现......................................................................42.1.3模块三：代码功能......................................................................43.评分标准..........................................................................................................54.安全规定..........................................................................................................55.材料与设备......................................................................................................55.1基本设施清单.........................................................................................55.2决赛选手自备的材料、设备和工具.....................................................65.3决赛场地禁止使用的材料和设备.........................................................6附录一.决赛技能练习题.....................................................................................71.简介1.1项目名称网站设计1.2项目说明网站设计是一门不断动态发展变化的技术，融合了网页的制作和维护。网站设计人员使用计算机程序生成网页，包括其他网站的链接、图形元素、文字和照片。这些元素的布局也可以通过脚本或画纸的方式呈现。在技术实现方面需要运用电脑软件、开放源码库以及框架技术。在工作中，设计者和构建者一定要注意版权法以及相关道德问题。当今任何人都可以尝试网站设计，这给专业设计师带来更大压力。为了吸引访客注意并在网站停留，设计师必须学习新技术并使用这些新技术来解决问题。当专业设计者而非业余者设计出的网站引来访客时，网络便成为企业沟通、营销和贸易的重要平台。网站设计者能够理解网页制作的技术和相关艺术价值。在网站上，技术的运用是为了将功能自动化并帮助页面内容管理者更好地工作。网站的颜色、字体、图形以及布局则需要富有创意的设计技巧。用户界面（UI）的设计则确保了一种良好的用户体验（UX）。网站制作者也必须对项目工作内容、项目内容制作和网站管理有基本的理解。最后的成品与标准的浏览器及软硬件间的兼容性也是十分重要的。本决赛方案是对第六届“星光计划”职业技能决赛内容的框架性描述，具体内容要求以竞赛样题为准。2.决赛内容2.1决赛项目及要求本项目没有理论考试部分比赛一共包含三个模块，在一天6小时的竞赛时间内全部完成。最终竞赛题将在2月10日前结合网上征集的意见进行完全公开，包括赛题、评分表和素材文件。并保证在最终比赛时不进行任何修改。2.1.1模块一：重设计时间：2小时某知名B2C购物网站为了顺应移动互联网时代的购物需求，需要对其原有主页进行重设计。选手要提供电脑端、平板端和手机端的三个主页在不同分辨率下的设计文档（使用ps或fw）。电脑和平板端设计文件需要预留出主页banner动画的空间。2.1.2模块二：页面实现时间：2小时30分将模块一中设计的三个页面实现在同一个网页文件中，使用CSS+JS脚本技术来进行响应式布局网页制作以及各种前端交互的实现，并确保在三种设备分辨率下（1440*900、768*1024、480*960）可以对该网站进行正确的浏览。对于1440*900、1024*768两个分辨率下还要进行站点banner动画的设计和制作。2.1.3模块三：代码功能时间：1小时30分为前两个模块制作的页面添加后台代码功能，创建数据库按照要求设立默认用户。使用php脚本语言实现新用户的注册登录以及后台的用户管理功能（增删改查）。用户管理功能页面的设计和美观不做评价。3.评分标准本部分确定了各模块的配分结构（主观和客观），评满分为100分。总评成绩合格者，核发网页设计制作员（四级）国家职业资格证书。决赛题目最终配分以决赛当日的赛题为准。操作技能部分配分模块号模块名称分数（参照）主观分客观分合计模块一重设计201535模块二页面实现153045模块三代码功能02020小计3565100注：主观评分的分值根据不同决赛项目在本模块配分的0-30%之间选取。本项目参照世界技能大赛标准，主观分有适当提升。4.安全规定本项目没有特别安全规定，请注意赛场的用电安全。非赛场管理人员未经允许，不能随意拉接电源和用电设备。选手应爱护赛场设施设备，操作规范，注意安全。违反安全操作规定造成的损失由考生负责。如选手发生紧急的身体状况，将由赛场管理人员进行紧急处理。除非有集体性意外事件，否则本次比赛没有补时和重赛。赛场内应配备常见的应急药品，比赛期间安排赛场单位医护人员值班。5.材料与设备5.1基本设施清单操作系统：WIN7Pro64bitAdobeCreativeSuite6Design&WebPremium（PS、FW、AI、DW）MSOfficeProfVersion2010（word、excel）XAMPP1.8.3浏览器：Firefox33.1orupperChrome39.0orupperInternetExplorer11(64bit)浏览器插件:JRE7FlashplayerVersion15.0orupper辅助软件：Editplus3.6.0.870/Notepad++6.5.5.0/NetbeansforPHP8.0FilezillaClient3.6orupperwinRARor7ZIPnewver.jdk7（供Netbeans等软件安装使用）所有同具体模块制作相关的帮助文档以及代码库、框架等的版本参照42届大赛题，直接由赛题中提供的素材决定选手用机硬件配置：（机器性能不低于此配置）CPUIntel酷睿i525003.3GHz内存4GDDR31600MHz硬盘独立分区，选手可用的临时文件容量5G以上显卡AMDHD63501G显存显示器19宽屏LCD1440*900键盘鼠标3键有线光电鼠标、标准美式键盘5.2决赛选手自备的材料、设备和工具选手可携带自己的键盘，如果选手所带键盘无法使用或者通不过赛前检测，赛场将提供一个标准键盘。选手可携带自己的鼠标，要求同上裁判有权禁止选手所携带的某些设备的使用5.3决赛场地禁止使用的材料和设备额外的软件通讯工具智能设备（包括穿戴设备）不能使用任何带内置存储功能的设备对具有争议性的设备和工具，现场执裁人员汇报裁判组认可后，有权禁止在比赛中使用某些设备附录一.决赛技能练习题上海市“星光计划”第六届职业院校职业技能大赛网站设计（中职组）决赛技能练习题上海市星光计划组委会竞赛办公室二○一四年十二月第1页参赛须知一、选手须凭本人准考证和身份证原件（或带照片的社会保障卡、公安局核发的机动车驾驶证、初中职学校在校生学生学生证等有效证件原件）进入赛场，证件个人信息须与准考证信息一致，否则不得参加比赛。（以上证件复印件无效）二、选手参加考试，迟到十五分钟以上不得入场。三、凡有书面答题的，选手一律用蓝色或黑色的水笔（或圆珠笔）在卷内设定的位置书写，用其它颜色笔或在草稿纸上答题均属无效。四、选手应爱护赛场设施设备，操作规范，注意安全。违反安全操作规定造成的损失由考生负责。五、选手在比赛中严禁使用各类通讯工具。六、选手必须严格遵守考场有关规定，严禁作弊或代考，自觉服从裁判长、裁判员、考场工作人员的管理。七、选手着装、用品等在外观上不应显示选手所在单位等个人信息。八、选手参加比赛，应穿戴整洁，衣冠不端者不可入内。九、禁止在竞赛期间对赛场设施、设备、赛项题目或项目的其他组成部分进行摄影、摄像。十、竞赛安全规定：请注意赛场的用电安全，非赛场管理人员未经允许，不能随意拉接电源和用电设备；选手应爱护赛场设施设备，操作规范，设备如遇问题要及时提出。十一、技能竞赛场地禁止使用的材料和设备：1.额外的软件2.通讯工具3.智能设备（包括穿戴设备）4.任何带内置存储功能的设备对具有争议性的设备和工具，现场执裁人员汇报裁判组确认后，有权禁止在比赛中使用这些设备第2页一般说明注意：选手交卷时应将本地机器生成的文件保存在桌面选手规定名称的目录下，并分模块将文件夹命名为XX_模块X，其中”XX”是抽签工作机号，”X”是模块号（例如01_模块一），相关提示信息请参考熟悉赛场当天发的选手操作指南文件。只有按照要求保存到指定目录的内容才会被提交和评分，除特殊情况外一律不查看选手本地计算机中的其他文件。每个模块将严格按照规定比赛时间收卷和评分，超过规定时间后完成的内容将不予评分。试题和任务说明试卷组卷方案模块号模块名称分数（参照）主观分客观分合计模块一重设计201535模块二页面实现153045模块三代码功能02020小计3565100竞赛要求模块一：重设计竞赛时间：2小时某B2C购物网站为了顺应移动互联网时代的购物需求，需要对其原有主页进行重设计。该设计应该是一种响应式的网站，为使用电脑，平板电脑或智能手机访问该网站的用户提供一个最佳的视觉体验。在练习时可以基于任何一个网站的原始HTML文件进行，在正式公开的比赛题中选手将被提供相关网站的页面和图片素材。任务是完成一份设计，展现如何将原有的内容在三种设备中（电脑，平板电脑和智能手机）进行重新布局。分析提供的网站素材，在重设计中用上所有核心元素。要求根据提供的原网站部分内容来进行站点重设计的创作，保持该公司的原始形象和色调没有较大变动。必要元素：头部：Logo，一些顶部菜单(注册登录、我的账号)，文本等。搜索框：输入文本框以及搜索按钮。第3页主导航：若干个导航链