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

胡萍

摘要：网页设计与制作是中职电子商务专业的核心课程，是一门操作性很强的课程。该文采用以任务驱动五步教学法实施课堂教学，并结合课例介绍了该教学法在网页设计与制作教学中的应用。教学实践表明，该教学法可以提高学生的分析、解决问题的能力以及动手操作水平，有效提升教学效果，并可以为其他类似技能操作课程的教学改革实践提供借鉴。

关键词：网页设计与制作;任务驱动五步教学法;电子商务专业

中图分类号：G642 文献标识码：A

文章编号：1009-3044（2020）03-0230-02

1 问题的提出

网页设计与制作是中职电子商务专业的核心课程，在培养电子商务专业人才中发挥着重要作用。根据我校实际情况，中职电子商务专业大部分学生有升入高职院校学习的需求，网页设计与制作作为浙江省电子商务专业高考技能选拔考试科目之一，此科目占技能考试分值比例为42%，因此占有重要地位。中职电子商务专业学生思维敏捷，学习接受能力较强，但是普遍存在着学习目标不明确，缺乏自信，学习兴趣不浓等不良现象。原来的传统教学方法是先老师演示讲解后学生机械式训练，造成学生被动的学习，在一定程度上抑制了学生的学习主动性和创造性，使课堂教学效率欠佳。抓住了问题，才能明确教学的方向。这就向教师提出了新的挑战，在网页设计与制作教学中，如何让学生主动学习，采用有针对性的教学方法增强学生学习兴趣，培养学生分析问题解决问题的能力，让学生有学习的获得感，从而全面提高学生的综合素养。

2 任务驱动五步教学法

“任务驱动五步教学法”是建立在建构主义理论基础上的一种教学方法，是教师根据学习内容设计隐含所要学习新知识的任务，学生围绕任务进行分析、讨论展开学习，在教师的指导、帮助下通过任务的完成而实现对所学知识的意义建构，在教学过程中通过五步“导——疑——学——评——拓”实施教学。

在设计任务时，以学生为中心，注重任务设计内容吸引学生，注意任务中知识点的连贯性与递进性，使学生在完成任务过程即巩固旧知识又学会新知识，逐步提高，使学生通过一个个任务的完成最终实现教学目标，从而形成一个系统的知识建构。

3“任务驱动五步教学法”的实践应用

网页设计与制作课程主要以学会网站的设计与制作为总目标，以“案例驱动”的形式学习Dreamweaver软件的主要功能与使用技巧，并能运用软件进行网站的设计制作。传统教学中以“案例驱动”教学，学生掌握知识零散，缺乏知识的系统性。结合自己多年的思考和教学实践积累，在传统教学的基础上进行改进，逐渐形成以“任务驱动五步教学法”在网页设计与制作中应用。通过设计一个系统的任务——电子商务网站制作，各个子任务只要一结合就能形成一个完整的系统的任务，其中为了完成这个系统的任务需要涉及很多知识。“任务驱动五步教学法”操作流程如下：

（1）导——激趣乐学

根据网页设计与制作课程内容并结合电子商务专业特点，教师运用各种形式创设“制作电子商务网站”主题的学习情境，设计接近真实性情景的学习任务引导学生带着“任务”进入学习，从而更加直观、有效地激发学生的学习兴趣。

如：在《表单应用》教学过程中，教学情境：电子商务公司制作网站项目开发并要求我校电子商务专业学生一起参与，在教学中教师通过展示家喻户晓的电子商务网页如淘宝、京东等各类登录页面，引导学生通过观察欣赏品牌网页，并布置本节课学习完成网页制作任务。教师设计电子商务专业实用性任务——“易趣網购网站登录网页”制作，创设情景学习“表单应用”。

（2）疑——先观后思

在创设的情境中，教师进一步引导学生“观察——回顾——思考”提出有梯度的若干个与学习主题密切相关的实际问题，针对不同的问题分解出对应的知识，使学生能更主动的激活原有的知识来理解当前的实际问题，通过问题的解决来建构知识，激发学生的探究学习兴趣，取得预期效果。

如：在《表单应用》教学过程中，要解决“易趣网购网站登录网页”的制作，教师需要引导学生先观察网页样稿汲取亮点，分析网页有哪些元素组成及效果，再回顾已掌握的知识，最后明确新的学习内容，逐步掌握，使学生有兴趣有信心解决问题，提高探究学习能力。

以下是教学中出现由“浅——深”的问题及相应的知识：

（3）学——冲关大吉

经过提问质疑，任务分解后，教师调动学生通过“四动”——动手、动眼、动嘴、动脑，主动的去获取知识，积极分析、解决问题直至完成任务，让学生获得成就感、增强自信心。在“学”阶段中，老师引导学生如何去解决面临的问题，向学生提供解决该问题的有关线索，如学生自主学习教材内容，观看老师课前自制微视频及学习资料，通过网络查看相关信息资料。学生在老师的指导下与交流中，自主探究学习，逐步学会学习。同时，鼓励学生之间讨论交流，通过学生之间不同观点的碰撞，修正、完善当前问题的解决方案。

如：在《表单应用》教学过程中，激发学生主动完成任务——“易趣网购网站登录网页”，首先学生自学教材中“登录页面包含主要元素有哪些？”，接着通过自制微视频学习“如何使用插入表格布局？如何插入图片、表单、表单域等元素创建登录页面？”，最后讨论交流操作技巧，小组合作探究：1.插入表格布局网页;2.在单元格中插入相应元素并设置属性调整;3.保存预览;4.再修改整体页面，学生参照对比自己制作的效果图，互相交流如何修改调整数值来完成最终效果制作。

（4）评——对标找差

通过任务完成后，学生已经掌握了新知识，为了让学生对自己的学习效果有正确的评价，教师开展作品评比活动，增强学生的竞争意识与学习获得感。作品展示过程：先自我推荐，再组内互评作品，最后把小组优秀作品推荐到班级评比及展示，由教师、小组代表打分评比出最佳作品。其中教师结合知识点综合点评作品进行巩固，布置拓展任务，提升学生学习能力，起到举一反三的功效。

如：在《表单应用》教学过程中，学生完成“易趣网购网站登录网页”制作，按评价标准细则要求先自评，后组评，通过评比后展示各小组的优秀作品，最后教师从四个方面对比各组代表作品并指出亮点与不足，回顾学习知识内容，提出新要求鼓励学生进一步提升操作能力，更能收获成功的喜悦。

（5）拓——转身蜕变

通过师生、生生间对作品的展示交流后，学生对自己的学习成果有了正确的评价，为了进一步巩固提升学生的操作能力，教师鼓励引导学生进一步完成拓展任务。拓展任务基于并高于课例任务，提高学生综合能力，拓展学生的思维、能力与素养。通过拓展任务的提升训练，学生增加了学习兴趣，找到了学习方法，增强了学习自信心。在课堂实践中，不断涌现出操作技能突出的优秀学生，有效地提高了学生的操作技能。

如：在《表单应用》教学过程中，完成先前任务，调动了学生的自主學习积极性，趁热打铁进一步布置拓展任务制作注册页面。通过制作注册页面，学生能进一步使用表格布局页面，插入图片、表单对象等元素创建网页，提升了学生的自主学习、合作探究的能力。

4“任务驱动五步教学法”的成效

（1）提升了学生学习兴趣和操作能力

“任务驱动五步教学法”强调学生自主学习，尝试让学生占用课堂大部分时间。学生通过完成来源于学习或生活的真实性任务获得知识技能，带着好奇心与求知欲进入课堂，更能明确知识的实用性。而且学生在自主学习完成任务过程中不断体会到自行解决问题后的成功愉悦心情，这在传统教学中是体会不到的。在该教学法指导下，教师引导学生学会探究思维的学习方法，大大提升了学生学习兴趣和操作能力。

（2）提高了网页设计与制作的课堂效率

网页设计与制作课堂教学运用任务驱动五步教学法，符合中职电子商务专业学生的学情，避免了传统“填鸭式”的低效课堂。近年来我都任教高二、三的电子商务专业班级的网页设计与制作科目，其中高三年级任教班级采用此教学法后高考技能成绩提高明显，高二年级任教的2017级电商1班、2班采用不同教学法实践1学期，采用此教学法的电商2班期中平均分成绩高出12分，期末平均分成绩高于电商1班20分。尤其在2019年我任教2017级电商2班的学生在参加浙江省中职学校“面向人人”电子商务技术赛项中网页制作部分以满分成绩排在第一。实践证明“任务驱动五步教学法”在课堂中的应用促进了师生的共同进步，教学相长，提高了课堂效率。

（3）促进了教师的教学能力提高

“任务驱动五步教学法”中任务设计需要教师精心准备，任务即包含教学内容，又体现真实性和实用性，要能充分激发学生的学习动机。学生在自主学习中使用的自制微视频和有关学习资料也要求教师课前准备。教师既要备教材又要备学生，在课堂中组建小组团队，让小组合作学习，共同进步。因此，该教学法的应用有效提高了教师教学能力。

5 结束语

通过在网页设计与制作课堂教学中实施“任务驱动五步教学法”后，我校的中职电子商务专业学生学习目标明确，兴趣浓厚，课堂表现也更积极更活跃。

引入“任务驱动五步教学法”进行技能教学效果不错，但还存在一些问题需不断实践改进，由于学生个体有差异使教学进度不容易把握，今后需要采取措施既保证学习效果，又不影响进度，切实提高学生的学习能力与教师的教育教学水平。

参考文献：

[1]吴俊荣，基于行动导向的《网页设计与制作》课程教学设计研究[D].东北师范大学，2012.

[2]许巧丹.职业高中网页制作课程翻转课堂教学模式应用研究[D].杭州：浙江工业大学，2016.

[3]刘霞.“任务驱动”教学法在网页制作教学中的应用与研究[D].呼和浩特：内蒙古师范大学，2011.