任务驱动——提高网页制作教学效果的有效途径

肖 玉 荣

(辽宁省新闻出版学校，沈阳 110033)

网页制作属于计算机及应用专业课程，在这一课程教学中采用任务驱动教学法，具有五个特征：一是任务引领。即以工作任务引领知识、技能和态度，让学生在完成任务的过程中学习相关知识，发展学生的综合职业能力。二是结果驱动。即通过完成典型产品或服务，激发学生的成就动机，使之获得完成工作任务所需要的综合职业能力。三是突出能力。即课程定位与目标、课程内容与要求、教学过程与评价都围绕职业能力的培养，涵盖职业技能考核要求，体现职业教育课程的本质特征。四是内容实用。即紧紧围绕工作任务完成的需要来选择课程内容，不强调知识的系统性，而注重内容的实用性和针对性。五是做学一体。即打破长期以来的理论与实践二元分离的局面，以任务为核心，实现理论与实践一体化教学。

实施任务驱动教学法进行网页制作教学，应当着重做好以下几个方面的工作：

1 精选教材

选好一种教材是有效运用任务驱动教学法的一个关键。笔者从事多年的网页的初级教学，以前选的是人民邮电出版社的《从零开始Dreamweaver中文版基础培训教程》(老虎工作室田博文编著)。几年的网页教学实践，笔者感到有些困惑：虽然这本教材对初学者来说很容易上手，熟练掌握网页制作软件应用程序的菜单使用没有问题，文本、图像、表格、框架及表单等元素的基本制作也没有问题，但不能形成一套完整的网页制作操作技能，学生想要完成客户要求的一个网页制作任务显得力不从心。为此从2010年笔者开始选用中国铁道出版社的《任务引领：网页设计与制作》(朱慧群主编)作教材，旨在探索采用任务驱动法进行教学。

2 根据学生的知识基础构成和认识水平差异进行任务驱动教学的教学设计

教材的第一课就是“任务一整装待发——规划网站”。从职业学校的学生群体构成来看，有的来自农村，有的来自城市，学生对计算机了解和应用水平差异很大。有些学生能够非常熟练地操作，比较了解网页的结构，并会用一些网页制作软件制作一些简单网页；有些学生则只会一些基本操作，上网仅限于浏览，对网页制作知识一无所知。因此教师在进行网页教学任务设计时，应当从学生实际出发，充分考虑到学生现有的知识结构、认知能力和兴趣特点，遵循由浅入深、由表及里和循序渐进的原则。

本任务规划网站就像建筑设计师设计大楼一样，图纸设计好了，才能建成一幢漂亮的楼房。鉴于此，应当先让学生浏览几个网站的网页结构，激发他们的热情，开启他们的设计思路。然后再根据教材给的内容向学生提出规划“月光河”网站的任务。这个任务是框架性的，没有复杂的程序操作，基础较好的学生，可以顺利地完成；而对于基础差的学生，教师可以引导以至帮助他们完成这个任务。通过对这个任务的完成，学生们对网页结构就有了新的系统的认知，回头再浏览网页时就会感觉到提高了一个层次。

再如学习“任务四——错落有致——网页布局”内容时，教师可以让学生浏览观察几个网站的页面，然后提出网页布局任务。初始任务可以是较为简单的页面的制作，其中可包含“表格的插入”、“表格的修改”“表格的属性设置”等知识点；之后，教师就可以给出较为复杂的页面布局的设计任务，让学生运用“布局视图”、“布局表格”、“绘制布局单元格”等一系列知识去实现；最后，可以让学生用“表格布局”去自行设计一个网站的页面。在最后的任务中实际包含“页面布局”、“页面主题”等多项设计思想，让学生根据页面主题内容进行页面的布局设计，为后续的教学打下基础。这样的教学设计使基础较差的学生，在前两个任务逐步完成后，再逐渐过渡到最后的创新设计中，而基础较好的学生，从开始就可以完成较复杂的任务，大胆地展示自己的想象力及创造力。

3 利用“任务驱动”教学法设计任务和完成任务

网页制作是一门实用性、操作性很强的课程。教师应当向学生布置本课程、本单元、本节课的学习任务，要求学生带着任务和问题进行学习。

例如，在讲单元三“栩栩如生——制作[动漫世界]页面”任务时，首先应当将素材中这个网页页面展示给学生。因为现实生活中很多青少年喜欢动漫，幻想着自己与动漫结合在一起，由于这个页面非常吸引人的眼球，所以，这样一下子就会把学生带入真实的学习情境中去。首先教师应当让学生从网页制作者的角度去分析此页面由哪些元素组成，理论上如何制作，并让学生广泛讨论，根据学生的反馈情况进行总结，设定总任务。其次将此课程这一部分知识点的总体任务细分为若干大任务。比如该总任务中有文本、图像、表格、logo标志、Banner横幅、网页导航栏和模板等元素制作的大任务，再将这些大任务进一步细分为一些小任务。再如Banner横幅的制作，启动flash程序后，一是插入图片，二是做动态燕子形状，三是合成影片导出就OK了。任务应当从易到难，小任务应当紧密围绕总体任务去一个个地实现。

在这样进行教学设计时，老师提出任务之后，不要急于讲解，而是要先让学生对呈现的任务进行仔细思考、分析和讨论，提出完成任务需要解决哪些问题，即提出要完成的任务。在提出的任务中，一些知识是学生以前已经学过的，这些问题学生自己就能解决；另一些是没有学过的，即隐含在任务中的新知识点，这也正是任务所要解决的问题，这些问题由学生亲自去找，然后提出，能更好地激发学生的求知欲。因为解决一个问题仅仅是技能而已，而提出新问题、从新的角度去看旧问题，却需要创造性想象力。比如，制作LOGO标志的教学中，就一个网站来说，它代表着一个网站的整体形象。教师应当先展示几个大型网站的LOGO标志，让学生欣赏并对其中的色彩、图案等进行整体比较，然后引导学生自己去发现问题和解决问题，而不是直接去学习现成的结论。在学生学习过程中，教师应当给予适当的提示，引导问题的提出时，要采取先粗后细、逐步求精的办法。另外，学生不可能一次把所有的问题都提出来，对于一些任务中存在的问题，学生只有亲自做到相应步骤时才有可能提出。同时，也只有在完成任务的过程中提出并解决相应的问题才有助于学生对问题的理解。

教师要充分结合网页的特点创设可以引发学生学习兴趣的任务，为学生营造一个愉快的学习氛围，以使他们养成自觉主动地分析任务、完成任务的学习习惯。

4 对知识进行扩展

网页设计与制作这门学科特点是：所用软件较多，需要掌握的技能、技巧也很多，而对于网页设计与制作知识的学习，单靠完成一个一个的任务，难以掌握这门学科的系统知识。所以在每个任务完成之后，有必要把所用到的基础知识再进行一下扩展，这样才能使学生把学到的基础知识完整化、系统化，以提高学生已掌握的技能、技巧，使其技能、技巧运用更自如，视野更开阔。

例如，在用Fireworks制作“月光河”网站的动感LOGO图时，在这个图中既有动感的图形，又有动感的文字。教材在完成这一任务中只安排：(1)启动Fireworks；(2)新建一个宽高为88*31像素、分辨率为72、背景为白色的文档。(3)分别建“脚印(画图)”、“月”、“光”、“河”四个库元件；(4)利用帧面板，将上面的四个元件分别组合添加到1帧、2帧、3帧、4帧上，最后保存预览就完成任务了。针对此任务涉及到了图形工具和文字工具的使用、库元件制作、帧面板使用等基础知识。但库元件制作和元件的使用是一个经常使用和很难的知识点，绝非像任务中讲得那么点点就可以了。所以，在教学中：①帧面板的下列知识需扩展一下：重命名帧、添加帧、复制帧、排列帧、删除帧、设置帧延时、使用洋葱皮、帧间共享层。②动画属性下列知识需扩展一下：帧、缩放、不透明度、旋转、顺时针旋转和逆时针旋转。③元件下列知识需扩展一下：添加动画元件、导入和导出动画元件、动画元件运动路径、改变动态效果的顺序。这样才能使这三个方面的知识完整系统。

对学生感兴趣的知识点也要扩展，激励学生喜欢这门学科，掌握这门技术。在教学实践中，学生对动感文字特别感兴趣。如：用Flash软件做“欢迎进入我的心情小屋”动感文字，然后插入到页面中。学生感觉到用Flash软件做动感文字时，其背景设置很不灵活，插入到网页中看着也不很爽，这就应当把设置Flash动画透明效果知识扩展一下。其方法为：在Dreamweaver的网面中插入“欢迎进入我的心情小屋”动感文字，然后在属性面板中的“参数”选项打开，在打开的对话框中：项目下边输入框中写入：Wmode；值下边的输入框中写入：transparent。然后再预览效果，这样学生就会发现问题并加以解决了，感觉非常满意，自然而然地把这个知识点扩充掌握了。

5 通过项目实训，对任务进行迁移

“项目实训”是对所学过的知识的巩固和活的运用，在“项目实训”任务教学中，学生可以充分发挥自己的想象，充分挖掘自己的潜力，找准一个自己最感兴趣的内容，搜集大量相关资料做深、做透，制作出有自己特色的网页，搭建起具有自己特色的网站，这样才能给浏览者留下深刻的印象。

在网页制作教学过程中，当每一单元的所有任务学习结束后，都要安排一个“项目实训”，要求学生在学完本单元的所有知识点的基础上，由学生自行设计、自我创新制作完成一张张富有个性特色的网页，最终在完成所有“项目实训”后完成一个富有个性特色的网站。

在完成这一教学任务中，首先要确定“项目实训”中的评价等级，然后分别给每一个学生的每一单元的“项目实训”作评定。如：等级3：能高质、高效地完成此学习目标的全部内容，并能解决遇到的特殊问题；等级2：能高质、高效地完成此学习目标的全部内容；等级1：能圆满完成此学习目标的全部内容，不需任何帮助和指导。最后再根据每个学生的所有“项目实训”的等级给出本课程学习的总成绩。如：优秀：达到3级水平；良好达到2级水平；合格：全部项目都达到1级水平；不合格：不能达到1级水平。

对于学生的优秀作品要进行展示。优秀作品展示能给学生以美的欣赏和智慧的碰撞，激发学生的学习积极性，促使学生从多方面思考问题，培养其创新精神。

总之，通过“项目实训”教学，能够让学生感受到实际工作中网站设计的一般工作流程，学会表达解决问题的过程和方法，培养学生综合运用知识分析、处理实际问题的能力，锻炼学生发现问题的能力，提高学生的组织能力、交往与合作能力和学习技能，从而提升对自己所学的知识、技能与市场经济相结合的必要性的认识。

综上所述，在网页教学中，教师进行任务设计时，要仔细推敲每个知识点，统筹兼顾，为学生设计出一系列典型的操作性任务，充分发挥学生的主观能动性，让学生在完成任务过程中掌握知识、技能和方法，注重训练学生的创造性思维，才能培养和增强学生的职业技能，提高教学效果，较好地实现教学目的。

[1]陈琦，刘儒德.教育心理学[M].北京：高等教育出版社，2005.

[2]何克抗.教育技术学[M].北京：北京师范大学出版社，2002.

[3]钟志贤.信息化教学模式——理论建构与实践例说[M].北京：教育科学出版社，2005.

[4]史国川，谢宝陵，等.“任务驱动”式教学法及其实施[C]∥大学计算机基础课程报告论坛论文集2005.北京：高等教育出版社，2006.

[5]李翠白，李芒.基于计算机的“教学设计”任务驱动式学习方法[J].中国电化教育，2001，(12).