浅谈任务驱动教学法在高职院校Javascript教学中的运用
[摘要] javascript是网页设计与制作的核心技术，也是一门操作性和实践性很强的课程。根据高职学生的特点，通过笔者在javascript教学中的实践，认为基于任务驱动的教学方能取得比较理想的教学效果。
[关键词] 高职javascript任务驱动教学探讨
一、引言
近年来，随着谷歌、百度、腾讯等大型网络公司对ajax技术（asynchronous javascript and xml“异步javascript和xml”）的应用，javascript成为了网页设计与制作的核心技术之一，网络上javascript的案例也是数不胜数。这些网络案例为学生提供了复制粘贴的机会的同时，也以多样性和趣味性激发着学生对javascript的兴趣。
“高职高专的学生文化基础总体比较薄弱，具体的成绩差异性比较大。由于高考的不理想，很多学生在进入学校的时候有一种落后于他人，自卑的心理”[1]。因此，在jascript教学过程中，让学生能够端正学习态度，培养学习兴趣，是教学环节里非常关键的一部分。
在教学过程中采用任务驱动法，把生动的、灵活的案例作为任务引入，吸引学生注意。同时，把整个案例分解成为一个一个的任务目标，让学生在完成一个一个任务的同时，会逐渐的体验到javascript的魅力，并产生兴趣而不会对javascript产生畏惧心理。有了兴趣之后，学生就可以自己在网络上进行学习并提高。
因此，如何在教学过程中利用有限的时间把学生的兴趣激发起来，是非常重要的。下文，笔者就根据自己的javascript教学经验，以教授学生制作javascript的二级菜单为例，来探讨下如何利用任务驱动法来进行课堂任务引入、任务分析、教师演示以及学生操作的流程。
二、任务引入
图 1由核心原理引出n个小任务
二级菜单是时下非常流行的网络交互特效之一，许多网站上都会看到二级菜单的影子。教师可以用著名的大型网站的二级菜单特效为例，用以吸引学生的注意，激发学生的兴趣。
首先教师应该给学生演示二级菜单的案例，当鼠标移动在菜单上的时候，就会在菜单的下面弹出二级菜单；当鼠标移开菜单的时候，二级菜单就会隐藏起来。要给学生说明二级菜单的
作用就是隐藏页面菜单，提高用户交互体验性。它最核心的原理就是：显示和隐藏页面标签。笔者认为，在任务引入的时候一定要抓住案例任务的最核心的原理，让学生从根本上理解javascript各种特效。这样才能让学生在自我的学习过程中，利用课堂所学举一反
三。
通过任务的引入，教师由二级菜单核心原理划分出两个小任务：
1）如何显示页面标签
2）如何隐藏页面标签
只要完成了这两个小任务，整个二级菜单案例就基本上完成了。（如图1所示）
但是这样划分出来的小任务，依然非常笼统和模糊，需要作进一步的任务分析。
三、任务分析
在任务驱动教学法中，第二个关键的步骤就是任务分析。笔者认为，在任务分析的过程中，
就要把引入的小任务对学生做进一步的分析和理解，把蕴含在里面的知识点和难点引申出来。
网页设计与制作代码案例
页面通常情况下分为四个层次：内容、结构、样式和行为。javascript处在行为层，是基于一定的html和css样式代码之上的行为。笔者认为html结构和css样式在javascript案例的制作过程中的重要性一点也不亚于javscript代码本身，在对javascript特效做进一步的分析之前，首先应该分析出任务相应的html和样式。
div+css的时代，网页的菜单导航往往是使用结构制作的，二级菜单的结构也类似。二级菜单的html结构如下：
一级菜单1
一级菜单2
二级菜单
二级菜单
二级菜单
二级菜单在鼠标放在一级菜单上的时候才会出现，所以在默认情况下它应该是隐藏的。二级菜单的核心样式如下（具体案例不同，样式略有差异）：
#nav li{
float:left;
display:inline;
position:relative;
}
#nav li ul li{
float:none;
}
#nav li ul{

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。