文档介绍：用比较法设计《动态HTML》教学案
 
比较法是通过观察、分析,找出研究对象的相同点和不同点,它是认识事物的一种基本方法。通过综合比较,直观的反映出物体或对象之间的异同。这种方法切合马克思唯物辩证哲学思想的矛盾统一观,运用这种方法,有利于充分显示事物的矛盾,突出事物的特征。本课的重难点是要让同学掌握动态HTML与普通静态网页的区别,具有“动态”效果的Flash动画和gif图片动画特效与动态HTML特效之间的区别等等。这决定了本课的教学案特别适合用比较法设计。
教材分析:本节是高二选修《网络技术应用》(2004年10月第1版教育科学出版社)第五章的第一小节,主要解决“什么是动态HTML”这一问题。教材中给出的定义是“指即使在脱离网络环境的情况下,网页下载到浏览器以后仍能随时变换的HTML”,这一定义相对模糊。为此书上列举了多许事例,如:当鼠标指针移至文章段落中,段落能够变成蓝色;鼠标指针滑过一幅图片时,这幅图片会产生变化;在网页中加入日期、时间等文字特效、鼠标特效、网页特效。书中还特别强调GIF图片动画不属于动态HTML效果。这些介绍并不能使同学们明确理解到底什么是动态HTML,哪些特效属于动态HTML,哪些特效又不属于动态HTML,有没有一个明确的判别标准呢?这些是本节课教学设计中需要解决的重难点问题。
为此笔者特意在网上对有关“动态HTML”这一概念进行了大量的信息检索,发现对于这个概念并没有一个权威的定义,一般认为:“动态HTML是向原有的HTML加入程序的一种方法。”;“它是一种通过JavaScript、VBScript、Document Object Model(文件目标模块)、Layers和 Cascading Style Sheets(CSS)等各种技术的综合发展而得以实现的概念。因此笔者认为“通过各种代码使网页产生的动态效果就属于动态HTML”更有利于学生的理解。
学情分析:在学****本节之前,学生已系统的学****了使用Frontpage2000制作普通网页的基本方法,HTML代码也进行过专门学****多数同学能较熟练的制作普通网页,为本节学****打下了良好的基础。但有的同学在网页制作的细节把握上还存在不足,如:网页保存时忽略了要将图片、声音、动画等文件保存在images文件夹下,部分网页制作的操作可能已经遗忘等等。为此在学****本节内容之前先安排学生上机做一个普通网页练****既对网页制作进行了复****又能自然过渡到本节新知识的学****br/>教学目标:
1、复****在网页中插入图片、动画、音乐等基本技能。
2、掌握区分动态HTML特效与非动态HTML特效的方法。
3、学****并掌握在网页中设置字幕、横幅广告管理器、悬停按钮及文字特效的方法。
教学重难点:
1、区分哪些特效属于或不属于动态HTML的范畴
2、熟练掌握字幕及悬停按钮等网页特效的设置方法
教学策略及方法:
先通过一个简单网页制作让同学进入学****状态;教师演示同一主题的纯静态网页与具有“动”的效果的网页巨大效果差异,突出“动态”效果可以使网页变得丰富生动起来的优点;阅读教材“什么是动态HTML”,思考与讨论:“是不是网页中所有动的效果都属于动态HTML范畴?”;教师演示并总结判断的方法;同学继续网页制作,在网页中加入部分动态特效;评价同学练****情况,小节本课主要知识点。
 