基于企业真实项目的网页设计与制作实训课程的改革与实践*

杨蓉

（湖南商务职业技术学院，湖南 长沙 410205）

1 引言

当前，国家推动创新驱动发展，实施了“一带一路”倡议以及“中国制造2025”“互联网+”等重大战略，以新技术、新业态、新模式、新产业为代表的新经济蓬勃发展，这对职业院校培养技术型人才提出了更高要求，迫切需要加快高职课程改革和创新[1]。网页设计与制作是技术与艺术相结合的一门实践性课程，该课程具有较强的职业性、实践性与较广的开放性[2]，而网页设计与制作实训项目的教学对于提升整个课程的教学质量起到至关重要的作用。

2 网页设计与制作实训课程教学现状

⑴ 传统的网页设计与制作实训是制作某设定的主题网站，在这种虚拟的学习情境中，学生的积极性无法调动，总是处于一种被动学习的状态，获得实训成绩变成了大部分学生完成实训的目的。

⑵ 传统的网页设计与制作实训没有对接网页设计岗位的工作流程，实训具体任务主要是围绕网页设计的知识技能点进行开展，通过实训学生虽然在知识与技能方面得到了提升，但对于将来从事网页设计岗位工作不了解，信心不足。

⑶ 传统的网页设计与制作实训考核是以学生最终的网站作品进行评分，缺乏对实训过程的考核，评价主体也单一，实训成绩不能很好体现学生个体的差异，这导致部分学生依靠小组其他成员的努力，实训课程蒙混过关。

3 网页设计与制作实训课程的改革

教学实训作为专业人才培养的关键环节，对提升人才培养的质量起到非常重要的作用。下面以湖南商务职业技术学院电子商务专业的网页设计与制作实训为例，从教学目标、实训任务与实施建议、考核评价三个方面阐述网页设计与制作实训的改革。

3.1 教学目标

网页设计与制作是一门实践性非常强的课程，通过实践课程有利于学生巩固对网页设计的理论知识，提高动手能力和知识综合运用能力，进而达到网页设计师岗位能力目标，教学目标见表1。

表1 教学目标

3.2 实训任务与实施建议

实训项目需引入真实的企业项目，教师按照网页设计师岗位工作流程将实训分解成如下5个具体的实训任务。

⑴ 网站需求分析

网站需求分析首先要进行项目方需求分析和同类型网站的调研分析。项目方需求分析主要通过分析企业提供的项目任务书以及相关素材，梳理企业方的需求；同类型网站的调研分析主要对该网站的页面版式设计、导航栏设计、网站配色、内容组织以及对该网站的优缺点的分析。通过这两个方面的调研分析，规划实训主题网站的网站定位、网站功能、受众人群、网站配色、网站各页面的结构框架以及小组成员的分工。

网站需求分析，是网站建设流程中非常重要的环节，前期的分析直接影响后面的页面设计，因此教师在实训开始前可以通过案例分析，让学生明白需求分析的重要性。在此阶段小组成员需要共同讨论、分析、总结归纳，教师应巡回指导并及时给予意见，帮助学生打好基础。

此任务可利用思维导图软件梳理需求，形成需求分析文档。

⑵ 网页布局构建

网页布局构建是根据需求分析的结果进行各个页面的版式设计。如网站首页包含一些基本的元素，网站logo、导航条、Banner、正文、页脚，正文又包含了很多图像、文字等，这些元素的大小、位置都需要进行规划。

此任务可以利用Photoshop完成页面版式设计。

⑶ 网页效果图绘制

网页效果图设计是网站项目开发中非常重要的一环。通过效果图，可以把想展示的内容以图像的方式表现出来，因此效果图设计阶段是网站开发中最繁杂、最漫长的阶段，往往要占据项目开发时间的三分之一甚至三分之二。此阶段任务设计网页风格打造、配色、网页内容写作与组织等，小组成员要充分发挥各自所长协作完成。教师需要不断鼓励学生，培养精益求精的工匠精神。

此任务可以利用Photoshop完成页面效果图设计，创建各种素材文件夹整理各页面所需的素材。

⑷ 网站实现

网站实现包括网页框架搭建、网页内容编辑、网页美化三个子任务。网页框架搭建是根据网页布局图，利用Div和CSS搭建网页框架；网页内容编辑是根据网页效果图的效果将页面中的图片、文字等内容放进相应的框架中；网页美化是根据网页效果图、利用CSS样式对网页中的各个Html元素进行创意美化。此阶段主要培养学生综合运用所学知识分析，处理网页制作过程中的实际问题。教师在实训过程中巡回指导，记录问题，并及时给予指导。

此任务可以利用Dreamweaver完成页面的框架搭建、内容编辑与美化。

⑸ 作品展示与总结

学生分组分别进行作品展示，展示完后根据其他小组和教师的建议再对网站作品进行优化，进一步提升网页设计能力。此阶段教师要多引导学生大胆自信地表达、小组之间相互学习，促进良好的学习氛围。

3.3 考核评价

实训考核采用基于过程与结果的考核方式，考核指标和考核主体多元化，每个考核指标都是由组长评分、组内评分、组间评分和教师评分组成，同时邀请企业方也参与进来，具体如图1。

图1 多元化考核方式

4 网页设计与制作实训课程教学改革的实践效果

实训受校企合作企业湖南创领电子商务公共服务有限公司委托，在2020级电子商务专业4个班级进行教学实践，制作以“家乡的味道”为主题的营销类网站。实训前，教师将企业需求任务书以及相关的素材下发给学生，引导学生查看，并组织学生讨论各自家乡的美食以及风土人情，充分激发学生的积极性。组织学生进行分组，推选小组长。将每个实训任务的具体要求、实训的考核方式等上传到学习通。

从学生实训的最终的考核情况来看，4个班级的优良率达到了72%，相对2019级提升了12%（图2）。

图2 2019级和2020级实训成绩对照图

在实训总结中，学生普遍反映：⑴ 了解的网站建设与制作整个流程，对将来从事这方面的工作有了更多的自信；⑵ 很多同学表示这种真实项目的实训更有挑战性，更能激发他们对网页设计的学习兴趣；⑶ 通过实训，让他们对自己家乡有了更进一步的了解，越发热爱自己的家乡，并立志为家乡的发展贡献自己的力量；⑷ 充分感受了团队的重要性；⑸ 深刻体会到要做出优秀的网站，需要具有很好的专业技能，还应该具备工匠精神和创新精神。

实训结束后，学生参加了网页设计与制作课程的期末考试，从课程期末考试的成绩来看，4个班级的80分以上的学生达到了71%，相对2019级提升了10%，说明课程的教学效果得到提升。

5 结语

目前湖南商务职业技术学院电子商务专业的网页设计与制作实训课程的改革主要是从教学内容方面进行改革与实践，且初见成效，下一步将会从教学方法、教师这些方面进行改革，不断探索与实践，不断提升课程教学效果，从而提高人才培养的质量。

图3 2019级和2020级课程考试成绩对照分析图