中职《动态网页设计》课程任务驱动教学法初探

蔡雯云

摘 要：《动态网页设计》作为职业教育网络班的一门必修课程在课程教学改革方面也需要有所突破，有所创新。任务驱动教学法的引入为这门课程教学提供了新鲜的血液。在任务驱动课教学过程中突出了学生主体地位作用，学生能较好地进行自主互助学习，配合教师完成任务操作，更加容易掌握学习内容。

关键词：中职；任务驱动；动态网页设计

中图分类号：G71 文献标识码：A 文章编号：1673-9132（2017）13-0038-02

DOI：10.16657/j.cnki.issn1673-9132.2017.13.018

动态网页设计是网络班必修课程。在动态网页主题网站设计中，新闻发布系统不可或缺，而新闻列表功能是新闻发布系统的一个重要部分。然而，学生对这门课程的学习欲望却不强烈。一串串难以理解的代码，通篇的英文字母以及复杂的运算符号等都很大程度上影响了学生的学习兴趣。因此，在教学过程中采用任务驱动教学法，巧妙制定任务单元逐步培养学生的积极性，从而提高教学效果。

一、任务驱动教学法的定义和应用意义

（一）任务驱动教学法的定义

任务驱动教学法就是在整個教学过程中，教师以完成一个个具体的任务为线索把教学内容巧妙地设计隐含在单个的任务中，让学生以分组完成任务，领会学习的核心内容，进而培养学生的创新意识和创新能力以及自主学习的习惯，引导学生团结合作，扩展思维，开拓创新，最终实现自行提出问题，分析问题，解决问题。

（二）应用任务驱动教学法的作用

采用“任务驱动”教学模式进行教学，教师的教和学生的学都是围绕如何完成一个具体的任务来进行。教师教学思路清晰，学生目的明确，更加容易掌握学习内容。

任务驱动教学有助于调动学生学习的积极性，培养学生自主学习的能力。在任务驱动教学模式中，学生是知识意义的主动构建者，教师是教学过程的组织者、指导者、帮助者和促进者。教材所提供的知识不再是教师传授的内容，而是学生主动构建的对象。教师在引导学生完成任务的同时也培养了学生的自主学习能力。

任务驱动教学有助于培养学生提出问题、分析问题、解决问题的能力。在任务驱动教学中，教师将教学内容蕴涵在任务之中，要求学生必须学会发现问题，提出待解决的问题，同时设想列举解决问题的方案，并探究出解决的方法。

任务驱动教学模式有助于培养学生的创新精神和实践能力。利用任务驱动进行教学的过程，需要学生开动脑筋，发挥想象，动手实践，研究探索，进而培养学生的创新精神和实践能力。

二、任务驱动教学法应用在《动态网页设计》中（以《新闻列表》为例）

学生已经掌握用户系统设计，包括用户登录、注册、注销。已经对创建动态网站思路及方法有基本认识。列表功能相关知识点都在实习指导手册中体现。学生在完成任务过程中可以根据自身水平选择是否需要查看任务书中的操作提示，对容易出错的知识点可借助于操作视频演示。在任务驱动教学中要以学生为主，教师为辅。学生可以利用指导手册，以小组为单位，团结互助共同完成任务，教师在教学中对学生及时辅导、讲解和点评，提高教学效率。

第一个环节：情境导入，展示任务。师生共同阅读《列表功能任务书》，以《中职信息网》为例，明确任务为新闻列表或文章列表功能设计。

第二个环节：任务实施。从制作网站的五大步骤入手，层层分析，学生结合实训指导手册操作，在操作及预览效果中发现问题，分解任务，从而解决问题。每个阶段任务完成后，教师都将有针对性点评，讲解相关知识点。如数据表创建过程应注意的字段类型相关设置。第一阶段是创建数据表，首先进行子任务分析。师生共同分析新闻详细页中的元素，从而确定xw表字段，有id、bt、nr、zz、dj、sj等。接着教师让学生根据实训手册操作创建表。最后，教师进行点评。在操作中学生会遇到几个问题和错误：当新闻内容文字超过250个字符时，nr字段提示数据无法输入，教师提示学生应将nr字段类型设置为“备注”。有的学生时间字段没有设置now（）默认值，以至于时间格式输入繁琐甚至总是提示错误。第二阶段是设置页面。列表页面设计阶段学生可以根据上学期学习知识对边框文字等进行美化，这部分学生通过自主完成，或小组成员间互助就可完成页面设计。第三阶段是动态服务器行为部分。（1）教师通过分析任务，介绍从数据表中读取数据表的方法，利用记录集演示操作，并与学生探讨排序方法。之后由学生根据实训指导手册操作。操作完成，教师进行评价。本环节涉及一个重要知识点SQL语言，考虑理论学习的必要性。教师打开DW拆分视图，介绍select语法结构（P58）：“select 字段或字段组合（*） from 表名 where 字段=内容”。对于数据绑定方法学习。教师通过DW打开已完成网页，让学生观察。问：新闻列表标题、时间部分显示与欢迎登陆中绑定阶段变量是否相似。引出利用数据绑定显示新闻标题的方法。预览网页，发现问题：新闻列表只显示一条新闻标题，从中引导学生学习“重复区域”命令的使用。（2）在制作新闻详细页面时，教师带领学生思考：如何判断超链接，鼠标单击的是哪一篇文章？从而引出通过id判断，讲解URL传参方式。教师通过完成操作后，预览演示设置参数后链接效果的方法以期达到教学目的，但从后面任务完成情况，不少同学容易出错。在这个环节学生很容易遇到问题，教师应积极辅导。新闻详细页面，显示新闻列表具体内容。教师提示主页中新闻列表方法，引导学生添加记录集xwxx，并与列表记录集xw区别。完成绑定新闻标题、内容、点击次数等。

第三环节：演示演示。任务完成后分别由四个小组选取最佳作品进行演示，预览最终效果并调试。在调试过程中，教师要及时纠正并讲解出现的问题。预览效果时，教师要求学生熟练掌握“未指定错误”、“文件已在使用中”、IIS虚拟目录中参数设置等常见问题。教师通过提示引导学生发现网站中存在不足，共同讨论改进方法。例如，点击次数无法更新，时间显示过于单一等问题。学生在任务的操作过程中虽然会经常出现debug，但是通过学习、调试基本可以解决问题。

三、结语

采用任务驱动教学要求教师教学思路清晰，学生目的明确。在任务驱动课教学过程中，学生能较好地进行自主互助学习，配合教师完成任务操作，教学效果好。同时，如何激发学生独立思考的能力，提高独立思考的积极性，这是我们接下去要解决的问题。

参考文献：

[1] 张洪海，马小山. Dreamweaver+Asp网页制作实例教程（任务驱动模式）[M].北京：机械工业出版社，2012（9）.

[2] 林晓群，柳琳. “案例任务驱动”教学法在《网页设计》课程中的应用研究[J].软件导刊， 2014（8）：195-196.

[ 责任编辑 杜建立 ]