项目贯穿式教学在网站建设与管理课程中的应用

王 伟，陶 英，周建阳

(浙江医学高等专科学校，浙江 杭州 310053)

·教学研究与管理·

项目贯穿式教学在网站建设与管理课程中的应用

王 伟，陶 英，周建阳

(浙江医学高等专科学校，浙江 杭州 310053)

网站建设与管理是一门专业性和实践性很强的课程。针对传统教学方法的不足，提出了以系统完整的网站项目为案例贯穿整个课程教学的项目贯穿式教学方法。本文介绍了其教学的组织方式、考核及实施后的效果。初步实践表明，项目贯穿式教学为学生提供了主动性学习的环境，对培养学生系统化思维，提高课程教学质量具有积极的促进作用。

大案例；大项目；教学方法；教学改革

Abstract：Web Construction and Management is a high professional and practicalcourse. This paper analyses the deficiency of traditional teaching and proposes an innovative teaching method: End-to-end projectbased teaching method, by introducing the practical process of teaching and learning in the course, including the way of teaching, examination and the result of the practice. This new teaching method provides the students witha self-motivated learning environment, also have a positive role in promoting the development for the systematic thinking mode of the students and improvementforthe quality of teaching.

Keywords：case teaching; project teaching; teaching method; educational reform

网站建设与管理是我校卫生信息管理专业的一门专业核心课程，涵盖了站点规划设计、网站建立、网页布局、超链接技术、CSS样式应用、动态网页创建、网站测试发布、网站管理维护等方面的内容，旨在使学生掌握网站建设的基本概念、基本流程及方法。该课程的典型特点是实践性、综合性强且课程内容更新快。教学过程中如何强化实践，培养学生综合运用知识的能力以及自学和分析解决问题的能力，显得尤为重要的。

1 传统教学方法的不足

以往的网站建设课程教学，大多采用理论课与实验课交替进行的授课方式。理论教学通常以小案例教学为主[1]，教师讲解专业知识点和软件技术操作示范。实验教学通常采用任务驱动[2]，学生凭着记忆或是课堂笔记进行模仿操作来掌握知识点。

在教学实践中，这种教学方法的不足之处越来越明显：(1)学生被动学习，积极性不高。无论是理论课还是实验课，都是教师主导，学生被动学习，学生的学习积极性不高；(2)死板模仿，实际动手能力差。教师示范操作时，学生觉得简单，不愿认真思考，等到自己操作时，要么根据操作步骤按部就班，要么对于没给操作步骤的任务觉得太难而手足无措；(3)缺乏系统化的思维训练，解决实际问题能力不足。在整个教学过程中，学生看到的是一个个零散的知识点，对于网站建设的整体流程并不熟悉，忽略了知识的系统性和完整性。

2 项目贯穿式教学法的提出

案例教学把实际教学过程中真实的情景加以典型化处理，形成案例，通过讲授和讨论的方式，来提高学生分析问题和解决问题的能力。任务驱动教学法注重掌握知识、获得操作能力的培养，重视动手能力；任务驱动教学法在网页制作等课程中有较为成功的应用[3-4]；项目驱动教学法通过引导学习者融入有意义的项目完成的过程之中，让学习者积极地进行探究与发现，项目完成的过程也是学习者学习活动进行的过程[5]。但是，单纯的项目驱动教学法通常由于学生不能深刻理解课程知识，项目完成并不理想。因此，也有人探索各种教学方法的结合，以期发挥其各自所长[6-7]。

针对网站建设与管理这门课程的特点，在近几年的教学实践中，我们改变传统课程教学模式，尝试将案例教学、任务驱动和项目驱动结合，提出了项目贯穿式教学：即以一个系统完整的网站项目作为案例贯穿一门课程的理论教学。同时，同步布置真实项目，要求学生分组合作自主完成一个网站项目，最后通过综合实训的网站项目，再次深化巩固知识。整个课程教学由3个完整的网站项目构成。

3 实施过程

3.1 项目设计

课程共有3个项目，如表1所示。

表1 课程项目一览表

项目的设计遵循了以下原则：(1)项目的主题内容必须适合学生专业知识或常识水平，方便学生理解，兼备实用性；例如案例项目采用班级网站学生感觉就非常亲切；(2)项目所需要的知识技能可以覆盖教学大纲，同时是学生感兴趣的内容，能够充分调动学生积极性。例如，我们将自主项目主题和省大学生多媒体作品竞赛接轨，优秀项目可以参赛，参赛作品的获奖就是对学生最大的激励；(3)项目能适当地结合多门课程的知识点。以实训项目论坛网站为例，其中后台需要采用数据库，即结合了数据库应用课程的相关知识。

课程项目的实施力求从简单到复杂，从感性到理性，从教师指导为主到以学生为主体，最终完成知识和能力的内化。其中案例项目和自主项目同步进行，贯穿课程始终，实训项目为期末综合实训内容。

3.2 案例项目—班级网站的实施

教学中以完整的班级网站项目为案例载体，根据项目流程划分模块，整个学期始终围绕班级网站的建设，按照项目流程，即网站整体规划、静态网站制作技术、动态网站制作技术、网站测试发布、网站管理维护展开。

具体实施方法：(1)项目介绍及分解。任课教师给出案例网站，介绍班级网站的主题、功能、栏目、结构、设计思路等。之后，随着教学进度的推进，这个大案例被逐步解剖为一个个子案例，每个子案例都是一个网站建设中的知识点；(2)教、学、做同步。教师在课堂上给学生详细分析项目、示范具体任务的实施过程，学生跟着教师边学边做。学生通过大案例逐步理解各个知识点及其相互之间的联系，又通过一个小案例的实践，逐渐把握网站建设的流程和思路；(3)分析讨论。在边学边做的过程中，课堂上教师也组织学生讨论项目其他的实现方法，鼓励学生做一些尝试。例如，在实现班级简介的页面时，要讲授CSS布局的应用，教师在给出示范方法后，鼓励学生探讨其他的布局方案，有学生即按照新的布局方案实现了网页；(4)归纳总结。每个子案例项目完成后，教师要对项目覆盖的主要知识点进行梳理、巩固。全部项目完成后，学生将自己的网站作品上传到课程网站，教师给出评分。

3.3 自主项目—主题网站的实施

如果只有案例项目，学生获得的只是简单的模仿操作的技能。为了让学生真正实现知识的内化，与大案例项目同步，我们布置了自主项目实践。学生借鉴案例项目的经验，将其应用于自主项目实践，以提高应用知识的能力。

自主项目的具体实施方法是：教师给出项目主题和知识点要求，在教师的指导下，学生自由组队，由学生自主设计、实现网站。以2014学年为例，网站主题为“医学微课学习平台”，要求学生针对自己感兴趣的科目，3人一组，团队合作，建立一个微课学习网站。

具体步骤是：在学期初，教师给出项目主题及要求，提供一些网页素材的参考网址。学生在互联网上查找收集网站所需资料，选定网站规划方案，制定网站设计制作计划，教师对学生的方案提出修改建议。然后，学生根据课程进度，进行网页制作，边学边做边改，教师协助学生解决网页制作中的问题。整个学期，教师要监督学生对网站建设进度进行控制，对学生各阶段提交的初步作品给出修改意见。临近期末，项目完成，学生上传网站作品，进行组间互评和教师点评总结，在此基础上给出项目成绩。

3.4 综合实训项目—医患交流论坛网站的实施

医患交流论坛网站是期末的一个综合实训项目，是整个专业实训的一部分。项目学生独立完成，但由于时间所限，网站规模较小。值得一提的是，网站虽小，却要求学生综合运用多门课程的知识，如后台数据库的建立、网络的配置等。建立一个实用的医患交流网，既是对网站建设知识的巩固，也是对将来职业岗位的思考。

3.5 考核方式的改革

与项目贯穿教学相匹配，我们改革了以往以一次期末考试定成绩的考核方法，将过程性评价与终结性评价相结合。改革后，课程总成绩=20%实验成绩(案例项目实践)+10%期中考试成绩+30%自主项目成绩+40%期末笔试成绩。期末笔试重点考察网站建设理论知识的掌握情况。期中考试形式为机考，要求学生在规定时间完成网页制作的一些任务。实验考核和项目考核除了考察最终完成的网站作品，还要紧密结合平时阶段性任务完成的情况作为考核依据。将项目成绩计入课程总成绩后，学生积极性明显增加，作品质量明显提高。自主项目作品的评价指标如表2所示。

表2 自主项目评价指标

4 教学实施效果

4.1 学生对知识的掌握更牢固，成绩有所提高

从2011级开始，我们尝试采用项目贯穿式教学法应用于卫生信息管理专业的网站建设与管理的课程教学中。从这几年的教学效果来看，学生对知识点的掌握更为牢固，理论考试成绩大幅度提高，实验成绩也有所提高。除了客观题错误率降低外，最后一道主观题让阅卷老师感触颇深。主观题要求学生按指定主题设计网站并给出主要的建站思路、流程、技术路线等。在教学改革后，大部分学生该题的回答都能做到思路清晰言之有物。对同一任课老师所带教改前(对照组，2010级)、后(实验组，2011和2012级)的教学班期末笔试成绩对比见表3。统计分析说明2个班级的成绩存在差异，采用项目贯穿式教学法后成绩有明显提高(t=-2.202，P=0.030)。

表3 2组期末考试成绩比较

4.2 学生的专业技能进步较大

学生普遍反映，相比小案例，对大案例项目更有学习兴趣，更容易理解网站的整体架构思路；相比任务驱动的实验教学，在大项目实践中学到的知识和技能也更多。从学生提交的作品情况看，多数作品主题鲜明，构思新颖，结构清晰，内容充实。有些学生甚至使用了教师课堂上未讲过的技术。尽管非计算机专业，但我校卫生信息管理专业学生的作品连续2年在浙江省大学生多媒体作品设计竞赛中荣获三等奖。

4.3 学生的综合素质得到了提高

为了把网站项目做好，学生除了在课上用心学，课后需要花更多精力收集素材、扩充知识，这样学习能力得到了大幅度提升。通过团队合作,学生的沟通协调能力也得到了增强。学生自己说，项目实践中通过团队合作、查阅资料、求助老师、互相交流等办法解决问题，这个过程让自己受益匪浅。在完成项目的学习过程中，学生的综合能力有了全面提高。

5 教学反思

项目贯穿式教学结合了案例教学、任务驱动和项目驱动的优点，给学生提供了一个制作网站的相对真实的环境，让学生通过对“确定项目—规划设计—制作网站—发布评价—总结经验”流程的训练，熟悉实际工作流程，并能有所成果，培养了学生分析和解决问题的能力，提高了课程的教学质量，体现学生为中心，实现知识本位向能力本位的转换。

课堂教学将契合实际的案例项目，贯穿整个网站建设课程教学的始终，把枯燥的知识凝结在生动真实的实例中，更容易激发学生的学习积极性，对网站建设的整个流程理解更深刻。同时同步将项目实践用于整个学期的教学，又可以实现知识的触类旁通，有利于提高学生综合运用知识的能力，培养学生的系统化思维和职业能力。学生借鉴案例中获得的经验，将其迁移到自己的项目中，这个过程使学生充满了成就感，并对课堂教学一直保持浓厚的兴趣。

我们也发现，教学中还存在一些需要探索和完善之处，主要有以下两方面：一是自主项目的进度可控性还有待提高。尽管在学期初就布置了任务，并尽可能将自主项目和案例项目进度保持一致，但部分学生比较散漫，项目进展拖拉，有必要在项目实践中想办法进一步加强进度控制；二是网站项目开发过程需要多门课程知识技能，如数据库技术、网络技术、图片处理、Flash制作等。如果能打破课程界限布置项目任务，多名教师合作指导学生完成项目，统一进行考核，则既符合工作应用的实际情况，又有利于提高学生综合运用知识的能力。

通过网站建设与管理课程的教学实践探索，我们认为，项目贯穿式的教学法，在实践性较强的应用类课程中会有较好的效果。其关键在于项目设计要合理，项目目的要明确，要求要可行，项目流程要可控。同时，要兼顾与其他的教学方法有机融合，才能真正发挥作用。

[1]王青梅，赵革.国内外案例教学法研究综述[J].宁波大学学报(教育科学版)，2009，31(3)： 7-11.

[2]徐肇杰.任务驱动教学法与项目教学法之比较[J].教育与职业，2008，11：35-37.

[3]牟琴,谭良，周雄峻.基于计算思维的任务驱动式教学模式的研究[J].现代教育技术，2011，6：44-49.

[4]温超.基于任务驱动的大学《网页设计》课程“层次推进式”教学模式的探索[J].中国医学教育技术，2010,24(6)：594-597.

[5]欧阳炜昊，吴振峰，罗卓君.基于工作过程导向的“网页设计与制作”课程教学改革研究[J].计算机教育，2010，4：50-52.

[6]冯林，郑薇薇.“任务驱动”与“项目驱动”相结合的创新教育研究[J].黑龙江教育(高教研究与评估) ，2010，4：57-59.

[7]郭锂，叶惠文.基于“双层项目驱动教学模式”的计算机基础课程立体教材开发与应用——以《网页设计与制作》为例[J].中国大学教学，2012，2：83-85.

Usingend-to-endprojectbasedteachingmethodinwebsiteconstructionandmanagement

WANGWei,TAOYing,ZHOUJianyang

(Zhejiang Medical College, Hangzhou 310053, China)

王 伟(1981-)，女，内蒙古自治区乌兰察布市人，硕士研究生，讲师。研究方向：计算机网络应用及计算机应用教学

G642.0

B

1672-0024(2015)06-0010-04