用比较法的设计“动态HTML”教学案.doc

用比较法设计《5.1.1 动态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文件夹下，部分网页制作的操作可能已经遗忘等等。为此在学习本节内容之前先安排学生上机做一个普通网页练习，既对网页制作进行了复习又能自然过渡到本节新知识的学习。 教学目标： 1、 复习在网页中插入图片、动画、音乐等基本技能。 2、 掌握区分动态HTML特效与非动态HTML特效的方法。 3、 学习并掌握在网页中设置字幕、横幅广告管理器、悬停按钮及文字特效的方法。 教学重难点： 1、区分哪些特效属于或不属于动态HTML的范畴 2、熟练掌握字幕及悬停按钮等网页特效的设置方法 教学策略及方法： 先通过一个简单网页制作让同学进入学习状态；教师演示同一主题的纯静态网页与具有“动”的效果的网页巨大效果差异，突出“动态”效果可以使网页变得丰富生动起来的优点；阅读教材“什么是动态HTML”，思考与讨论：“是不是网页中所有动的效果都属于动态HTML范畴？”；教师演示并总结判断的方法；同学继续网页制作，在网页中加入部分动态特效；评价同学练习情况，小节本课主要知识点。 ? 教学设计： 一、课前准备： 1、在服务器上下载本课练习素材，并解压缩。 2、安装“java组件.msi”程序。解决Frontpage制作的网页特效无法在本地IE浏览器中正常显示这一问题。 3、阅读“学生课内练习.doc”文档，了解本课学习的内容及上机练习的具体任务。 二、巩固与复习： 学生活动：制作如下图所示网页： 此主题相关图片如下：1.jpg主要练习内容：设置网页背景；插入背景音乐；在指定的位置插入图片及Flash动画；保存网页等。 可能存在的问题：①背景音乐设置 ②Flash动画设置 ③正确的保存网页。 解决方法：同学交流与协作；教师巡视与指导。 教师活动：大多数同学完成该网页制作后，简要点评同学网页制作中存在的问题及解决方法。重点演示某同学在保存网页时不注意将图片和动画保存到xizang文件夹下的解决办法：将该目录下的图片及动画文件移动到images文件夹下，重新保存网页即可。 学生活动：检查自己网页制作中存在的问题并修正错误。 三、导入新课： 教师活动：展示课件中同一主题的两个不同风格网页：一个纯静态网页和一个具有“动态”效果的网页，哪一个网页更丰富生动、更具有视觉吸引力？ 同学回答：第二个网页更具有吸引力。 幻灯片展示教师提出的四个问题： ①第二个网页是不是就是今天要学习的动态HTML？ ??????? ②什么是动态HTML？ ??????? ③动态HTML具有哪些表现形式？ ?????