项目教学法在技工院校《网页设计与制作》课程中的探索与实践

张莉

摘要：项目教学法作为一种实践性教学方法，在技工院校教育中得到了广泛应用，此教学方法在实际教学环节中的效果和质量是显而易见的。本文将结合本人在《网页设计与制作》课程教学中进行的教学实践，旨在探索如何提高学生学习的积极主动性和加强学生的实际动手操作能力，以求进一步提高学生的专业素养。

关键字： 项目教学；教学方法；探索与实践

中图分类号：G642 文献标识码：A 文章编号：1009-3044（2015）09-0179-02

Abstract： As a practical teaching method， item teaching method has been widely used in vocational education， which results in obvious effect and quality in teaching practice. This essay， combined with my teaching practice in the "web design and making"， will explore how to improve the students' learning initiative and enhance the practical ability of students， in order to further improve the students' professional quality.

Key words： project teaching； the teaching method； exploration and practice

随着信息技术的不断发展与应用，计算机网络逐渐渗入到人们的生活和工作的各个领域，而处于核心地位的WEB技术则在各行各业中有着不可或缺的重要地位。现在一些网站不仅需要展示一些基本信息的功能，同时还需要实现信息的动态更新，这就需要在原有技术的基础上进一步的使用WEB新技术。我院《网页设计与制作》是计算机应用系计算机网络专业和平面装潢专业中的一门重要的专业基础课程，通过此门课程的学习希望学生最终能自主开发一个完整的网站，毕业后能从事网站建设维护等工作，这就要求教师在进行课程教学时，应该以生活中的实际案例进行教学，让学生进入任务角色中引发学生独立思考，提出解决问题的具体方法。

1 在《网页设计与制作》课程中实施研究性教学、学习模式

1.1 促进教学观念的转变，提高学生学习的积极性

在我院实际的教学过程中，《网页设计与制作》课程一般分别在两学期进行，分为静态网页和动态网页两个方向的专业理论讲授和实践操作，同时根据学生专业特点进行美工、Photoshop、Flash等专业课程的学习，在学生在校的最后一个学年中安排《网页设计与制作》课程的专业模块化训练，以求将前几学期学到的各种知识综合运用，以完成项目的方式让学生有一个类似于毕业设计的“大作业”。在最后进行网页设计与制作的项目教学时学生所掌握的知识并不是通过教师的传授获得的，而应该是学生自主学习所获得的，然而在传统的教学模式中教师一般采用学生接受式授课或案例式授课两种方式，特别是在基础知识的讲解中，教师一般讲解知识点是将书本中的操作步骤展示一遍，以便学生模仿操作，大部分学生是依葫芦画瓢，若给个相同知识点的不同案例很多学生就会束手无策。所以我认为改变传统教学有三个中心点：1）将教师为课堂中心的观念转变为以学生为课堂教学的中心。2）将传统的以课本为中心的观念转变为以“项目”为中心。3）将传统的以课堂经验为中心的观念转变为以实际经验为中心。让学生在获取知识的同时，了解这些知识能解决什么样的问题，在网页制作过程中起到什么样的作用，当制作网页时遇到新颖的制作理念时应如何达到目标等，这样会大大提高学生学习的积极性。

1.2 增强基础知识和专业技能，提高动手能力和思维能力

项目教学法是一项基于项目活动的研究学习，项目教学法的目的主要是解决较为复杂的操作问题。因此网页设计与制作的项目教学法应该更注重于实践活动和实际的动手操作。例如：一个40人左右的技师班学生被分成四组，每组十人，教师是客户，每组有一名总负责人相当于“项目经理”，由项目经理根据每位同学的专业善长进行角色分配，一般一个大组中又分为三个小组：“美工组”、“静态网页组”、“动态网页组”，目的是完成“客户”的网页制作要求。教师对教学情境进行营造，同时对学生进行“项目内容”的积极引导，让学生从现有的生活经验和知识技能方面出发，以小组讨论的方式开展教学，这样通过小组的方式完成教学活动，在提高学生技能、增长知识的同时，还能够有效的提高学生的分析问题和解决问题的能力。

2 项目教学法在技工院校网页设计与制作课程中的应用与实践

2.1 确定合适的设计项目，注重创建学习情境

教师能否制定出合适的教学项目激发学生的学习积极性与项目教学的教学效率、教学质量有着紧密的联系。但是良好的项目教学光有学习的积极性是明显不够的，教师还必须确保学生能够完成项目目标，让学生取得一定的成就感，这就要求教师不仅要选择难度合适的项目，同时还应该给学生充分的操作时间和准备时间。例如教师作为“**企业”客户向四个小组的“项目经理”提出设计网站的要求及条件，并提供相应的企业资料。四位“项目经理”利用课余时间与本小组的负责人进行设计交流形成最初的网页草图，所以在课堂实施项目教学中会有四张不同的网页草图以便“客户”进行选择。

2.2 根据项目安排教学，抓住关键点进行设计指导

教师在网页设计与制作课程中运用项目教学法时，应该对网页设计中的关键知识和关键点进行指导。例如：在网页草图设计结束之后，各小组确定了网站大致主要内容、主题格调和网页布局样式。每个大组中的“美工组”设计网站的LOGO，利用Flash软件制作网站的Banner，利用Photoshop软件制作网站的平面效果图。“静态网页组”根据平面效果图利用DIV+CSS技术或表格布局方式形成静态网页。“动态网页组”将静态网页中的部分动态栏目用动态代码实现与数据库的动态交互效果。在实施教学的时候，教师应该按照项目进度进行安排教学，扮演好“指导者”和“示范者”的身份。在进行网页布局的讲解时，教师可以举些网页案例说明什么叫排版布局、什么样的布局方式适合网站主题等，好让学生能够对网页进行合理布局。在教学过程中，有些学生的创意很好但是不符合网络规范，所以需要教师指出学生们存在的问题，帮助学生改正。只有这样学生才能更加快速的掌握网页制作的关键知识。

2.3 开展分工协作的教学模式，锻炼学生的团队精神

在教师指导完毕的情况下，需要给学生们自我探究、消化知识的过程，从而让他们更加彻底的掌握网页设计与制作的技能。在这项过程中学生占主体，因为学生是这个项目的实施者，教师只是对其进行适当的引导。项目任务确定过后，各个小组的分工协作占主要。例如：在进行网页设计与制作项目实践时，每组都会进行小组会议，分享个人经验以及介绍自己的工作进展，其中有一个小组的“美工组”针对网站的色调有一定的分歧，这时教师可以参与小组会议，对于网站配色的知识进行相应的介绍，讲解色彩的三原色、色相环、色彩的性质及属性等基础知识，并建议参考其他同类网站的配色方案或提供一些典型的网页配色方案、配色技巧帮助小组解决问题。

2.4 师生共同进行项目后评价，巩固提升教学效果

各组的项目在规定的时间完成以后，教师可以邀请一些专业教师、业界专家或者学生们一起评判项目的成果。其他学生通过比较各个组的作品从而进行评测，专业教师、业界专家从不同的角度评价，从而能够有效的确保学生得到更专业的指导，同时学生也能更加清楚自己的学习现状，更好的帮助学生确定今后学习和发展的方向。

综上所述，信息技术的不断发展让网页技术变得更加重要，为了能够满足社会发展的需要，技工院校应该充分的重视网页设计与制作课程的教学。在进行网页设计与制作教学时，应该充分的体现学生课堂的主体性，注重提高学生的学习积极主动性，注重培养学生的实践操作能力，利用小组讨论、分工的教学模式，有效的提高学生的动手操作能力、团队协作能力，进而有效的保证技工院校网页设计与制作课程的教学效率与教学质量。同时在进行项目教学应该注意：1）实践性，因为项目的主题多与真实世界有着紧密的联系，因此对学生的学习有着较强的实用性和针对性。这就要求教师在平时善于收集和专业相关的素材，及时了解当下流行的专业技术。2）自主性，项目教学法学生可以根据自己的兴趣爱好选择学习的形式和学习的内容，学生能够自由、自主的进行学习，从而能够有效的提高学生的创造力，前提是学生最好有扎实的专业基础知识的储备。3）综合性，进行项目教学能够有效的提高学生综合知识的运用能力，这也要求教师个人的综合知识和专业技能必须达到一定的水准，所以教师平时与学生交流学习心得帮助学生解决问题也是“教中学”的最好体现。4）开放性，进行项目教学具有一定的开放性，主要体现在学习的方式、内容以及评价的多样性方面，这对教学设施也有一定的要求和限制。

参考文献：

[1] 郭锂，叶惠文. TPBIM在“广东省高校计算机公共课教学改革”试点课程中的构建与应用——以“网页设计与制作”课程为例[J]. 中国电化教， 2012（12）：111-114，135.

[2] 陈志忠. 浅析高职院校网页设计与制作课程教学设计[J]. 湖北函授大学学报， 2013，26（5）：59-60.

[3] 温淼玉. 浅谈中职学校网页设计与制作课程教学设计[J]. 数字化用户， 2014（3）：126-126.