基于项目学习模式的网页设计课程教学方法探讨

周林妹

[摘要]基于项目学习模式的教学方法是一种有效提高学生综合运用各种知识、技能解决实际问题能力的教学途径。由于高等职业教育中网页设计课程具有很强实践性和操作性的特点，探讨基于项目学习模式的网页设计课程教学方法有利于培养符合社会需求的实用创新型人才。论文总结分析项目学习模式的概念和特征，根据基于项目学习模式的教学流程，具体讨论项目学习模式在网页设计课程教学教学中的应用方法。

[关键词]网页设计 项目学习模式 教学方法

中图分类号：G71文献标识码：A文章编号：1671－7597（2009）0510130－02

一、前言

网页设计是一门操作性和实践性很强的课程，一方面要求学生熟练掌握软件的基本操作，另一方面，要求培养学生一定的解决具体问题的能力，能够将基本操作综合地运用到具体项目中。因此，这门课程重点和难点在于如何培养学生的综合设计能力与实践能力。

目前，高校教师在课堂上基本采用多媒体课件进行教学，按照教材的顺序，对各章节相对独立地进行讲解。教学时，由教师先讲解基础知识，演示操作步骤，然后学生操作和练习。这样的教学过程没有跳出以教师为中心的教学模式，难以激发学生的创新意识，学生仍然很被动，不利于提高学生的应用能力。

基于项目的学习（Project Based Learning，PBL）是针对传统教学方式存在的弊端进行改革的一种尝试[1][2]。学生可以在完成实际项目的过程中提高对信息的分析、加工和使用的能力，发展相互间交流、协作的能力。同时，学生还可以从完成项目的学习成果（作品）中发现学习的乐趣，从而逐步养成勇于探索、大胆质疑、合作分享的积极的心理特征。因此，基于项目学习模式的教学方法对于转变教与学的方式、培养学生的综合素质可以起到重要的作用，从而提高教学的质量[3]。

论文首先分析、总结项目学习模式的概念，然后对基于项目学习模式的高等职业教育网页设计课程的教学方法进行探讨。

二、项目学习模式

（一）项目学习模式的概念

不同学者对项目学习模式有不同的定义，综合前人[4][5]的主要观点，论文将项目学习模式总结为以学科的概念和原理为中心，以制作作品，并将作品提交给客户为目的，在真实世界中借助多种资源开展探究活动，并在一定时间内解决一系列相互关联着的问题的一种新型的探究性学习模式。

建构主义学习理论[6]、杜威的实用主义教育理论[7]、布鲁纳的发现学习理论[8]和加德纳的多元智能理论[9][10]等教育理论是项目学习模式的理论基础，因此基于项目学习模式教学方法能够突破传统教学中的三个中心：以老师为中心、以课程为中心、以课堂为中心。它是一种强调以学生为中心，学科交叉，协作学习，自主探究，与真实世界和生活实践相联系的学习模式。其实质就是集中精力解决真实问题，并以最终作品的形式表现出来。然后将作品提交给客户，从而让别人了解和分享自己的学习结果。

（二）项目学习模式的特征

项目学习模式是学习者围绕具体的设计项目，充分选择和利用最优化的学习资料，在实践探索、操作、体验中获得较为完整而具体的知识，形成专门的技能并促进各项能力全面发展的学习过程，它具有以下的特征：

1．学习情景真实而具体

项目学习模式按学习的需求立项，一般取材于生活，学习者面对的是真实、具体的问题，而不是简化了各种复杂因素的单纯、抽象的学习问题。学生通过完成现实生活中的项目获得学科知识的核心概念和原理，从而掌握一定的技能。

2．学习内容综合而开放

项目学习模式所涉及到的具体项目不论大小，都具有综合性和开放性。

其综合性体现在这一学习模式融理论知识与实践操作于实际项目中，包容多方面的知识和技能。来源于现实生活的问题必然是多学科交叉的问题，完成项目的学习过程中，学生需综合运用多种学科知识对问题进行判断和分析，单纯依靠一门学科的知识和技能是难以完成整个项目的。

其开放性则体现于这一学习模式不局限于书本，也不局限于解决项目实际问题的单一角度。项目中所涉及的问题是不断变化和发展的，可从多个角度进行分析解决。

3．学习途径多样而协同

项目学习模式往往需要学生通过实践体验、学习书本知识、创造想象等多种途径来完成一个项目。学习过程中，学生须使用各种认知工具和信息资源来支持他们的学习。学生可以充分利用多媒体和计算机网络等信息、技术，在数字化的学习环境中，利用数字化学习资源，以数字化方式进行学习，在利用资源、自主发现、协同合作、实践创造中完成学习任务。

4．自主探究与协作学习相结合

在项目学习模式中，学生在自主探究的前提下，以小组协作的形式进行学习，直至最终共同解决问题、完成项目。学生与教师组成项目小组，小组成员之间是一种密切协作的关系。

5．学生的收获全面而有个性

项目学习模式需要学生既学习书本知识，又参与实践活动，既吸收前人成功经验，又大胆探索创新，这就使得学生收获是全面而且是富有个性的。学生在项目学习的过程中，既要思，又要做，还要创，学生的感官全面参与，形成富有个性的认知和体验。通过完成实际项目的学习可以培养学生的自学能力、动手能力、研究和分析问题的能力、协作和互助能力、交际和交流能力等。

三、基于项目学习模式的网页设计课程教学方法

（一）基于项目学习模式的教学流程

基于项目学习模式的教学方法是一种革新传统教学的新方法，它强调以学生为中心，强调小组合作学习，要求学生对现实生活中的真实性问题进行探究。基于项目学习模式的教学过程一般包括了项目选定、计划制定、活动探究、作品制作和成果交流等5个步骤，其教学流程见图1：

（二）项目学习模式在网页设计课程教学教学中的应用方法

将基于项目学习模式的教学流程应用到《网页设计与制作》课程的教学中，其具体的教学方法可进一步分解为如下的若干步骤。

1．选定项目

在选定项目阶段，可进行如下的几项教学工作：

（1）优秀网站鉴赏

向学生展示一些世界著名优秀网站，让学生对网站的结构、功能和网页的布局、色彩搭配等有一个初步的了解，激发学习兴趣。

（2）布置学习内容

根据网页设计与网站制作的项目特点，明确如下的学习内容：

网站的规划：确定网站的目标浏览者，色彩组合，版面布局，浏览导航及媒体使用情况。

网页布局的实现：根据网页的结构确定是否使用框架、表格和层。

网页元素的制作：文字、图像、表格、表单、视频、动画等元素的设计与制作。

网页脚本特效：基于Javascript等脚本语言设计网页特效，增强网站与用户实时、动态、可交互的能力。

网站发布与维护：测试网站，申请网站域名，申请主页空间进行发布，网站内容的更新与维护。

（3）制定学习目标

项目完成后须达到如下学习目标：

知识目标：学会如何规划网站、设计网页；能根据网站内容的特点设计并制作相应风格的网页。

能力目标：掌握从Internet网上搜索需要的资料并进行加工处理的技能；掌握利用相关软件设计、制作网页的技能。

情感目标：学会协作；学会如何正确认识、评价自己与同学；增强自信心。

2．制定计划

项目确定后，让学生制定出详细的项目实施纲要。虽然要求每个学生制作一个网站，但学生之间可以相互讨论、借鉴和协作。

此阶段，可将网站制作项目主题比较类似的学生放在同一组，让他们讨论决定哪些工作是网站制作项目所必须的，将整个项目进行任务分解，明确完成各项任务的时间安排，制定项目进度计划表。

3．活动探究

每个学生按照先前做好的项目计划，逐项展开活动。基本上包括：策划网站结构及栏目、构思网页内容及布局、收集相关的图片和动画等素材、研习网页设计与制作相关软件等活动。

学生在活动探究期间可以在组内或组间进行讨论，相互协作和借鉴。学生首先要根据自己的需求确定网站的整体规划。然后，边研习网页设计与制作的相关软件，边收集、处理可能需要的网页素材。

4．制作作品

学生综合运用各种知识和技能来完成作品的制作。作品制作在活动探究期间就可以开始，之前制作好的栏目、图景等，通过填充或改换标题，录入搜集来的相关内容，最后加以润色即可。

5．成果交流

成果交流很重要，是对学生一个学期辛勤学习和劳动的肯定与嘉奖。如果学生的制作比较成功，成果展示和交流可以举行得隆重一些，邀请有关领导、其他教师和其他班级的同学参加，学生利用多媒体进行现场演示和讲解项目成果。通过成果交流可以锻炼学生的口头表达和学术交流能力。

四、结语

基于项目学习模式的教学方法，其本质是不再把教师掌握的现成知识技能传递给学生作为追求的目标，或者说不是简单的让学生按照教师的安排和讲授去得到一个结果，而是在教师的指导下，学生通过自身努力去寻找解决问题的途径，最终完成既定项目，并进行展示和交流，学生学习的重点在于学习过程而非学习结果，他们在这个过程中综合锻炼各种能力。教师成为学生学习过程中的引导者、指导者和监督者。

高等职业教育的网页设计等相关课程具有很强的实践性。基于项目学习模式的教学方法采取了从实践一理论一再实践一提高和拓展的教学途径，可帮助学生实现从理论到应用能力提高的质的飞跃，非常适合于网页设计等课程的教学。同时，基于项目学习模式的教学方法还可培养学生的创新思维能力和与人合作的能力，通过完成实际的具体项目，学生掌握的知识、技能完全符合社会的实际需要，进一步提高了学生的就业竞争力。

参考文献：

[1]胡阿生，践行“教学做合一”的有效途径项目学习[J]．江苏教育研究，2006，（8）：41-43.

[2]岑岗、林雪芬，开放型项目学习的活动形式研究[J]．浙江科技学院学报，2008，20（2）：129-132.

[3]方凌雁，综合实践活动课程中项目学习应用的实践探讨[J]．上海教育科研，2006，（2）：39-41.

[4]刘云生，项目学习信息时代重要的学习方式[J]．河北教育，2001，（12）：22-24.

[5]夏惠贤，多元智力理论与项目学习[J]．全球教育展望，2002，31（9）：20-26.

[6]张建伟、孙燕青著，建构性学习学习科学的整合性探索[M]．上海：海教育出版社，2005.

[7]单中惠，现代教育的探索杜威与实用主义教育思想[M]．北京：人民教育出版社，2002.

[8]刘奇志、谢军，布鲁纳教育心理学思想及其启示[J]．教学研究，2004，（5）：3-5.

[9]加德纳著，沈致隆译，多元智能[M]．北京：新华出版社，1999.

[10]应如画，国内外多元智力视野下的项目学习比较[J]．读与写：教育教学刊，2007，（2）：78-79.