艺术类高职《HTML+CSS网页设计与制作》课程项目化教学改革与实践

王　旸　董　君　（河北艺术职业学院　050000）



艺术类高职《HTML+CSS网页设计与制作》课程项目化教学改革与实践

王旸董君（河北艺术职业学院050000）

摘要：为了迎接高等教育面临的各种挑战，通过开展教学改革研究实践，提高学生的学习兴趣，电脑艺术设计专业通过课程改革，以期带动教育教学的改革和创新。基于此，本文就《HTML+CSS网页设计与制作》这门网页专业的专业基础课的课程改革进行的详细的介绍。

关键词：网页设计；课程项目化；改革

本文为《网络展示》专业课程改革。项目编号：2015GJJG378

一、学院该项目工作现状及存在的问题

目前我院网页专业的教学采取的是传统的教师授课学生练习，易导致学生在课堂上的学习一旦跟不上教师节奏，课下也无从查漏补缺。此外，还存在着市场经济条件下的产学研合作体制、机制建设不足；部分教师对于教学改革的认识不深刻；学生学习的技能与社会需求不同步；缺乏能够实时评价教学改革成果的评价机制等问题。最终导致就业困难，学非所用的问题。为此，提出基于《HTML+CSS网页设计与制作》课程的课程改革，以项目、工作过程为导向进行课程的开放和实践。

二、国内外相关项目建设现状分析

网页设计是一门新兴的边缘性的学科，在网络产生以后产生，网页设计的成果——网站是企业向用户和网民提供信息的一种方式，也是INTERNET上宣传和反映企业形象和文化的重要窗口，而这一切都是网页设计师的工作范畴。

“网页设计专业”仅有几所高校开设了网页设计的课程，所讲授的内容也是偏重于计算机专业中网页制作的相关技术；而部分艺术院校开设的网页设计课程，则更注重的是设计而缺乏相关的技术支持。我院开设的网页专业，不但注重设计，而且讲授技术，增加了学生的整体竞争力，能够更好的满足社会需求。当前网页设计专业在高职院校中开设越来越普及，有的非计算机或美术相关专业也会把网页课程作为一门选修课来开设，所以竞争压力比较大。

三、项目实施的理念和思路

以学生为中心，基于项目工作过程设计的课程开放理念。让学生感受工作的氛围，熟悉工作的相关流程，以增强学生在就业过程中的竞争力。采取项目式教学，给学生提供一个制作网站真实的环境。

在实际的教学过程中，结合我院建设学院网站的实际需求，将学生分组，在学习小组中针对不同的学生，根据实际情况分配任务，主要包含着与客户沟通、前台美工、后台代码和整合测试四个方面。重视网页制作过程中团队组织合作的集体意识，强化学习过程中教师的示范和引导的作用。

整体着眼于培养学生终身学习的愿望和能力，体现职业教育层次，网站设计与网页制作课程的实用性、专业性和可持续发展性。综合考虑学生发展的需要、社会需求和就业需求三个方面，在完成基础课程的培养后，以项目的形式，分层次完成整体网站的过程“确立项目—制定策划书—制作网站—测试网站—验收—总结经验”。最终通过课程的改革，达到体系的完善，最终达到产学研完整的结合。通过运用项目式教学方法，让学生在有限的时间掌握网页制作的技能。努力创建开发项目的条件，突出工学结合，提高学生技能的熟练程度和灵活运用的能力。

四、实施方案及效果展示

教学内容以承担网站设计制作项目为载体，在教师指导，学生完成的形式下实施教学。整个教学过程完全采取企业运作及管理模式。

为协调工作与学习的关系，继续推行“项目化”综合职业能力穿插交互训练模式。该教学模式以培养学生的综合职业能力为核心目标，按照适应市场的具体项目和“教、学、做”一体化构建课程。根据项目成立一个设计团队，课程根据学生知识技能的盲点穿插安排教学内容，教师根据学生在完成任务的过程中出现的技术问题辅导学生，使学生的综合职业能力在完成项目的过程中得以增强。

本课程面向的是网页设计师岗位，网页设计师的岗位需求是，能够以工作室模式进行设计网页设计工作，业务范围主要为：与客户沟通、PS出图、切图、网页布局、制作静态页面、植入CMS系统以及成本预算站等。

基于上述岗位需求，制定了课程项目内容，如表-1所示：

表1：课程项目内容表

依照课程改革实践完成后，对《HTML+CSS网页设计与制作》课程在课程改革前后的对比，如表-2所示：

表2：教学效果对照表

参考文献：

[1]陆炜妮.探讨多媒体专业《网页设计与制作技术》课程的教学改革[J].科协论坛：下半月，2010（1）.

[2]邱红艳.《网页设计与制作》课程的教学探讨[J].科学咨询，2010（1）.

[3]胡德维.移动学习掀起学习的新革命[N].光明日报，2013-10-05日（第003版）.