微网站设计与开发-2015年全国职业院校技能大赛比赛项目方案(中职组)

2015年全国职业院校技能大赛

竞赛项目方案申报书

赛项名称：微网站设计与开发

赛项类别：

□规划赛项

□已有赛项

■新增赛项

赛项组别：（■中职组□高职组）

申报单位（盖章）：中国职业技术教育学会

信息化工作委员会

方案申报负责人：孙林营

电话： 010-******** 手机： 130******** 邮件： skillchina@https://www.360docs.net/doc/0f19382727.html, 通讯地址：北京市西城区新街口外大街19号

邮政编码： 100875 申报时间： 2015年8月26日

2015年全国职业院校技能大赛

竞赛项目方案

一、赛项名称

（一）赛项名称

微网站设计与开发

（二）压题彩照

（三）赛项归属产业类型

电子信息产业、现代服务业

（四）在现行中职专业目录中的分类

中职信息技术类---网站建设与管理专业（专业代码090600）中职信息技术类---计算机应用专业（专业代码090100）

中职信息技术类---计算机网络技术（专业代码090500）

中职信息技术类---计算机平面设计专业（专业代码090300）中职财经商贸类---电子商务专业（专业代码121100）

二、赛项申报专家组

三、赛项目的

移动互联时代的到来改变了人们的上网方式，由过去的电脑浏览转变为移动端浏览。同时，微信的广泛应用、用户量的迅速增长，为市场蕴藏巨大商机。作为企业推广的重要平台——“微网站”能够有效为企业吸引潜在用户，提升企业知名度及形象。微网站的优秀设计精良制作，可提高微网站访问量，进而增加微信粉丝数，为企业立足移动互联时代打好基础。

因此，随着微网站、微平台的兴起，移动平台建设成为近两年越来越火的一个新领域，微网站的设计和开发己经成为一个新兴的求职领域。

（一）促进中职学校教学模式的创新

通过微网站建设与开发大赛，引导职业学校调整人才培养、专业设臵、课程改革，将通用性的网站建设、平面设计与移动通信、互联网技术充分融合；使学校的专业建设能快速跟上移动互联网的产业发展趋势。

（二）培养复合型的移动互联网技能人才

移动互联网是行业复合的结果，结合了移动通信和传统互联网两个不同的行业，并在很多传统行业上进行多样化的应用;微网站同时是技术复合的结果，结合了美术设计和程序设计两个不同的知识和技能。通过大赛，使计算机应用、平面设计等专业学生明确认知和熟练掌握移动互联网、微网站建设与开发技术，紧密将职业学校人才培养机制、专业设臵与人才市场需求的结合，培养了创新型高素质的复合型移动互联网技能人才。

四、赛项的设计原则

（一）坚持公开、公平、公正

赛项遵循坚持公益性、统一性、专业化和普遍性原则，遵循政府主导、行业指导、企业参与的基本要求，以赛事制度建设为基础，提高赛项的规范化、现代化和机制化水平。

（二）赛项关联职业岗位面广、人才需求量大、职业院校开设专业点多；

通过微网站设计与开发大赛，紧跟信息技术产业的最新发展方向，引领职业学校在网站建设与管理、计算机应用、计算机平面设计、动漫等专业的发展趋势，促进人才培养模式、教师教学模式的创新，通过大赛，将企业对热门岗位的需求、用人标准融合到比赛内容中，促进校企深度合作，全面拓展并融汇贯通中职计算机应用类和设计类专业学生的知识和技能。

（三）竞赛内容对应相关职业岗位或岗位群、体现专业核心能力与核心知识、涵盖丰富的专业知识与专业技能点；

主要在以下几个方面着力：

1.竞赛与基本技能掌握相结合。

本竞赛充分考虑中职院校学生技能掌握的需求情况，以能力培养为宗旨，难易适当、深浅有度，既能考核学生操作技能，更能充分展示职业院校学生对移动互联网知识点的认知及专业能力。

2.竞赛与行业前沿发展相结合

本竞赛紧密结合移动互联网行业发展对人才的需求，基于当前微信平台的“微网站”比赛设计，全面考核和培养职业院校学生微网站开发和微网推广宣传能力。

3.竞赛与人才市场优化配臵相结合

本竞赛以微网站建设为主，覆盖了职业学校从网站建设与管理、计算机应用、计算机网络技术、计算机平面设计、电子商务等多个专业领域，通过竞赛能充分对现有移动互联网中技能型人

才的市场流动和优化配臵方面，起到更专业、更重要的引导作用。

4.竞赛与职业发展教育相结合

本竞赛在考核知识和能力掌握情况的同时，注重职业院校学生职业发展理念的引入和教育，鼓励职业院校学生利用自己掌握知识和技能创新创业。

（四）竞赛平台成熟。

微知微网站建设实训平台由北京中润泰富科技有限公司以移动互联技术为支撑开发。基于腾讯微信开放平台技术标准，针对微信公众账号，提供丰富的微网站建设功能。软件平台功能强大、全面，使用简单、方便，针对各行业企业多样性的需求开发出了微官网、微宣传、微留言、微调研、微统计等功能，并提供典型案例和精美模板，可以帮助使用者迅速建设微网站。平台适合职业院校信息类学生在与微信公众平台真实工作现场环境下，进行实习实训，可以让参赛选手在掌握专业知识原理层面的同时，更多的锻炼职业院校学生建设微网站中的实际操作技能。

本实训平台依据微信开放平台技术标准，结合各职业学校信息类专业要求，按照职业教育的教学实训具体情况而研发，适合职业学校开设的微网站、微宣传、微营销等课程的实训教学。平台集平面设计、网站开发、移动互联技术于一体，除了满足专业实训教学，还能开展技能考核和职业技能竞赛，基于平台的微网站产品可直接投入微信平台使用，体现了社会价值和经济效益。通过开展项目式实训，培养学生在微网站设计开发过程中的整体

设计、开发和建站的综合职业能力。

五、赛项方案的特色与创新点

（一）适应移动互联技术的发展

突出移动互联技术在信息技术类专业的新应用。以智能移动终端（智能手机、PAD）为宣传承载平台，注重考察参赛选手的微网站建设及开发技能。考察选手页面设计、交互效果应用、内容组织及页面友好度、网页制作技术、微网站的推广能力。

（二）适应高素质技能型人才的培养方向

通过大赛为学生构建真实的移动互联网和平台建设环境，为选手摸拟真实的工作流程、微网站开发实训平台。

1. 考察参赛选手对微网站的网页设计及创意能力。考查选手运用设计元素，对含有网页链接、图形元素、文字和照片处理的综合能力。尤其突出参赛选手的学习新技术进行原创设计的能力，设计网页颜色、字体、图形以及网站布局时要具有创造性，对用户界面的规划能力。

2. 考察选手微网站开发及管理能力。参赛选手需要通晓微网站基础知识、内容制作和微网站管理，使用微网站开发实训平台中开放源码库和框架创建客户端部分。突出考核参赛选手的用户体验设计和艺术价值，

3. 考察选手对微网站和参赛选手的推广能力及职业道德。作为赛项内容的一部分，参赛选手将为现场专家评委作现场专题介绍，包括对技能体验、微网站推广、赛事成果描述，工作机会。

不仅考察参赛选手的微网站建设与开发能力，参赛选手对版权法和道德问题的认知和重视，同时鼓励参赛选手的自我推广演讲，使赛事更加活跃生动，也是对学生的沟通能力、宣讲能力等职业技能的提升。

（三）促进国赛与世界技能大赛的接轨

当前国家职业技能大赛中还没有针对对“网站建设”开设的专门赛项，有的省市为参加世赛，也开设了此类的赛项。微网站建设与开发赛事不仅可以填补国家技能大赛在这方面赛项的不足，与世界技能大赛中的网站设计赛项接轨，而且引入移动互联网技术，是在传统网站建设上的提升，体现了新技术的应用和行业的复合性，及对复合型技能人才的培养。

（四）通过本项竞赛引导职业学校专业建设

促进课程改革，丰富中职院校的相关专业的实训教学资源，对填补当前中职学校网站建设、平面设计及计算机应用专业在微网站建设、移动信息化应用教学实训平台、实训案例、培训资源方面的空白，有助于增强教育教学能力等方面，具有重要引领示范作用。

六、竞赛内容与简介（须附英文对照简介）

微网站设计与开发赛项基于腾讯微信开放平台技术标准，针对微信公众账号，提供丰富的微网站建设功能。锻炼信息技术类广大职业院校学生针对各行业企业多样性的需求开发微官网、微

宣传、微留言、微调研、微统计等网站，竞赛主要技能点包括公

众账号管理、界面布局设计、导航菜单功能、图片处理、交互功

能的实现、整体微网站设计与开发、微网站的推广和推广方案等，知识融于技能、达到微网站设计和开发的知行统一，融汇贯通。为体现赛项的公平公正、营造信息的创意性，公众账号管理、交

互功能的实现、整体微网站设计与开发和微网站的推广竞赛模块

采用命题制作；界面布局设计、导航菜单功能、图片处理竞赛模

块采用创意制作；推广方案竞赛模块采用文字阐述。

参赛选手在大赛组委会提供的软硬件环境下、根据提供的素

材及制作要求在比赛时间内完成赛题，微网站的成果作品在微信

平台中合理运行。

The competition of Micro site Design and Development

is based on Tencent technical standard of WeChat open platform and it provides wide range of micro site set-up functions according to the micro account opened to the public. It also train and give skills to all professional IT school students to develop micro official website, micro advertisement, micro research and micro statistics to meet various demands from variety of enterprises and companies.

The key elements in the competition include: management of public account, front page design, menu function, picture treatment, realization of exchanging

functions, whole micro site design and development and promotion of micro site.

To make it a fair competition, it encourage unique information idea, management of public account, realization of functional exchange, the design and development of entire micro site must be given clear definition and title, promotion mode must have written explanations.

Competitors should finish the test within required time limit by utilizing the soft and hard wears provided by the competition committee, the elements provided herein and make-up requirement.

Smoothly run the micro site product on the WeChat.

七、竞赛方式

（一）比赛方式为个人赛，不邀请境外代表队参赛；

（二）参赛规模：每个参赛省（市）参赛人数为4人，每名

参赛选手可配1名指导教师，比赛时间为3小时。鼓励各省组织省赛，组织有相应项目省级选拔赛的省份，经大赛执行委员会审查

备案，视赛项特点及承办单位实际承接能力，在条件许可的情况

下相应项目可增加1名参赛选手，不邀请境外代表队参赛；

（三）参赛资格：参赛选手须为中等职业学校全日制在籍学

生，五年制高职一至三年级（含三年级）学生可报名参加中职组比赛；

（四）参赛年龄：中职组参赛选手年龄须不超过21周岁（当年），即参赛当年7月1日前不满22周岁；

（五）参赛说明：凡在往届本赛项全国大赛中获一等奖的学生，不再参加同一项目(同一组别)的全国大赛；

（六）竞赛分预赛和决赛两个阶段。预赛由各省、自治区、直辖市，各计划单列市以及新疆建设兵团等有关部门自行组织，决赛由2015年全国职业院校技能大赛组委会统一组织。

八、竞赛时间安排与流程

比赛限定在4小时内进行，时间为8：00-12：00，具体安排如下：

九、竞赛试题

全国职业院校技能大赛微网站设计与开发赛项竞赛样题

（一）说明与要求

1.运行“D:\ 微网站设计与开发.exe”自解压文件后，所有

比赛题目都会解压到“D:\ 微网站设计与开发”文件夹中。解压密码是：XXXXXXXX。

2.本次微网站设计与开发比赛的赛题共有七个项目，分别存放在“D:\ 微网站设计与开发”文件夹下的7个文件夹内。每个文件夹用项目编号和项目名称标识，各文件夹中提供该项目必备的素材，各文件夹内的素材相互独立，个别素材需参赛者根据制作要求自己制作。

3.七个项目分属七个模块，第一模块是公众账号管理，第二模块是界面布局设计，第三模块是导航菜单功能，第四模块是图片处理，第五模块是交互功能的实现，第六模块是整体微网站设计与开发，第七模块是微网站的推广。

4.参赛者在提交作品时不得以素材文件来替代参赛作品，作品中不得出现“素材”二字，否则该项作品不计成绩。将每个模块中的结果必须放臵在与之对应模块的文件夹中。

5.参赛作品必须存放在“D:\机位号”文件夹中，该文件夹由参赛选手自行建立。若在机位号文件夹内无指定名称的文件，则该项作品不计成绩。

6.以上参赛作品中包含：1）模块作品，2）完成成果，3）推广方案。

7.参赛作品命名规则：作品编号+模块名称。例如：项目2《xxx公司微网站界面设计》，应命名为“作品2《xxx公司微网站界面设计》.jpg”或“作品2《xxx公司微网站界面设

计》.PNG”。

8.比赛前有解压赛题、浏览制作要求和检查计算机软硬件是否正常的时间。

9.比赛结束前5分钟，参赛选手应进行作品的检查和存盘。比赛结束时间一到，不要关闭计算机，留下全部下发物品后立刻离开赛场。

（二）注意事项

1.项目中没有的素材需选手自行制作。自制的素材须存放在“D:\机位号\自制素材”文件夹中，该文件夹由参赛选手自行建立。

2.作品制作过程中要及时存盘，特别是在制作到半成品前必须存盘，以免数据丢失影响比赛成绩，否则后果自负。

(三)比赛项目

模块一公众账号管理（10%）

项目1 在微信中注册账号（10分）

项目要求：

1.公众号开通，首先在微信中注册xxx企业微网站的公众号，对创建的公众号进行开通；

2.账号注销，对xxxxx注册账号进行注销；

3.账号禁用，对xxxx账号进行禁用管理。

模块二界面布局设计（15%）

项目2 xxx公司微网站界面背景（15分）

项目要求：

1.收集素材，根据提供的素材资源按微网站的建设风格收集与之相关的素材；

2.创建文档，在Photoshop中按屏幕大小需求建立文档，打开素材，进行编辑与制作整体微网站的背景部分，如果素材不理想可以自行绘制；

3.绘制图形，在Photoshop中绘制与背景色相对应的形状图形用此配合导入的素材；

4.版式加工，对素材与绘制的图形进行进一步的加工，调整不同图像的位臵，使背景部分看起来更加得体；

5.版权logo，设计一个与微网站主体相符的logo,达到微网站界面独具说服力的目的。

6.背景输出，输出格式为jpg或png,大小为最大手机的屏幕尺寸

模块三导航菜单功能（15%）

项目3 《导航主菜单与二级导航菜单的制作》（15分）

项目要求：

1.创建菜单文档，绘制与背景主题相符的菜单形状（具体形状按微网站整体风格进行绘制），对绘制的形状填充渐变色以此呈现较为立体的风格，使导航看起来更加吸引人；

2.创建翻转效果，切片后调整翻转色调

3.导航文字编辑，将切片分别进行储存（格式为PNG）以

备后用。

模块四图片处理（15%）

项目4 《分别编辑每个图片并将其储存为统一大小》（15分）

项目要求：

1.图片修饰，按照创建的微网站编辑与之对应的图片素材，对选中的素材进行简单地加工例如调色、添加文字等；

2.图片裁剪，在photoshop中将调整完毕的图片都裁剪为统一大小的图片；

3.尺寸调整，将图片分别调整为大、中、小三种规格，目的是为了处于不同网络环境下能够快速载入并预览图片；

4.动态图制作，在photoshop中制作具有动画效果的Gif 格式图片，使图片看起来更加生动吸引浏览者；

5.图片存储，分别储存图片格式为jpg、png或Gif。

模块五交互功能的实现（10%）

项目5 《制作交互效果》（10分）

项目要求：

1.导航交互，利用微网站工具对制作的导航按钮添加可交

互效果；

2.JS交互，利用微网站工具为多个图片实现焦点图效果或自行通过js代码制作与整体更加配套的焦点图交互。

模块六整体微网站设计与开发（15%）

项目6 《上传图像并设臵产品布局》（15分）

项目要求：

1.利用微网站工具对制作的背景图进行上传；

2.利用微网站工具对制作的导航菜单进行上传；

3.结合微网站工具对整体进行布局；

4.在布局的单元格内上传图片；

5.在操作平台上查看最终效果；

6.整体完成后在移动平台微信中查看最终效果。

模块七微网站推广（15%）

项目7 《推广方式》（15分）

项目要求：

1.地面推广，运用微信二维码直接拖动扫描快速推广；

2.网络推广，运用网络平台进行快速推广；

3.开通广告主功能；

4.制作文字广告与图片广告；

5.开通广告主充值功能；

6.通过流量主的公众号进行推广。

模块八推广方案（10%）

项目8 《方案制作》（10分）

项目要求：

将微网站的设计理念撰写为推广文案进行专题介绍。

十、评分标准制定原则、评分方法、评分细则

（一）评分标准制定原则：

1．按照职业岗位要求，全面评价参赛选手职业能力，本着“科学严谨、公平公正公开、可操作性强”的原则制定评分标准。

2．确定评分因素上兼顾公众账号管理、界面布局设计、导航菜单功能、图片处理、交互功能的实现、整体微网站设计与开发和微网站推广等各模块内容；

3．分配因素权重上着力区分重要与非重要因素，区分主客观评分因素；

4.推广方案等相关文档的准确性与规范性；

5．评分细评分细则制定充分科学、合理性。

（二）评分方法：过程性评分

1．评分流程：根据参赛队伍（选手）在分步操作过程中的规范性、合理性以及完成质量等，评分裁判依据评分标准按步给分并加权汇总的评分方法。流程如下：

①参赛队伍（选手）按比赛要求进行操作，评分裁判对照评分表即时判分。每模块评分裁判2人，结果取平均分；

②两名记分员在监督人员的现场监督下，对参赛队伍（选手）的评分结果进行分步汇总并计算平均分，所有步骤成绩的加权汇

总值作为该参赛队伍（选手）的最后得分；

③裁判长当天公布评分结果，并由裁判长、监督人员和仲裁人员签字后确认；

④在竞赛过程中，参赛选手如有不服从裁判判决、扰乱赛场秩序、舞弊等不文明行为的，由裁判长按照规定扣减相应分数，情节严重的取消比赛资格，比赛成绩记0分。

2. 评分的主要要素为作品技术、视觉效果、创意设计和推广理念。

3．每位选手总分为100分，总分最高者获胜。

（三）评分细则：

十一、奖项设臵

（一）参赛选手奖励。

各赛项设参赛选手个人一、二、三等奖。以赛项实际参赛选手（个人赛）总数为基数，一、二、三等奖获奖比例分别为10%、20%、30%（小数点后四舍五入）。

（二）指导教师奖励。

各赛项获得一等奖的参赛选手（个人赛）指导教师获“优秀指导教师奖”。

十二、技术规范

（一）职业技术标准

学生具备网页设计制作员职业标准所需的知识和技能，并能结合微网站特点，满足企业生产实际的建站需求。

（二）微知微网站建设实训平台技术规范

1.符合腾讯微信开放平台技术标准

2.布局设计器：通过自由拖拽完成网站布局设计

3.丰富的模板和插件：提供登录、留言、购物车等丰富的

网站功能插件

4.支持微信无缝对接：自定义菜单、地理定位等微信平台

特有的功能

5.html4/html5、js、css代码运用：平台提供代码片段的

添加

6.在线预览

7.根据手机型号，快速设臵网站适配

8.扫描二维码快速展现到客户端