“任务驱动法”在《网页制作》课堂教学改革中的运用

朱志慧

摘 要： 本文作者根据学生的基本实际情况与教学实践，重点讲述了在《网页制作》这门课的授课中采用“任务驱动法”教学的方法，目的是提高职业学校计算机专业学生上课的积极性，使学生系统全面地掌握知识，重在培养学生的实践操作能力。

关键词： 《网页制作》 任务驱动法 个人网站

时光飞逝，转眼间我从毕业到今任教已接近四年的时间。在这四年的时间由曾经的《计算机基础》、《电子线路》、《操作系统》等课程到现在的《网页制作》课程，课堂教学对我来说已经不是难事，但是如何教好《网页制作》这门课程，尤其是对于职校的学生来说，该采取何种措施来使教学取得令人满意的效果引起了我深深的思考。

传统的《网页制作》这门课的教学模式是教师先对本次课的理论知识进行讲解，然后让学生上机验证教师所讲解的内容，在这种教学模式下，学生也许能够知道一些网页制作的理论和实践知识，但是无法担任较重任务的项目实战，同时他们所拥有的技能也与社会需要存在一定的差距。再者，分析一下学生的基本情况，上学期我任教07网络班的《网页制作》，此班学生在第一学期是全校公认的“上课闷”型，学生对于学习的兴趣甚少，因此如何提高学生的上课积极性也成为我重点考虑的问题。

鉴于以上问题，我决定对07网络班进行教学方法的改革——任务驱动法。实施的计划就是在《网页制作》这门课的教学中安排“个人网站”的制作。其核心思想就是不按照书上所安排的章节进行讲解，而是每节课针对学生的个人网站所需要的网页知识理论进行讲解，使学生能够把所学的知识应用到实际的例子中。具体的教学过程设计如下：

一、让学生通过互联网查看一些网站，其中一部分网站是我指定的，另外一部分是学生自己寻找的，让他们对所得知识进行总结，然后结合“个人网站”任务规划出自己网站的结构图，并规划出自己网站中所想用到的效果。在这一阶段我鼓励学生大胆地想，不要担心是否能够实现。实施这一步骤的目的是使学生能够看到学习目标，并使他们提高学习兴趣。此阶段实施的时间为一周（一周的课时为三节课），两节课学生上机找资料，一节课学生交流自己总结的内容。

二、制作一个网站是一个长期的工程，学生一般是开始的时候信心百倍，可是随着时间的推移、难度的增大，他们的信心和积极性就会大打折扣，因此基本工作一定要做好。在这一个阶段我向学生讲授构建本地虚拟站点的知识，有了理论知识的支持，学生就学会了新建自己网站所需要的文件夹和文件。通过这一阶段，学生明白了做任何事情都不能一步到达成功的彼岸，必须脚踏实地，一步一个脚印地走下去。做网站也是如此，要想在学期结束看到自己所做的成果，就必须把基础工作做好，这样才能有成功的喜悦。

三、页面的布局——表格。要想自己的页面整洁大方，清晰明了，表格的作用不容忽略，因此我在任课的过程中把表格提前讲解。在这一阶段学生有了计算机基础中表格的基础知识的铺垫，因此我重点讲解表格的不同的设置所呈现的效果。在这一阶段学生达到的目标就是能够根据教师所讲的表格理论知识画出自己网站的主页格局，使网页布局规整。第二阶段和第三阶段我总共用了两周的时间，有了三周时间的学习，学生的个人网站的布局已经能够展现出来，并且站点文件夹清晰明了。

四、Flash和FireWork两大软件的讲解。要在网页中插入合适的图像和动画，使网页更加生动精美，这就需要借助“网页三剑客”。我之所以在第四阶段进行讲解，是因为网站的标题一般都需要用到Flash动画，主体部分需要用到图片，大小的调整、效果的初现都需要这两大软件。在这一阶段，学生必须处理好自己主页里所需要的图片，根据图片的颜色、大小等的需求设计好Flash动画。在一个学期内学会三个软件对于学生来说有些难度，毕竟他们以前的学习兴趣不是很浓，因此我在讲解的同时引导他们思考“有了这个理论知识的支持，自己做成什么样的，怎么比别人做得更加好些”，理论讲解完成后他们能够自己做出一部分。一些学生的自控能力不是很好，上机课中经常浪费时间，不能抓紧时间完成任务，因此在做实际的例子时我都规定时间，若在规定的时间不能完成，那必须自己找时间完成，否则就无法完成网站的下一部分。为了调动学生的积极性，在这一阶段我用了三周的时间，之后每位学生展示自己的作品，让学生对自己与同学的作品提出表扬与批评，从而对网页制作更有兴趣和信心。

五、具体资料的整理。此阶段我给学生安排一周三节课的时间，由于学校的硬件条件不是很好，学生只有在上机的时间才能接触到电脑，因此网页里面的具体资料他们就无法整理。在这一周上课前我要求每位学生必须提前规划好自己所需要的资料，如果在三节课的时间内不能整理好所有的资料，就说明他们没有提前计划。这一规定让学生明白：机会是给有准备的人的。

六、框架的讲解。框架的应用大大丰富了网页的布局手段，以及页面间的组织形式，浏览者可以很方便地在不同的页面间跳转。这一阶段需要的时间大概为二周，在这一阶段学生不仅完成了框架的建立，而且完成了全部子页，个人网站也已经基本完成了。

七、超级链接。每个子页完成后都需要将各个页面形成一个完整的整体，以使浏览者从一个网页跳到另一个网页，从一个网站跳到另一个网站。在这一阶段每位学生都应该能把常见的几种链接应用到自己的个人网站中，而不能仅仅局限于普通的文字的链接，如：下载音乐、文件、命名锚记等。

八、使用CSS样式。利用CSS样式，可以对字体、颜色、背景、表格和布局等实现更加精确的控制，最终使网页更加精美。

九、高级应用篇。07网络班的学生将来将会面对更加困难的实践挑战。在这一阶段我主要讲解了表单、层、网站

的发布，表单最终的目标是制作一个留言板，但由于学生对于计算机语言不是很好，因此我没有制作数据库，而是采用邮件发送收到效果。层这一部分的内容，根据他们自己网站的特色，我指导他们利用层的知识对自己的网站进行修饰，最终使个人网站更加丰富。

十、交流并总结。在这一阶段学生一方面展示自己的作品，另一方面进行相互交流，学习别人的长处，提高能力。

一个学期的尝试教学改革，最终的收获是每位学生都成功制作了自己的“个人网站”，通过“任务驱动法”这种教学方式，每位学生知道了他们每节课的任务是什么，自己计划并制作了自己的作品，提高了上课积极性，是一种可行的教学方法。在以后的计算机教学中我将尽可能尝试任务驱动法，以调动学生的积极性，提高教学效果。

参考资料：

［１］田博文.网页设计与制作.人民邮电出版社.