基于Web 2.0技术的项目教学法在高职网页设计与制作课程教学中的探索与实践

摘 要：本文针对在高职《网页设计与制作》教学中采用传统教学方法存在的一些问题，提出了基于Web 2.0技术的项目教学法教学模式的内涵，对《网页设计与制作》课程进行了教学实践改革设计，并以子项目的实施过程为例进行详细讲解，最后指出该种教学方法在具体实施中需改进之处。对于在高职《网页设计与制作》教学中开展基于Web 2.0技术的项目教学法具有重要的实际参考价值。

关键词：高职；Web 2.0；项目教学法

中图分类号：TP393.092-4

《网页设计与制作》是高职高专计算机专业的一门操作性和实践性较强的课程，以专业培养目标和专业教学计划为依据，遵循适用、实用、会用、通用的原则，系统讲授网页设计与制作的相关技术。笔者在最初教授这门课时，采用传统教学方法进行教授，但发现学生学完本课程后，对所学的理论知识掌握尚可，但在实践过程中往往出现不知所学知识点如何运用的情况。这与高职高专培养应用型人才的目标相背离，同时无疑对学生后期就业等都会产生很大的影响。在以往的课程教学效果评估中，我们发现主要存在以下三个问题：

（1）沿袭传统的按章节来组织内容，缺失了对整体布局网站的职业能力的培养，学生只会照搬实例，不能融会贯通，无法把知识点串接以及组合起来布局综合型的网站。究其原因在于学生缺失了对整个网站布局和规划等综合能力的训练，而这些技能往往是从事这一职业最关键的能力。

（2）教学过程以讲解理论为主、上机实践为辅，学生很难接受这种“满堂灌”的方式，上机实践也只是为了验证理论知识或加强对理论知识的熟悉程度，很难适应当今社会对应用型人才的要求。

（3）学生在课下碰到网页设计与制作的相关问题时，很少去和同学们或者教师交流，这与缺乏交流平台以及缺乏团队合作意识有关，导致问题不能及时解决，逐渐将问题堆积。

鉴于上述现状，为提高课程的教学效果，充分调动学生学习本课程的积极性，加强培养学生网页设计与制作的实践能力，我在近两年《网页设计与制作》课程的实际教学过程中，尝试进行了基于Web 2.0技术的项目教学法教学模式的探索与实践。

1 基于Web 2.0技术的项目教学法的内涵

项目教学法是教师以研究某种或多种学科的概念和原理为中心，以完成具体的任务为目的，在真实的社会实践中借助多种资源开展探究活动，并在一定时间内解决一系列相关联问题的教学方法。但是由于教师知识范围的局限，其所设计资源并不一定能满足学生的学习需要。Web 2.0能轻易帮助我们解决这个问题，因其开放性和协作性的特点，给学习者参与进行资源的完善和共建提供了方便，可以发挥群体的优势，实现学习活动中问题的解决，并在问题解决的过程中学会协作，学会学习。

基于Web 2.0技术的项目教学法为学习者提供了开放式的学习，提供的资源是开放的，可以修改、增加、共建。这样的项目教学法可以通过Wiki、博客技术手段来实现，学习者通过博客或Wiki来自己项目主题、项目计划、阶段性成果等相关内容，借助SNS、Tag聚集对项目主题感兴趣的人，让学生及时捕捉到其他学生最新的项目信息及项目成果，从而及时分析项目成果，来进行开展深入研究。因此基于Web 2.0技术的项目教学法是基于开放式特征的研究性学习。

2 高职《网页设计与制作》教学实践改革设计

本研究中，首先设计一个学生熟悉并易于接受的整体项目，然后将上述整体项目分解成若干子模块，再将子模块分解成子项目，直到每个子项目可通过各个知识点来解决。

本课程选取的整体项目是“建立一个学校的网站”，将其分解成了七个子模块：创建学校介绍页面、学校各部门介绍页面、制作网站的留言板页面、制作网站的首页或引导页、站点上传与、使用CSS进行网页布局、制作网站的创建流程。下面以第二个项目“学校各部门介绍页面”的实现为例说明。

（1）根据教学目标和教学内容，创设情境

根据教学目标，学生学完本门课程后，应能熟练掌握网页设计与制作中的各种操作技术，具备开发、维护小型网站的知识和能力。因此教师在授课之前，先在Wiki上提出教学要求，教学内容提纲，激发学生思考。在Wiki页面上把搜集的一些有着生动文字、精美图片、动听音乐以及有趣动画的网页给学生们欣赏，使学生对本门课程产生浓厚兴趣。

（2）根据情境分解目标，确定项目

我们利用“学校各部门介绍页面的实现”子项目让同学们逐步掌握为网页添加各种链接、创建导航条、利用层的嵌套与重叠顺序设置层的属性等知识点，并将其进一步分解成七个子项目，逐一对应以上各知识点。子项目的具体要求如下所述。

①子项目一：学校部门介绍与素材资料的准备。

具体描述：搜集学校介绍和各部门的文字、图片、表格等资料素材。

项目重点：资料搜集的方法及提炼。

②子项目二：制作“友情链接”。

具体描述：为网页添加文本链接、图像链接、E-mail链接、锚点链接、空链接和脚本链接。

项目重点：不同链接的添加方法。

③子项目三：创建导航条。

具体描述：为网页添加导航条，利用插入图片和利用“导航条”两种方式，学会使用热图链接。

项目重点：创建导航条的方法。

④子项目四：制作利用层布局的网页。

具体描述：创建和选择层、改变层的重叠顺序，设置层的属性，将层对齐到网格。

项目重点：层的嵌套与重叠顺序、层的属性。

⑤子项目五：制作框架网页。

具体描述：认识创建和保存框架与框架集、框架和框架集属性、插入预定义框架集和制作新的框架、在框架集中创建链接。

项目重点：区分框架与框架集、学会保存框架与框架集、插入预定义框架集和制作新的框架。

⑥子项目六：创建库项目。

具体描述：创建库项目、添加库项目、编辑库项目。

项目重点：创建与应用库项目。

⑦子项目七：利用模板创建出大量的具有形同布局的页面。

具体描述：创建模板、定义可编辑区域、使用模板创建统一风格的网页、把模板应用与现有的文档、编辑模板文件、管理模板。

项目重点：创建、编辑、管理模板，使用模板创建统一风格的网页。

（3）利用Web 2.0技术提供资源、创建小组、小组协作、完成项目

教师需在Wiki页面上向学生提供必要的资源与素材，供学生们引用。此外，教师还需在学生着手开始实施项目之前，为同学们讲授在实施项目过程中将用到的各基础知识，并通过小的实例项目操作练习，加强学生对语法知识点的掌握和训练，开阔学生编程的思路。

在教师指导下，遵循差异性、公平性、交互性、协作性原则，在适度自主组合基础上划分若干个学习小组，每组5至8人。教师要关注小组间成员的技术力量是否均衡，认知能力是否均衡，学习方式是否均衡，比较可行的办法是先由学生自愿组合，再由教师适度调整，在听取小组成员意见的基础上指派一名小组协调员和一名技术辅导员。一旦小组成员确定，学生必须注册成Wiki成员，并由技术辅导员申请维客小组，根据教师布置的任务创建条目，其他成员加入小组进行讨论共同学习。

学生借助网络主动搜集材料，应用如Tag、SNS、RSS等技术，Web 2.0能“主动”为学生寻求合作的目标群，并“主动”在各学生的Wiki之间建立起连结，然后在Wiki上创建该问题的相关页面阐述各自的见解，并提供相关链接，通过组内和组间的讨论、启发对该页面不断修改、完善。小组成员可以邀请别组成员加入本小组，也可邀请游客加入本组，其版面和WORD一样，即可对本组的条目进行编辑、添加，也可删除。

教师通过Wiki平台及时观察Wiki条目的创作情况、资源的整理和添加情况。同时教师也可以一个平等的学习伙伴身份随时随地加入各学习小组，对学生在条目中表现出的学习状况及时反馈和应对，时刻关注学习者的认知反应，必要时对条目中明显的谬误直接做出修正，对反映出的共性问题可在第一时间反馈至课堂教学环节中，指导学生更好地完成项目。

（4）成果上交，展示作品，交流评价

学生以小组的形式完成项目后，上交成果。提交方式有多种：直接在Wiki上供老师和学生查看；也可以提交给老师，老师展示小组成员的作品。作品展示完后，开始对其进行评价。评价的内容包括对学习者的评价、对教师的评价、对教学内容的评价等，其中对学习者的评价是重点。评价形式可以采取组间互评、组内互评、教师评价、自我评价等。项目教学法的一个重要条件是小组成员的积极互助，每个成员的成绩受制于小组的整体表现，每个成员的成绩应当以组内互评为主，将小组成绩加权成员的贡献度，形成个体的最终成绩。在设计评价量规时，评价指标包括网页内容（30分）、技术（20分）、网页外观（20分）、协作（30分），总分100分。

3 结束语

基于Web 2.0技术的项目教学法的开展有利于激发学生的学习兴趣，对学生掌握知识与培养能力有帮助，使学习变得积极主动，能培养和锻炼学生的实践能力，有利于提高学生的自主学习能力、个人知识建构能力、合作学习与交流的能力。因此，在高职院校尝试基于Web 2.0技术的的项目教学法的教学方法与学习方法是有必要的，也是可行的。同时在实施基于Web 2.0技术的项目教学法的过程中需要加强对师生进行Web 2.0技术应用的培训、加强项目的选题与组织管理以及完善学习资源库及课题资源库的建设，力求能够构建出一种真正适应社会教育需求和学生学习需求的新的高职人才培养模式及相应的教学模式与学习模式。

参考文献：

[1]毛乐琦.高职《网页设计与制作》课程项目化教学改革实践[J].计算机教学，2013（23）：113-114.

[2]饶志凌.Web 2.0环境下高职大学生《网页设计与制作》构建个人PLE的研究[J].多媒体设计，2013（06）：57-58.

[3]刘海琴，王江涛.项目化教学在高职网络数据库教学中的实践与探索[J].职业技术，2009（10）：23-24.

[4]蔡洪民，赵文光，陈素，陈沁群.基于Web2.0的《网络技术与实践》课程网站的设计与实现[J].微计算机应用，2008（10）：36-41.

作者简介：肖菲（1977-），女，湖北武汉人，副教授，硕士研究生，主要从事高职教育、信息技术方面的研究。

作者单位：武汉软件工程职业学院计算机学院，武汉 430205

课题项目：武汉市教育科学“十二五”规划2012年立项课题（2012C115）。