网页设计与制作中任务驱动法的实践　

摘要：本文研究了如何利用任务驱动教学法来进行网页设计与制作的教学，首先研究这种教学方法的特点，然后分析该方法应用在网页设计与制作教学中的作用。最后，研究了教师如何使用这种方法，以及在运用时的注意事项。

关键词：网页的设计和制作；任务驱动教学；实践方法；研究

引言

网页设计与制作是一门课实践有很大关系的科目，但是在目前的教学工作当中，很多教师由于使用比较传统的教学方法，并没有获得良好的效果，为此，可以利用任务驱动教学法，让学生获得足够的实践。

一、任务驱动教学法概述

（一）任务驱动教学法的内容

任务驱动教学法强调在教学的过程中以一个任务作为整个教学工作的中心，学生在学习时会接受教师的帮助，围绕解决问题这个动机来学习。这种教学方法对学习有很明显的促进作用，通过完成任务，教师也可以同时开展合作学习。任务教学法的好处在于充分调动了学生的自主性和积极性，让学习有更强的实践性，学生在学习的过程中不断进行着探索，在学习任务完成之后，学生会具有很强的成就感[1]。这样，也有利于学生的学习能够形成一个良性循环，在学习中学生会变得有更强的求知欲望，逐渐形成学习的自主性。

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

任务驱动教学法大致会经历情境创设、明确问题和任务、协作学习和自主学习、以及效果评价这四个环节。教师需要针对教学的内容创设出相应的情景，让学生融入到教学情景当中去，之后，就要给学生分配任务，让学生来完成。完成任务的形式可以是自主学习或者是合作学习，根据任务的难以和任务量，教师要做好调节[2]。最后，教师需要根据学生的任务完成情况和学习成果给学生进行评价，一方面通过正面评价来鼓励学生，同时也能够利用评价指出学生存在的不足。

（三）任务驱动教学法的特点

任务驱动教学法是一种以学生为主体的教学方法，在学习的过程中，学生会一边完成任务一边进行学习。这样的学习模式具有很强的创新型，而且对激发学生的学习兴趣也有很大的帮助，也能够让学生和其他人合作，锻炼学生的合作能力。

二、网页的设计与制作和任务驱动教学方法

（一）网页设计与制作的教学目标和定位

网页设计与制作的课程主要目标是为了锻炼学生的网站建设开发能力，以及他们的多媒体应用能力。课程会教会学生如何利用Dreamweaver软件，进行图像处理，以及学习HT⁃ML-CSS-JavaScript进行网页的编程。通过学习，学生将会形成网站规划和维护的能力，并且能够对信息进行加工和，让学生具备足够的动手能力。除了针对网页设计和制作相关的内容，这门课程也需要学生能够通过实践操作逐渐形成对客户需要判断，学会和客户的交流，从而设计出合适的网页。并且，目前的工作当中，很多网页制作和设计任务都是在团队协作中完成的，所以课程的教学也需要让学生能够形成团队协作的能力[3]。最后，由于网页的技术更新很快，每年都会有全新风格和潮流，为此学生同样需要具备自主学习能力，以便能够在工作中跟上时代的需要。

（二）传统教学在网页设计和制作课程上的不足

在传统的教学模式之下，老师会按照教材的顺序进行知识点的讲解，教会学生软件功能的使用方法以及相关编程语言的作用。之后，会布置作业让学生内进行练习，在完成一个阶段的学习任务后，会有实例联系。这种教学方法将不同单元的教学内容都分解开来，让学生不容易构建起连贯的知识系统。而且，很多学生在学习的过程中也缺少实践，使得他们在理解知识的原理之后，也不容易应用到实际当中，而且随着学习的深入，学生往往也会忘记前面的内容[4]。所以，传统的教学模式下，学生并不能很好的掌握网页设计和制作相关的知识，而且缺少对知识的深刻理解也很容易在学习中失去兴趣。

（三）使用任务驱动教学法的有点

从网页设计与制作这门课程教学目标就能够发现，课程和实践是密切相关的，所以学习必须要伴随着大量的实践，才能够获得良好的学习效果。而任务驱动教学法则一直在锻炼学生的实践能力，学生在学习每个知识点的时候都需要他们真正使用全新的知识，既有利于他们实践能力的提高，也有利于学生对知识的掌握。而且，在完成任务的过程中，学生要和其他同学协作完成很多任务，学生的团队合作能力也会得到锻炼。在不断的探索当中，学生会形成很强的自主学习能力，对学生未来的发展有重要的影响。

三、网页设计与制作使用任务驱动教学法的方法

（一）情景的创设

为了能够让学生投入到学习当中，教师需要针对课程的内容，情景常设。比如可以在课堂上举一些具有特性的网站例子，然后让学生将这个网站作为他们的学习范本，激发他们的学习兴趣[5]。然后结合单元和本节课的学习内容，布置任务，促进学生的学习。在开始任务之前，要和学生分析网页的设计方法和思路，研究各种设计的原因以及所使用的技术，拓展学生的视野，然后在领导学生进行网页的设计和制作。比如，教师可以利用实例来给学生讲解库、图层、模板、CSS样式等方面的内容，并且对相关的技术进行深入的分析，让学生主动参与到学习当中。

（二）研究问题和分析任务

在教师提出任务和问题之后，就要给学生思考、分析和讨论的时间，教师需要想办法把学生的思维调动起来，而不是急于完成教学任务。所提出的任务需要兼顾巩固旧知识和学习新知识的需要，让学生能够把旧知识和新知识之间联系起来，形成完整的知识系统[6]。同时，教师也需要激发学生的想象力，例如在讲解CSS样式时，可以把某个网站的文字效果展示给学生，让学生把这种文字效果和学过的知识进行对比，然后让学生研究这些效果都是如何实现的。为了让学生能深入的思考，教师在教学的时候只要进行相关的引导工作，而不是直接给出答案，这样才能让学生深刻地分析问题，并且加深对学习任务的理解。

（三）引导学生完成任务

在经过讨论和研究之后，学生一般也形成了解决问题的思路和方法，教师在此时需要给学生机会让他们把自己的想法落实。在这个过程中，一些学生可能会向教师提出提问和求助，但教师不能简单地告诉学生答案，而是应该在思路上引导学生。教师需要引导学生更多的使用全新的技术，这样才能够让他们在完成学习任务的同时也能够掌握好知识[7]。为了激发学生的学习兴趣，教师可以让学生个性化的进行网页的设计，并且鼓励学生突破刻板的要求，尝试全新的方法。完成任务的过程并不是仅仅依靠书本知识，也需要让学生在完成任务的过程中搜索相关资料，比如分析一个公司的网页设计思路，然后再根据自己的喜好进行尝试等等。教师需要注意到学生的个体差异，做好分组，才能够让学生对知识有更好的把握。

（四）评价反馈工作

评价反馈工作是任务驱动教学法的关键环节，教师需要对这个环节予以足够的重视，通过鼓励和指出缺点让学生对学习有更高的兴趣，并且提高学生的学习水平。为此，教师要考虑到学生个性化的需求，指出学生存在的缺点，并且在评价的过程中和学生进行交流，研究如何针对这些优点来做出优化。教师也可以对学生的作品进行展示，让其他的同学也参与到评价的工作当中，这样就能让学生能够对此形成全面的认识。同时，教师要在评价的过程中指出学生在设计上的优点和亮点，尤其是对一些思路比较独特的学生予以赞赏，这样也能够让学生提高他们的个人理解能力，并且更敢于对网页设计进行创新。评级工作不仅仅要针对学生完成作品情况，也需要评价学生的工作过程，帮助学生优化他们的工作流程，提高网页的制作效率。

四、运用任务驱动教学法注意事项

（一）充分利用网络完成教学

由于教学工作适合网络有关的，所以教学工作需要充分利用网络。为此，教学过程中教师需要在网上搜索素材，同时也允许学生在完成的任务过程中从网上获取素材。但是，必须要避免学生抄袭的情况，为此教师可以让学生在展示时把借鉴的网站也列举出来，克制学生抄袭的行为，使学生的设计能力得到锻炼。

（二）做好分组工作

为了让任务驱动教学法得到充分的应用，教师需要设置好分组，才能够让教学有获得合适的效果。比如，需要考虑到学生的性格问题，减少他们在学习过程中的冲突，让讨论研究可以在是顺利的环境下进行。比如在制作个人博客的时候，根据难度可以将班级的学生分成四人一组，让学生分组讨论，分析网页的布局，研究在这种布局下要使用怎样的CSS控件；将博客网页的内容分解成不同的模块，并且研究不同页面和结构之间又怎样的关系，最后确定网页中的动画等元素。学生需要做好分工，最初，教师可以明确小组内不同的任务内容，随着课程的深入，再允许学生根据组员的情况进行灵活调整[8]。比如可以将资料的收集工作分为收集网页素材和访问素材两个工作内容，由不同的人员负责，然后组员也需要和其他的小组交流，避免出现雷同的情况。

（三）做好课后总结

在完成对所有学生作品的评价工作之后，教师也要做好学生学习情况的总结工作，分析学生在完成任务的过程中，那些知识点被充分利用，而那些知识并没有得到学生的使用。由此可以研究学生对知识的掌握情况，在今后的课程中，教师也能针对学生的薄弱点重点讲解，并且不止相应的学习任务，让学生得到对应的训练。

五、结语

网页设计和制作是一项和实践有着很大关系的课程，为了取得良好的教学效果，需要使用任务驱动教学法。在教学的过程中，教师需要利用其它网站设计的是例子来创设教学情景，并且充分利用网络进行教学。另一方面，教学工作需要给学生足够的自主性，为此，教师需要给学生足够的空间去讨论和思考，还要鼓励学生设计出自己个性的网页，提高学生的设计水平。最后，教师要做好对学生作品的评价工作，并且在评价之后对学生的薄弱点做好总结，在未来的教学工作中加强讲解和训练。

参考文献：

[1]刘星海.《网页设计与制作》中任务驱动教学法的实践与研究[J].才智,2017（10）.

[2]丁海燕,袁国武,林玲.网页设计与制作教学实践研究[J].实验科学与技术,2015,13（02）.

[3]董贺伟.网页制作教学中任务教学法的应用实践探微[J].电脑知识与技术,2015,11（29）.

作者：谭琦 单位：四川工业科技学院

 环境设计论文   实验设计论文   电路设计论文   造型设计论文   优化设计论文 室内设计论文   网页设计论文   平面设计论文   环境艺术设计论文   服装设计论文 广告设计论文   招贴设计论文   园林设计论文   园林景观设计论文   建筑设计论文 景观设计论文   字体设计论文   空间设计论文   方案设计论文   家具设计论文 网站设计论文   工程设计论文   系统设计论文   设计管理论文   路面设计论文 照明设计论文   环保设计论文   程序设计论文   结构设计论文   产品设计论文