任务驱动教学法在网页设计与制作中的应用

德保县职业技术学校 黄勇南

一、前言

在《网页设计与制作》教学中，如能将任务驱动教学法运用在整个教学过程中，以完成一个个具体的任务为线索，把教学内容巧妙地隐含在每个任务之中。引导学生学会如何去发现、去思考、去寻找解决问题的方法，与采用传统的教学法相比，更能培养学生的创新意识和自主学习的习惯。

二、传统教学法的不足与任务驱动教学法的优点

(一)传统教学法的不足

传统的教学方法一般是老师按照教材的顺序，每一节课介绍几个命令和软件功能，然后让学生进行练习，完成一个单元或一个章节的教学内容后，再进行综合练习，制作一两个实例。这种教学形式使得知识的讲解与练习都是单个进行的，教学过程学生没有形成主体，没有任何任务的驱动而引发的思考、摸索。传统教学法中，学生往往当时能听懂、会练习，但到真正独立设计网页时，往往不能灵活地运用已学过的网页知识，有的甚至学了后面忘了前面。同时由于讲课时没有结合网页设计实例，学生听课的积极性不高，练习时也缺少兴趣，教学效果不是很理想。

(二)任务驱动教学法的优点

任务驱动教学法它打破传统的教学模式，不完全按照教材的顺序授课，而是以精选的一些网页实例为中心，引导学生去发现，去思考，去寻找解决问题的方法，让学生自己提出问题--思考--摸索--实践得出结论，将软件的知识点、网页设计的经验、技巧等诸多因素融入网页例子的实例教学，可以使学生在教学中获取较大的自主权。

三、任务驱动教学法在《网页设计与制作》教学中的具体运用

任务驱动教学法是以学生为中心，以任务为驱动的教学方式。任务驱动法的教学设计一般分为以下几个步骤：

(一)注重任务的设计，提高学生的学习兴趣

任务设计是课堂教学成败的关键环节，目标任务的明确对于今后的学习与任务的最终完成起着至关重要的作用。

以制作“个人博客”网站为例，我把任务设计成几个有一定联系的任务。按进度分别提出如下：

1.请你给“个人博客”网站设计一张布局图。

2.请你选择背景颜色和图片。

3.考虑导航条的内容应该有哪些基本的功能。

通过分层提出任务，学生学习兴趣大增，并很快完成了这些任务。

(二)分析任务的步骤和操作方法，增强学生分析问题能力

例如制作个人博客网站教学中，把其中的导航栏中的每个功能看作一个小任务，每个任务就是一个功能模块。当然随着任务的逐步细化，可以让学生自由发挥添加新的功能模块，教师在此可以给予充分的指导，这些任务可以在完成任务的过程中通过逐步积累的经验和自学来完成，这无形当中培养了学生的自学能力，增强了他们克服困难的决心。

(三)通过完成任务，培养学生的自主学习能力和合作精神

自主学习是以自学为中心，由学生自主探索学习，独立完成任务。例如在制作个人博客这个网站的过程中，建立站点、插入表格、创建模板、创建各类CSS层叠样式表、创建表单等基础的知识，是每个学生必须掌握的基本功，这些操作部分要求学生自己完成。学生可以根据站点的需求，教师考核的细则自主完成任务。这些知识是学生已学习过的旧知识，依赖学生已有的经验，独立完成任务。

协作学习是在个人自主学习的基础上，通过小组讨论、协商，以进一步完成和深化对主体的意义建构。例如在制作个人博客这个站点的过程中，我采用以上方式进行：

1.分组：把班上的学生分成几个组，每组4人。

2.围绕下列问题分组讨论：

①画出网页布局图；

②写出应该需要哪些CSS用层叠样式来控制网页元素；

③写出个人博客的基本功能模块名称；

④主页和链接页的结构关系是如何的；

⑤需要哪些图片、文本、动画等网页元素。

3.分工协作：甲和乙负责到网上搜索网页素材，丙负责收集甲和乙访问素材，丁负责及时与其它组联系，以免和其它组相同。

4.作品展示，每一组派一名代表把自己小组的网页布局方案，基本功能模块名称，链接方式，网页素材，模板设计等公布出来。

5.各组点评：指出各自优点缺点。

就这样原来很枯燥的网页设计与制作课程就在学生的交流和讨论中完成了。在此过程中，学生处于主体地位。在教师的引导下，学生充分发挥学习主动性和创造性，不仅让学生亲身感受认知的过程，而且培养、提高学生解决实际问题的能力和创新意识。

(四)做好科学的任务评价，促进学生产生积极的学习动机

任务评价是学生学习情况反馈的一种有效途径，也是信息技术教学的重要组成部分。任务评价做得好，更能激起他们的学习热情。同时，对学生所做作品的合理评价也让学生有一个能互交流，取长补短的机会。教师对结果的评价时要客观、科学，并且让每个学生都参与到评价当中，以保证评价的公正性、客观性。对那些付出了努力，但效果不太好的学生要给予正确的指导与鼓励。只有这样才能激发学生的兴趣及竞争意识，有利于发展学生学习上的自信心，促使学生对计算机的学习投以更大的热情。

[1]浅谈任务驱动法在高中信息技术课堂教学中的运用[OL].http://blog.cersp.com/userlog1/54352/archives/2006/167133.shtml.

[2]马红玲.高职“网页设计与制作”课程的教学研究与实践[J].计算机教育,2007(9).

[3]钱晓菩,马玉娟.试论任务驱动[J].中国电化育,2002(9).

[4]夏宏,陈泓婕,等.网页制作教程[M].北京:清华大学出版社,2005.