【教学过程】
掌握“个”的阶段
讲解完毕,学生练习的时间要做出必要的指导,帮助学生完成任务
探索“类”的阶段
学会使用
JavaScript源代码实现其他的鼠标跟随效果
启发学生利用所给的不同的源代码实现相似的功能。如:图形跟随鼠标、星星跟随鼠标等
尝试利用对文字跟随鼠标效果的认识迁移到其他鼠标跟随效果的实现
理解规律阶段
理解脚本语言JavaScript
的一般使用方法
组织学生讨论,着重比较不同JavaScript源代码实现相似效果的异同点,引导他们发现规律、做出总结
发现、总结和掌握脚本语言JavaScript使用的共性和规律,熟练掌握把JavaScript源代码加入到HTML中的方法
获得关于世界和生活的经验的阶段
理解和内化JavaScript的社会意义和存在价值
引导学生回忆使用JavaScript源代码实现奇妙的动态效果的信息过程,联系日常的学习和生活中的事例,师生共同讨论JavaScript脚本语言对网页制作方面的影响。对学生的想法和观点教师要做出适当的点评
思考和讨论JavaScript在动态网页制作中的作用和意义,充分了解其在现实生活中的不可或缺的重要作用,能够有意识的从网络中下载可供利用的JavaScript源代码为我们服务。将认识和评价填写到学习小结表(见附录2)。
李艺评析:
您现在访问的是中国学科吧旗下教案网http://www.jsfw8.com/jafs/本案例采用范例法来讲授JavaScript的引用,代替传统的系统教材和教学,改变了原有按孤立、线性的学科体系向学生传授知识的原则,改变课程结构过于强调学科本位和缺乏整合的现状,使课程结构具有均衡性、综合性和选择性,非常符合当前课程改革的思路。范例教学法强调范例与学生的学习和生活实际相结合,全面培养学生的信息素养。本案例依据典型的范例:文字鼠标跟随进行教学,目的在于使学生从特殊中获得一般,再从一般迁移到其他的“个别”上来,符合人类认识的规律和教学规律,可以减少教学内容,减轻学生的课业负担和教师的教学负担。但是本案例还存在一些不足之处,比如教学中比较难把握教学过程,对于可能出现的问题也不能够完全预知,教师在实际的教学应用中可以灵活掌握,对JavaScript的教学作进一步的探讨。
还可以怎么讲:
本案例还可设计为任务驱动型案例,通过任务的设置最终完成JavaScript的学习。
[附录]
1.把以下代码放在<head>和</head>之间
}
¨以下代码放在<body>之间
¨以下代码放在<body***>下载网址:http://www.hongen.com/pc/homepage/javascript/sample/followshubiao.htm
</script>
<scriptlanguage="javascript">
if(navigator.appVersion.indexOf("MSIE")!=-1){
document.write('<divID=OuterDiv>')
document.write('<imgID=iitsrc="img/rabbit.gif"STYLE="position:absolute;TOP:0pt;LEFT:0pt;Z-INDEX:2;visibility:hidden;">')
document.write('</div>')
}
</script>
注:此效果只能在IE浏览器中实现,本例中所用的图形放在与当前页面同级的“img”文件夹内,名为rabbit.gif。
下载网址:http://www.hongen.com/pc/homepage/javascript/sample/picfollow.htm
您现在访问的是中国学科吧旗下教案网http://www.jsfw8.com/jafs/2.学习总结表
学习总结表姓名:
问题
总结
能否实现图片鼠标跟随效果?如果不能为什么不能实现?原因是什么?
使用了JavaScript的哪些功能?有什么收获?