项目教学法在网页教学中的实践研究

河北政法职业学院 朱红娟 白 洁

石家庄军械工程学院 苏立军



项目教学法在网页教学中的实践研究

河北政法职业学院 朱红娟 白 洁

石家庄军械工程学院 苏立军

针对网页教学中案例教学的缺点，笔者结合高职网页课程特点，发挥项目教学的优势，把真实项目引入网页实践教学。项目教学模式能有效调动学生的学习积极性，有利于培养学生自主学习、合作学习等能力，优化《网页设计与制作》课程教学。

项目教学 教学模式 网页设计与制作 职业教育

《网页设计与制作》是高职院校计算机专业学生的必修课，主要培养学生制作静态网页的能力，具有较强的实践性。以往的《网页设计与制作》课程大都在机房授课，教师使用多媒体，采用案例教学法，教师边演示，学生边操作。它改变了传统的“灌输式”教学，在“教中做，做中学”，能激发学生的学习兴趣，培养学生的自主能力。实际教学中，案例教学法仅将网页制作技术与案例分析结合，学生处于被动状态，学生关注的重点是某一个案例的制作过程，忽略对网站项目的制作及设计。学生难以将各个孤立的实践案例建立联系，难以形成融会贯通解决问题的能力。笔者通过阅读大量的国内外文献，了解到在实践性较强的课程教学中除案例教学法外，还可以使用任务驱动、项目教学、小组合作协作等方法。其中，项目驱动型教学在高职网页设计与制作中的应用能显著改善教学现状。教师将系部网站项目融入网页教学，能推动课程教学改革的有序实施。

一、项目教学法简介

项目教学法萌芽于欧洲的劳动教育思想，雏形是十八世纪欧洲的工读教育和十九世纪美国的合作教育，经过发展到二十世纪中后期逐渐完善，成为重要的理论思潮。项目教学法也叫项目教学或基于项目的学习，指师生通过共同实施一个完整的项目工作而进行的教学活动，目的是教学中把课程理论与实践教学有机结合，充分发掘学生的创造潜能，提高学生解决实际问题的综合能力。项目教学法是在建构主义理论的指导下，以实际工程项目为对象，由教师对项目进行分解，根据需要做示范，然后学生分组围绕工程项目进行讨论、协作学习，教师以共同完成项目的情况评价学生是否达到教学目标的一种教学方法。项目教学活动实施过程中，教师将需要解决的问题以项目形式呈现出来，每个项目任务有一个清晰、明确的任务说明，这样即使没有项目学习经验的学生在项目学习过程中也不会迷失方向。项目教学一般以小组协同工作的方式进行，教师是学生学习的帮助者、促进者，给予学生有限的指导。项目实践过程中，学生理解和运用课程知识和技能，体验同学间协同工作的乐趣，在实践中培养发现问题、分析问题、解决问题的能力。

二、项目教学模式设计

“网页制作”课程教学中，笔者尝试应用项目教学理论，以系部网站为总项目，将真实项目贯穿教学过程。通过与用户沟通，分析用户需求后，笔者统一规划网站的布局、风格，得出网站初步设计：该网站包括一级网页一张，即网站主页；该网页主要有系部动态、通知公告、系部简介、特色服务、专业介绍、友情链接等栏目；二级网页8张，有系部动态列表页面、通知公告列表页面、法律服务列表页面、法律援助列表页面、专业介绍页面、师资队伍列表页面、招生就业政策页面、毕业生风采列表页面；三级页面若干，主要包括系部动态详情页面、通知公告详情页面、教师介绍页面和毕业生介绍页面等。根据项目教学理论，结合网站内容和网页课程标准，笔者首先将课程教学内容分成三个模块，基础知识模块、项目实战模块和综合网站制作模块，每个模块包括相应的教学项目，每个教学项目分别对应不同教学知识点和技能点（如下表所示）。学生通过基础知识模块初步了解和掌握网页设计的基本理论和操作技能，再通过项目实战模块中的系部网站项目制作，深入了解和掌握网页设计技术，最后学生自行规划、设计、制作网站，强化所学技能。基础教学模块中，笔者对一些零散知识的讲授，采用讲授法、案例教学法和演示法。学生学完每个知识点后，使用练习法进行模仿。项目实战阶段，学生运用小组合作方式学习。

知识模块项目名称　知识点　技能点基础知识模块优秀的网页作品欣赏①网页构成元素②网页设计原则、风格和潮流③网站建设流程④网站开发工具①认识网页与网站基础知识②了解网页设计行业前景与发展方向③熟悉网站建设流程和开发工具网页小案例①HTML和XHTML的基本概念②HTML的语法③各种常见标签含义能使用记事本完成简单的页面效果系部网站主页布局设计①Dreamweaver工作环境②Div创建方法③CSS入门能使用Dreamweaver和CSS制作简单页面招生就业政策页面设计文本插入与相关属性 能熟练使用CSS控制普通文字字体类型、字体大小、颜色、行距等主页友情链接栏目设计创建超链接　能使用CSS控制超链接文字外观主页图片轮换效果设计插入多媒体元素　能在网页中插入多媒体元素系部介绍页面设计 ①插入图像②图文混排项目实战模块①能熟练使用CSS控制图像的尺寸、样式等②能使用CSS实现图文混排系部主页导航栏设计纵向导航　掌握浮动、列表的使用方法系部动态列表网页设计通知公告列表网页设计横向导航　能使用浮动属性创建横向导航二级页面模板设计 模板的制作与使用　能熟练创建网站模板，使用模板创建网页专业介绍页面设计 表格的创建与编辑　能使用CSS美化表格外观师资队伍列表页面设计毕业生风采列表页面图文信息列表　能使用CSS实现图文信息列表测试与发布网站测试网站上传　能独立完成网站测试、上传等具体操作系部网站综合网站制作模块学生自行设计网站 知识综合　能独立完成整个站点的规划与制作

三、项目教学实施

项目任务是开展项目教学的关键环节，决定项目教学法实施的成败。教师要综合运用各种教学方法保证教学有序实施。

1.演示法：基础知识模块和项目实战模块的项目教学先由教师提出问题，学生思考问题。教师通过案例讲解与演示将知识点传授给学生，学生通过项目练习掌握相应的知识点和技能点。综合网站制作模块，教师要对学生给予一定的指导和帮助，使其独立解决问题。必要时，教师可以做示范，保证项目实施的进度，确保项目各个环节圆满完成。

2.分组协作：项目教学法以项目为主线，以教师为引导，以学生为中心，营造学生主动参与“自主协作”。课程教学组织上，学生以小组为单位学习。分组时，教师要充分考虑小组成员各方面能力的互补。教学过程中，教师根据不同的教学项目设置不同的学习情境，提出学习任务。项目练习中，教师从中引导，学生小组合作完成学习任务。

3.阶梯式教学：教师采用阶段式教学法，由浅入深地带领学生学习，逐步培养和提高学生的实际操作能力。第一阶段，课堂练习：通过案例演示，学生对理论知识建立初步认识，加深对理论知识的理解。第二阶段，单元练习：每个单元结束时，教师针对单元知识安排实战项目，适时给予指导和意见。学生在实践中夯实理论基础，实现创新。第三阶段，课程综合网站设计。学生分析教师提出的要求，完成网站的规划、页面设计、运行发布等一系列开发工作。通过实战，学生巩固基础知识的同时，构建完整的知识体系，体验职业岗位项目开发的全过程。针对传统网页课程教学中的不足，教师将真实项目运用到网页教学，可以使理论学习与实际操作有机结合，充分调动学生的学习兴趣和积极性，培养学生的动手能力、团队合作意识，使学生变被动学习为主动学习，提高学习效率。

［1］彭兴群.“教学做一体化”在中职“Dreamweaver网页制作”课程教学中的应用［D］.湖南师范大学，2013

［2］蔡燕敏.网页设计与制作课程中的项目式实验教学［J］.实验科学与技术，2015

ISSN2095-6711/Z01-2016-09-0008