项目教学法在《网页设计与制作》中的运用

刘红霞

摘要：《网页设计与制作》是一门操作性极强的技能型应用课程。该文笔者结合本校的教学实际，提出利用项目教学法进行该课程的实践教学。分析了项目教学法在《网页设计与制作》课程中的设计、实施与评价。结果表明，项目教学法在该教学中有一定的可行性和实用性。有利于教师完成教学任务，提高教学质量。

关键词：网页设计与制作；项目教学法；项目

中图分类号：TP3 文献标识码：A 文章编号：1009-3044(2012)36-8716-03

《网页设计与制作》是作为普通高校非计算机专业学生继“大学计算机基础”之后的一门后续课程，其教学目标是使学生能够掌握网页制作的方法和技能，熟悉网站设计与建立的全过程，具备设计开发与制作专业水准网站的能力，以适应现代网络社会对人才的需要。该课程具有实践性强，创造性和时代性等特点。重点培养学生的创新能力和实践动手能力。

在以往的教学中，传统的讲授法只重视工具功能和方法的讲解，学生被动的接受教学信息，学习自主性难以培养，学习兴趣难以持久。常常出现这样一种现象：网页设计课程教学结束时，学生却不知道如何设计开发一个小型网站。不具备独立项目开发的能力。

项目教学法就是在项目的驱动下，教师指导学生通过完成一个较完整的项目工作而进行的相关教学活动。 在项目教学中，学生自主学习，边学边做，注重完成项目的过程而不是最终的结果，激发学生的创造性和学习积极性，取得良好的教学效果。

1 《网页设计与制作》课程在传统教学中存在的问题

1.1传统的教学模式已经不能满足需要

我们以往的课堂教学中采用的教学模式比较单一，一般情况下是在多媒体教室中上课，以教师为中心，主要由教师首先进行课程内容的讲解示范。而实践课的安排则是紧随课堂讲解内容，安排学生上机进行练习。整个教学过程中教师的讲课都是按照教学大纲进行，按部就班的严格执行教学进度安排，学生的学习是被动的，不能提高学生的学习兴趣。在实践课的教学中教师一般会布置每次的实践内容，学生只会做教师布置的和讲过的内容，每当学生完成教师布置的任务，很多学生往往就会万事大吉，结束练习任务。这样的方式很难培养学生的创造能力和学习能力。

1.2学习准备不充分

学生在学习《网页设计与制作》这门课程之前需要的基础知识较多，比如基本的编程能力，美学修养等方面。而我校一些学生的培养计划中对教学内容不能很好衔接，学生多数没有相关方面的预备知识，所以学习起来吃力，学习中没有成就感，久而久之，学习积极性受挫。

1.3缺乏合适的教材

《网页设计与制作》课程的教材市场上非常多，但是大多数教材只是单一介绍工具软件的使用方法，没有从整体上系统的介绍网站的设计与开发。在这类教材的指导下，学生只能通过课堂学会部分工具的使用，不能学习应用工具开发网站的能力。

2 项目教学法

2.1项目教学法的内涵及特点

项目教学法源自于美国实用主义哲学家和教育家杜威的设计教学法，后来被他的学生不断发展和丰富。项目教学法是指在教学中通过实施完整的项目案例而进行的教学活动，在教学过程中由教师对项目进行分解和适度的示范，按照实际工作中的方法与步骤展开教学。让学生分组围绕各自的学习项目进行讨论，协作学习，最后共同完成项目。其目的是在课堂教学中把理论教学和实践教学完美地结合在一起，充分发掘学生的创造潜能，提高学生解决实际问题的综合能力。这种教学方法不仅培养了学生的自学能力、分析问题和解决实际问题的能力、团队协作的能力，同时也提升了学生的专业技术和职业素质，满足了社会对学生能力的需求。

项目教学法与传统教学法相比，其特点在于这种教学法使教学活动由以书本为中心转变为以项目为中心，由以课堂为中心转变为以实践操作为中心，由以教师为中心转变为以学生协作为中心。这种教学方法真正有利于我们实现教育的真正目的。避开了我们以往一味追求知识传授的系统性和完整性，重点培养了学生的实践动手能力和创新能力。

2.2项目教学法的理论依据

项目教学法的理论依据是建构主义的学习理论。建构主义学习理论认为，知识不是通过教师传授得到的，而是学生在一定的情景下，借助他人（包括教师和同学）的帮助，利用必要的学习资料，通过意义建构的方式而获得。基于建构主义的教学法要求，在学习过程中，要以学生为中心，教师应担当帮助者角色，利用情景、协作、会话等学习环境要素，充分发挥学生的主体性和创新精神，使学生有效地达到对当前所学知识的意义建构。与传统的教学法相比较，区别主要表现在三个中心的转变，即由教师为中心转变为以学生为中心，由教材为中心转变为以“项目”为中心，由以课堂为中心转变为以实际经验为中心。所以，在运用项目教学法进行教学设计时，学生是认知的主体，是知识意义的主动建构者[1]。

3 项目教学法在《网页设计与制作》课程中的实施

3.1 项目的设计

3.1.1 项目的选择

在项目教学中，一个项目选取的好坏直接影响到教学取得的效果，则我们选择的项目首先应具有一定的代表性，要最大范围的覆盖学生需要掌握的学习内容中的各级知识点，但该项目应比较简单，使得初学者容易上手。其次项目的目标应非常明确，有确定的开始时间和结束时间，要完成的学生之前从未做过的工作，但又是学生易于理解，较为熟悉的，最好能够贴近学生生活，这样可以提高学生的学习兴趣。基于以上的考虑，在《网页设计与制作》的教学课堂中，通过和学生的讨论，了解了他们的实际情况，最后确定本次教学的项目主题为“我们的班级”。将该项目分成班级首页、班级成员、班级大事、班级课程、班级资源、班级论坛等多个模块。要求每个模块最终完成一定的功能，待学生完全熟悉了网页设计这门课程后，给学生进行分组，以4～5人为1个项目小组，选出1名项目组长。每个小组分别负责不同模块的开发。

3.1.2 项目内容的分析

在教学中过程中，我们把一个该项目分成按照功能分成若干个模块，而每个模块根据中根据对应的知识点再划分为部分课堂的教学内容，从而把教学目标和教学内容融入到对这个项目的理解和实践中。这样使得教学的过程实际上变成了这个项目的建构过程。同时我们将软件工程的思想贯穿其中，让学生掌握实际项目实施的整个过程。具体的做法是，我们把每一个项目主题分成每一个教学单元，围绕这个主题再提出项目计划的目标，然后利用项目的设计过程，结合具体实例讲解教学内容，包括HTML，CSS，JAVASCRIPT为主的内容，还要涉及PS，FLASH、数据库等相关知识，最后布置给学生确定的项目任务。

3.2项目的实施

3.2.1 项目的示范

在项目准备阶段我们给每组学生提供作为示范的网站的源代码，让学生结合自己的项目任务体验网页设计中网页布局、语法结构、网站元素设计、内容排版、色彩组合、链接导航、CSS的应用、模板、表单等技术，引导学生自己规划网页布局、编排网页的设计思路。

3.2.2 项目的实践

前期的示范阶段结束后进入实施阶段，本阶段中学生严格按照既定的项目计划应用已有知识和技能进入具体的网站设计与制作阶段，这个阶段是整个项目开发中最重要的一个阶段，因为这是学生消化和吸收知识的阶段。每位组员专职专责，并且定期讨论各自的工作进展发表各自的最新见解，以便协同工作。在此过程中学生肯定会遇到一些自己解决不了的难题需要教师进行帮助。对于学生遇到的具有共性的问题，笔者可以在课堂统一示范，解决问题。对于个别问题，笔者首先适当的进行引导吗，提供一些解决问题的方法来启发学生，这样不但可以提高学生独立解决问题的能力，还可以使享受到知识探索过程中的乐趣和成就感。

此外在本项目设计过程中，教师一方面监督学生按照项目计划进度执行项目，保证教学任务的顺利完成。另一方面教师必须让组内的每一位同学都参加到项目的实践当中来，定期检查组内每位同学的任务完成情况，如遇到了用已有知识无法解决的问题，应首先让组内学生交流讨论解决问题，教师只需督促各组按照计划进度进行即可。这样有利于提高学生自己动手动脑思考问题的能力和团队合作和人际间的沟通能力。

3.3 项目的评价

评价总结也是项目教学法中重要的一个步骤，它既可以对学生的综合素质进行评价，也可以对教师的教学成果进行评价，对于反馈教学信息、帮助教师改进教学设计都具有一定的效果。评价总结共分成三个部分，一是自我评价，学生根据自己在项目组中活动的表现进行自我点评，主要结合自己在项目开发过程中的学习能力，合作能力，参与程度，以及所起作用等各方面的表现情况进行评价。二是各组互评，利用网站评价指标和标准从学生的角度对作品效果进行评价。三是综合评价，主要是教师对各组的项目成果进行整体评价，在评价各组学生设计的网站时可以从主题是否鲜明，布局是否合理，色调搭配是否合理，功能实现及实用性等方面进行客观评价，并根据每组的相对不足给出具体改进及修改建议让学生进一步完善网站的建设。

4 项目教学法在教学中需要注意的问题

4.1 选取适当的项目，提高学生学习兴趣

我们始终在探索如何提高学生的学习兴趣，让“要我学”变成“我要学”，在本课程中笔者首先让学生欣赏漂亮和简单的网站，然后引导学生主动发现自己身边的素材，尽量注意选取项目的实用性和复杂程度，这样有助于维持他们的学习积极性，让他们发挥自己的想象力设计网页，让他们有很大的成就感和满足感。

4.2 采用协作学习的方式，提高学生综合能力

网页设计与制作这门课程要求学生不仅要掌握网页制作的基本工具，而且要将其运用到项目实践中，对学生的能力要求更高。我们打破传统教学模式，以学生小组为单位进行实践教学，使学生更加主动的学习，同时还需要与项目小组的其他成员协调和沟通，构建良好的人际关系，加强自身的语言沟通能力、组织协调能力的培养。

4.3要让每位学生都参与项目到项目中去

在项目的实施过程中，一部分基础差的学生存在依赖思想，指望能力强的学生多做工作，自己少做或不做工作。笔者要让他们在项目实施过程中有事可做，所以在项目分工后要求每个学生都有自己的项目进度计划表和自己的设计结果，以此来评价每个组员的工作。

5 结束语

通过项目教学法的实践，我们认识到在网页设计与制作这门课程中必须重点培养学生的学习兴趣，进而提高学生自主学习的能力，项目开发的能力以及团队协作的意识。

参考文献：

[1] 周利民.项目教学法在计算机课程教学中的实践[J].电脑知识与技术,2008(9):85-88.

[2] 赵鑫.项目教学法在高职《网页设计与制作》课程教学中的应用[D].武汉:华中师范大学,2009:5.

[3] 钟志贤.信息化教学模式[M].北京:北京师范大学出版社,2007:108.

[4] 邱红艳.网页设计与制作课程的教学探讨[J].决策与管理,2010 (9).

[5] 欧阳芳.项目教学法在《HTML网页设计》教学中的探讨[J].电脑知识与技术,2010(11).