项目驱动式教学法在“网页设计与制作”中的研究与应用

刘冰

[摘要]文章研究分析了目前“网页设计与制作”课程中存在的问题之后，将“项目驱动式”教学法引入该课程中，即把建设一个网站作为项目并展开贯穿于整个教学，使学生在项目研发的过程中逐步掌握所学知识，激发学生兴趣，培养学生独立思考的能力与主动学习的动力。文章从“项目设计”与“项目实施”两个角度探讨项目驱动式教学法在课程中的应用，并分析了项目设计与实施中的关键性问题。

[关键词]项目驱动式；项目设计；项目实施；网页设计与制作

据中国互联网络信息中心发布的第37次《中国互联网络发展状况统计报告》显示，截至2015年12月底，中国网民数达6.88亿，互联网普及率达到50.3%，半数中国人已接入互联网，互联网对于整体社会的影响已进入到新的阶段，浏览网页已经成为网民生活中重要的一部分。[1] 由此“网页设计与制作”课程也成为很多专业的必修课程，如何提高该课程的教学效果，让学生更好地掌握技能，提高教学质量，这是摆在教师面前的一个重要课题。

1“网页设计与制作”课程特点

“网页设计与制作”不仅是一门理论与实践关联性很强的课程，而且所包含的实践性、技能性、创新性也相当强。它要求学生不但要扎实地掌握好理论知识、熟练地掌握实践技能，而且要有学习的主动性和创新性。“网页设计与制作”也是一门对综合能力要求较高的学科，它不仅对学生的动手能力有较高要求，同时它对学生的策划、设计、制作能力都有要求。综上，“网页设计与制作”需要激发学生学习的兴趣，发挥主动学习的精神，才能学好这门课程。

2“网页设计与制作”教学存在的问题

2.1练习与现实应用脱节

多数《网页设计与制作》教科书，其讲授的知识点及课后练习比较基础，与实践相割裂，学生学习并动手实践之后只能掌握零散的知识点，却不知道这个知识点在具体的网页设计中，可以怎么用、用在哪里。由此，会出现大部分学生在独立制作网页时茫然、不知从哪里下手的情况。

2.2过于关注工具软件的使用

还有部分教科书将焦点集中于如何使用网页工具软件，这样做存在两个弊端：一是学生对基础代码掌握不够扎实；二是使学生缺乏大局规划的能力。基础代码不熟悉，在出现错误时，学生们往往不知所措，且在后续学习中不能很好地与一些高级程序设计语言对接，难以实现动态网站的制作。有些网页设计教学往往将80%的教学时间都放在工具软件的使用方法上，结果是虽然学生学会操作设计工具，而且用得很熟练，但是就是不能独立地进行网站规划和页面设计。即使是完成的作品也达不到应有的功能效果和视觉效果。课程内容上重“技术”轻“设计”，这样导致学生不会从全局的角度开发设计，创新意识得不到培养。[2]

2.3学生缺乏主动学习的精神

一部分学生学习只是为应付教师的作业，应付期末考试，所以一学期过去，只掌握了基础的皮毛知识，而缺乏实践的技能。在学习的过程中，没有成就感，缺乏主动探索的动力。纵观国内外，高校越来越重视教学、强调教学质量，而质量体现在教、学两方面。缺乏学生的主动学习，该门课程的教学效果注定会打折。

3项目驱动式教学模式在“网页设计与制作”课程中的构建

3.1项目驱动式教学模式概述

“项目驱动”教学就是按照软件工程思想把某一网站建设项目展开并贯穿于整个教学，使学生在项目研发的过程中逐步掌握所学知识，明白使用所学知识“可以做什么”和“如何做什么”。与传统的教学方法相比，“项目驱动”教学法能更好地开发学生潜质、激发学习兴趣，培养学生自主学习的能力和创新、探索的精神。[3]

3.2项目驱动式教学法在“网页设计与制作”中的应用

本研究旨在将“网页设计与制作”这门课程与项目驱动结合起来，让学生带着自己的项目进入课堂，变被动学习为主动学习。“项目驱动法”的关键在项目设计与项目实施两个环节，所以，本研究重点集中于项目设计与项目实施。

（1）项目设计。“网页设计与制作”课程的“项目驱动”教学模式，是先将整个课程设计成一个大项目，再将大项目分为若干个阶段性的小项目。而本门课程的初级目标即是要求每名同学能独立建设网站，所以，大项目定为建设一个电子商务网站，网站类型与网站主题自拟；再将实现电子商务网站这个大项目细化为：简单基础网页的网站、添加了表格布局网页的网站、添加了框架布局网页的网站、添加了CSS+DIV布局网页的网站等若干小项目，每一阶段实验项目的确立都根据学生现有知识状况、教学内容的统筹安排而定。

（2）项目实施。本研究的项目实施可以分解为四个环节：确立目标、探索实践、作品分享、项目评分。

第一，确立目标。首先，由学生根据自身需求与兴趣，自行确定总体目标，设计并建立某一类型的电子商务网站；其次，引导学生按照软件工程的思想进行项目分析与项目设计，完成提出问题和分析问题的过程，即指导学生确定自己网站的主题。在这一阶段，学生初步确立自己网站即将实现的功能、内容、设计风格等，为后续的网站建设画好蓝图、打下基础。这样，后期学生可以根据项目需求来学习所需要的知识点，由被动地接受知识转变为主动地寻求知识。

第二，探索实践。从提出问题到分析问题，接下来就是解决问题，完成任务。首先，在组织课堂教学中，教师先将网页设计与制作各个阶段的基础知识点传授给学生，继而帮助学生对问题进行细化和深化，为学生提供解决问题的方案，指引完成项目的具体途径。其次，采用以学生为主体的实践学习，学生独立思索课堂上所学到的知识点可以怎样用、用在哪里，并逐步实现自己的项目，解决自己的问题。其间，教师所承担的角色转变为解惑者。学生也可以不依赖教师，依据自己的项目目标，独立寻找相关资料，自主学习；也可与同学分析讨论，寻找解决问题的最佳答案。

第三，作品分享。学生完成项目后，要进行作品展示及成果汇报，每名同学要分别将自己的网站作品在班级进行公开展示，并汇报项目的完成情况、及完成任务的过程中所遇到的问题和困难、所谋求的解决方法、项目完成后的心得体会等。在这一过程中，学生们不仅可以互相学习、共同进步，而且可以充分体验到自己作品展示时所获得的喜悦感。

第四，项目评分。接下来进行项目作品的分析点评，评价由两部分组成，一是教师根据学生的学习态度和成果进行评价；二是学生之间的互评，这样不仅让学生更有成就感，而且学生之间可以相互学习、取长补短。评分也将从多角度进行，不仅要检验学生网站的美观性、可靠性、操作性等，还要考察学生的创新性。这也意味着，在项目完成的过程中，不仅要求学生能掌握网页设计与制作的知识、独立开发静态网站的技能，同时要具备主动学习与自主学习的能力。

通过这样一种“学习—实践—分享—评分”的过程，学生不仅可以更快、更深入地理解和掌握课程的内容，在面对自己的网站成果时更有自信和成就感，而且自己独立解决实际问题的能力也将就此得到培养，才能真正达到应用型本科人才的培养目标。

3.3项目设计与实施中的关键问题

（1）准确设计项目。项目设计是蓝图，也是地基，是项目成败的关键。所以，项目驱动方法的第一步就是要引导学生较好地设计自己的项目。首先，要求学生先确定自己感兴趣的行业、领域或者商品品类；其次，要求学生大量地浏览此类网站，并总结每个网站的优缺点、成功与不足之处；最后，根据之前浏览网站总结的经验，从功能、内容、架构、设计风格等多个方面来设计自己的网站。

（2）教师角色转变。本研究是在“网页设计与制作”教学过程中，以一个项目案例贯穿整个理论教学过程，每个知识点讲授完，学生即带着自己项目中的问题去理解、思考教师所讲授的内容。学生的每次作业主要体现为项目的阶段性的设计与实现成果。在这个过程中，教师的角色也要进行转变，教师的职责不仅是传授，还要有引导、答疑和监控。

第一，引导者和答疑者。教师在讲授完基础知识点后，主要角色即转变为引导者和答疑者。在学生有想法却没方向时要为其指导可选择使用的知识，然后引导学生自己去学习和摸索实践，找寻问题的答案；在学生面对问题迟迟不能解决时，要参与讨论，指出问题所在，纠正所犯的错误。

第二，监控者。项目历时时间较长，至少为一个学期，中途部分学生可能会出现倦怠的心理，主动探索的创造精神会慢慢减退，所以，在实施项目的过程中，教师要给予引导和监督，保证同学的参与热情，并杜绝偷懒现象。

（3）授课地点、学习形式的改变。将授课的地点从教室转换到机房。在机房上课时学生理论学习与实际操作相隔时间短，学生能够及时的实践，知识点得到巩固，便不容易遗忘。在机房授课，方式更加直观，学生掌握更快。

在项目实施过程中，可以根据实际情况，选择两种学习形式：学生独立完成项目、学生合作完成项目。学生独立完成项目，可以保证每个学生的工作量，不会出现浑水摸鱼的情况，而且每个学生各个方面的能力都得到了锻炼；学生合作完成项目，同一小组的成员可以相互合作，互相激励，共同提高。但要注意分组的方法，在编组时要注意搭配合理。

（4）实行过程评价激励机制。在“网页设计与制作”的教学过程中采用过程性考核方式，也就是对学生每个阶段完成的内容都要进行考核，并且记录成绩，将其作为总成绩的一部分。通过这种方式，一是让学生们及时发现自己的不足，学习别人的长处，教师也能随时掌握学生们的学习情况及学习效果；二是杜绝了部分学生的偷懒现象，教师可以及时地对进度慢、效果差的学生进行督促和帮助，确保全体学生的学习效果。

最终成果的评价方式采用多元评价方式，应包括成果的美观性、可靠性、创新性等多个角度进行评价，鼓励学生自学并多学。

4结论

在“网页设计与制作”课程中引入项目驱动的教学理念，以企业实际需求为导向，为学生创设真实环境和真实项目，改变传统的灌输式教学模式，让学生带着任务在实践中学习，既激发了学生的求知欲，又满足了学生的成就感；既完成了教学知识点的学习，又实现了实践技能的提高，最终缩短了学生与企业之间的距离。

参考文献：

[1]中国互联网络信息中心.CNNIC第37次中国互联网络发展状况统计报告[EB/OL].（2016-01-22）.http：//www.cnnic.net.cn/gywm/xwz/xrdxw/2015/201601/t20160122_53283.htm.

[2]杨森，刘潇潇.《网页设计与制作》课程教学改革的研究与探索[J].办公自动化，2010（6）： 63-64.

[3]张哲，陈桂生.在Java语言教学中实施“项目驱动”教学法的实践探索[J].教育与职业，2007，6（18）：160-161.