任务驱动案例在网页设计的运用

任务驱动案例在网页设计的运用

网页设计与制作”课程是高职计算机应用专业的一门重点课程。课程具有实践性强、极富创造性和自主性、明显时代发展性等特点，要求学生能主动参与到学习中，重在实际动手能力以及应用能力的培养。针对传统教学法的弊端，尝试在该课程中采用任务驱动案例教学法，我们在实际教学中主要以项目案例教学为主，要求学生经过指导能够完成课堂上布置的模块化任务，在课后要求学生将各个模块整合，完成一个简单的网站，从而使学生操作技能掌握牢靠，实现以技能培养为核心，符合职业岗位需求的应用型、技能型人才的培养目标。本文主要针对课程后期的集中实训教学做探讨。

1“网页设计与制作”课程传统教学中存在的问题

在以往的课堂教学过程中，教师是教学主体。教师的授课进度都是按照大纲指导进行，按部就班，没有考虑到学生的实际情况。课堂上知识满堂灌，学生被动接受。长期下去，学生缺乏主动学习的积极性，学习变成教师喂一点，学生吃一点的现象，严重影响教学效果。以往该课程的实践教学，都是紧随课堂教学，当课堂上讲授完一个知识点或者操作，随后安排上机课进行练习。实践课上，教师布置上机内容，学生在机房自由练习。这种目标驱动式的模式本身无可厚非，但是大多学生一般完成上机任务就万事大吉，对自身没有过高要求，这样没有机会培养学生的自我创造力。

2教学模式针对传统教学中存在的问题，我们根据实际课程的尝试，在课程中采用了以下几种教学模式：

诱导性教学模式

诱导性教学模式是教师设置各种诱惑因子，引导学生主动学习的高校教学改革的新模式，它源于以行为主义的强化理论为基础的刺激控制教学模式。我们在课程的教学过程中会通过提问和讨论的方式来诱导学生进入课程内容，比如在网站规划模块教学中，主要采取这种教学模式指导学生选取网站的主题，让学生选取自己喜欢的主题，然后去网上搜集与主题相关的资料，在课程学习过程中应用进去，从而刺激学习的积极性。

任务驱动案例教学模式

任务驱动案例教学模式是在任务驱动教学和案例教学的基础上提出的一种基于建构主义和人本主义理论的新模式。我们在日常教学中先以任务进行驱动，随后在分解的各个模块中融入案例；任务驱动作为一条主线贯穿课堂教学的始终，用来组织教学各环节，具体教学以案例为基础而展开。通过任务驱动将教学内容设计成具体任务，以具体任务为中心。在完成任务的过程中，介绍和学习基本知识和技能，训练学生提出问题、分析问题、解决问题的综合能力；通过分析案例程序来引导学生学习，强调学生在真实情景中进行学习活动。该模式实现了任务驱动教学法和案例教学法的有机结合，能够培养出动手实践能力较强的应用型人才。

网络教学模式

网络教学模式是指借助网络实现教学的一种新型教学模式，在该模式下，教师利用计算机网络向学生传递教学信息，或学生通过计算机网络获取学习的知识并向教师反馈，这样既能提高学生的学习兴趣，促进学生积极自主学习，又能加强师生的交流和协作研讨；它还突破了空间和时间等的限制，能够很方便地实现教学。我们在教学中主要是在实践课上通过机房的局域网实行教学，共享资料。

3教学过程实施

为了消除惰性，督促学生动手操作，我们考虑在教学过程中给学生布置操作任务，有了任务，他们就有了压力和目标，也就能克服惰性，主动去实践操作了。因此，我们教师一般在第二次课上就给学生布置一项操作任务：大家自选主题，独立设计并制作一个能发布的静态网站。网站规模十个页面左右，要随着课程教学进度的安排，分阶段地逐步完成，并加强过程监督与质量追踪验收。

我们将这一任务分解为下面七个阶段：

第一阶段，网站策划和准备素材阶段；

第二阶段，创建并组织站点的结构；

第三阶段，创建一个主页；

第四阶段，分别创建使用表格、布局表格和层这几种布局方法布局页面，完成至少2个图、文、多媒体混排的页面；

第五阶段，分别使用框架和模板布局技术至少各创建出2个页面；

第六阶段，在已有网页中添加行为和Javascript，创建出具有特殊动态效果的静态网页；

第七阶段，完善网站功能，创建各页面之间的超链接，并发布于因特网。

在任务验收时主要验收如下内容：

第一阶段，作业布置两周后上交网站策划书；

第二阶段，每结束一个模块的知识点，相应的完成一个模块的设计应用；

第三阶段，每个月末教师提前筛选出有代表性的作品，在实践课上将作品用投影机打开，由同学评议，指出优缺点。目的是让同学们扬长避短，重新修改自己的作品；

第四阶段，期末进行综合验收，将验收成绩作为平时技能成绩计入总成绩中。要完成任务驱动教学中各个阶段分解的任务，在教学中必须以案例展开教学。为此，我们在整个讲授过程中，选择的案例是一个班级的网站，该网站是本人依据讲课的需要，搜集多年的讲课经验，专门用来讲授该课程的具体操作而精心设计的案例网站，站点中的每个页面都与分阶段的讲课内容密切相关。按照课程内容，我们将整个课程划分为几个模块：

网站规划模块：包括站点的建立、页面的设计，主要用到之前Photoshop课程所学的知识，先将网站页面在Pho-toshop中规划出来。

页面布局模块：包括利用表格、层、布局表格、框架布局页面。

页面设计模块：包括页面中各类元素文本、图像、多媒体的添加。

样式设计模块：包括CSS样式的使用，HTML的应用。

动态效果模块：包括行为和Javascript的使用。

以上模块涉及的知识点齐全，讲到某个知识，我就找出相关的页面给学生展示。比如，在讲解表格的使用时，我先给学生展示其中用表格布局好的页面，然后提问：“大家觉得这个网页的布局效果怎么样？它是用什么技术实现的？以前用过表格吗？你想在自己策划的网站中设计出来吗？”通过这样的提问，引导学生去思考、去分析，进而引入新的知识点，然后让学生推荐代表上去依葫芦画瓢制作出同样效果的网页，而我在台下观察，最后给学生点播和指导，并进行分析总结，最后要求学生在自己的大作业中设计出类似的页面。在这种教学模式的任务驱动教学过程中，教师的角色相当于“导演+顾问”，学生则是“导演+演员”，从作业质量来看，这一贯穿教学始终的任务驱动教学法的融入，导演、演员和顾问的角色扮演得都很好，确实起到督促学生学习的作用，达到了预期的教学目标。任务分解中的案例教学具有启发性、实践性的特点，有利于开发学生智力，提高学生决策能力和综合素质，树立学生的自信心，培养其独立思考的能力。二者的完美结合，取得了良好的教学效果。

4考核方法

课程考核是检验教学质量和教学效果的主要手段。考核办法设置得是否合理，将直接影响成绩的合理性和客观性。在网页设计与制作课程考核中如何全面地检查学生的知识和能力，是我们一直在思考的问题。经过多年的实践经验，我们总结出如下的考核方法———

首先，在日常教学中，我们按照模块划分教学内容，要求学生完成每个模块的知识点操作，这些将作为实训成绩；

其次，按照学期初布置的大作业，按阶段进行验收，计入学生的平时成绩；

再次，在学期末，按照每个人完成的大作业进行整体评分，作为期末考试成绩；

最后，将平时成绩的40%和期末考试成绩的60%进行计