动态网页制作教学设计

动态网页制作教学设计

班级高一学校滨海县明达中学时间2005课题第八节动态网页制作教学目标认知目标：能使用Frontpage“插入/组件”菜单命令及“格式/动态HTML效果”命令，设计具有动态效果的页面。

技能目标：设计具有自己个性的动态网页。

情感目标：关注HTML语言的新技术及效果，增强网页的制作能力。教学重点Frontpage组件菜单的运用教学难点横幅广告管理器的使用，悬停按钮与滚动字幕的制作教学方法在布鲁纳倡导的“发现式”教学法理论的基础上，依据课堂教学的特点及本节内容的个性特色，设想由场景--问题--发现和由发现—实践—问题—结论--新场景的教学模式，主张大信息量，多点刺激，引发学生自主学习的兴趣，并适当加以提示和总结，构造“发现”式课堂教学模式。教学课时第一课时：悬停按钮、滚动字幕、横幅广告管理器、动态html效果。

第二课时：进一步理解动态html效果，渗透“事件”概念；完善century.htm页面，制作计数器，添加背景音乐，完成网站的建设。

第一课时课时目标1、掌握横幅广告管理器的使用方法，能够制作幻灯。

2、掌握悬停按钮的制作方法。

3、掌握滚动字幕的制作方法。

4、学会动态HTML效果的设置。

5、培养学生的动手操作与自学能力，加强学生的学习兴趣。教学过程

教师学生一、导入新课展示本课网页作品century.htm：页面场景引入，发现问题：学生比较这个网页与前面制作的网页有什么不同？在century.htm网页中出现了动态网页效果。（1）标题图片切换（两幅）、（2）标题下方的文字会滚动，（3）地球的旋转，（4）文字从右下飞入，（5）网页底部的脚印，（6）鼠标指向“环保组织”“环保行动”会有变色效果。二、探求新知继续观察，实践问题

学生自主练习做century.htm网页中的一，二个动态效果。1、探索新知的提示

本课所要学习的四个动态效果中，横幅广告管理器、滚动字幕、悬停按扭都在“插入”菜单的“组件”子菜单中，HTML动态效果在“格式”菜单中。按照自己的要求，试着练习制作。(可参照书本上的操作步骤)

学生分组互助学习

讨论问题，解决问题观察文字的滚动效果，引入滚动字幕的制作方法。1、提示学生单击“插入/组件”菜单2、提出目标在新建的页面上，插入“让我们热爱地球吧”滚动字幕3、总结

发现问题：字幕的滚动。完成问题：完成字幕制作。思考问题：延迟与数量的含义。(对照书本操作实践)

观察标题图片的变化，引入横幅广告管理器的制作方法1、提示学生单击“插入/组件”菜单2、提出目标在新建的页面上，插入biaoti1.gif,biaoti2.jpg两幅标题，使之轮流切换3、总结发现问题：图片在一定的时间内变换。完成问题：完成横幅广告管理器的制作方法。思考问题：如何调整图片的播放次序及个数。自我发现问题→提出问题→解决问题

观察按钮的变化，引入悬停按钮的制作方法1、提示学生单击“插入/组件”菜单2、提出目标在新建的页面上，插入“环保组织”、“环保行动”使之产生变色效果3、总结发现问题：按钮在点击时会变色。完成问题：完成悬停按钮的制作方法。思考问题：如何设计悬停按钮的超链接。

观察文字的飞入过程，引入动态HTML效果的制作方法。1、提示学生单击“格式/动态HTML效果”菜单2、提出目标在新建的页面上，插入动态HTML效果文字，使之飞入页面3、总结发现问题：文本的飞入完成问题：完成动态HTML效果发现问题：打开网页时，问题会飞入，有无其它情况下的动态过程，图形能否实现动态效果。完成问题：进一步深化动态HTML效果。

实践探索：在网页中加入一个视频插件，用于播放一个视频文件。备注：本内容可以视学生