2022年动态网页制作教学设计.pdf

《2022年动态网页制作教学设计.pdf》由会员分享，可在线阅读，更多相关《2022年动态网页制作教学设计.pdf（4页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、学习好资料欢迎下载动态网页制作教学设计班级高一学校滨海县明达中学时间2005课题第八节 动态网页制作教学目标认知目标：能使用 Frontpage “插入/组件”菜单命令及“格式 /动态 HTML效果”命令，设计具有动态效果的页面。技能目标：设计具有自己个性的动态网页。情感目标：关注 HTML 语言的新技术及效果，增强网页的制作能力。教学重点Frontpage组件菜单的运用教学难点横幅广告管理器的使用，悬停按钮与滚动字幕的制作教学方法在布鲁纳倡导的 “发现式” 教学法理论的基础上， 依据课堂教学的特点及本节内容的个性特色，设想由场景- 问题- 发现和由发现实践问题结论 - 新场景的教学模式， 主

2、张大信息量，多点刺激， 引发学生自主学习的兴趣，并适当加以提示和总结，构造“ 发现” 式课堂教学模式。教学课时第一课时：悬停按钮、滚动字幕、横幅广告管理器、动态html 效果。第二课时：进一步理解动态 html 效果，渗透“事件”概念；完善 century.htm页面，制作计数器，添加背景音乐，完成网站的建设。第一课时课时目标1、掌握横幅广告管理器的使用方法，能够制作幻灯。2、掌握悬停按钮的制作方法。3、掌握滚动字幕的制作方法。4、学会动态 HTML 效果的设置。5、培养学生的动手操作与自学能力，加强学生的学习兴趣。教学过程教师学生一、导入新课展示本课网页作品century.htm：页面场景引

3、入，发现问题 ：学生比较这个网页与前面制作的网页有什么不同？在 century.htm 网页中出现了动态网页效果。（1） 标题图片切换（两幅）、（2）标题下方的文字会滚动，（3）地球的旋转，（4）文字从右下飞入，（ 5）网页底部的脚印，（ 6）鼠标指向“环保组织” “环保行动”会有变色效果。二、探求新知继续观察，实践问题学生自主练习做century.htm网页中的一，二个动态效果。1、探索新知的提示本课所要学习的四个动态效果中，横幅广告管理器、滚动字幕、悬停按扭按照自己的要求， 试着练习制作。 (可参照书本上的操作步骤 )精品资料 - - - 欢迎下载 - - - - - - - - - -

4、- 欢迎下载 名师归纳 - - - - - - - - - -第 1 页，共 4 页 - - - - - - - - - - 学习好资料欢迎下载都在“插入”菜单的“组件”子菜单中，HTML 动态效果在“格式”菜单中。学生分组互助学习讨论问题，解决问题观察文字的滚动效果，引入滚动字幕的制作方法。1、提示学生单击“插入 /组件”菜单2、提出目标在新建的页面上，插入“让我们热爱地球吧”滚动字幕3、总结发现问题：字幕的滚动。完成问题：完成字幕制作。思考问题：延迟与数量的含义。(对照书本操作实践 )观察标题图片的变化， 引入横幅广告管理器的制作方法1、提示学生单击“插入 /组件”菜单2、提出目标在新建的

5、页面上，插入biaoti1.gif,biaoti2.jpg 两幅标题，使之轮流切换3、总结发现问题：图片在一定的时间内变换。完成问题：完成横幅广告管理器的制作方法。思考问题：如何调整图片的播放次序及个数。自我发现问题提出问题解决问题观察按钮的变化，引入悬停按钮的制作方法发现问题：按钮在点击时会变色。精品资料 - - - 欢迎下载 - - - - - - - - - - - 欢迎下载 名师归纳 - - - - - - - - - -第 2 页，共 4 页 - - - - - - - - - - 学习好资料欢迎下载1、提示学生单击“插入 /组件”菜单2、提出目标在新建的页面上， 插入“环保组织”

6、、“环保行动”使之产生变色效果3、总结完成问题：完成悬停按钮的制作方法。思考问题：如何设计悬停按钮的超链接。观察文字的飞入过程，引入动态HTML 效果的制作方法。1、提示学生单击“格式 /动态 HTML 效果”菜单2、提出目标在新建的页面上， 插入动态 HTML 效果文字，使之飞入页面3、总结发现问题：文本的飞入完成问题：完成动态 HTML 效果发现问题：打开网页时， 问题会飞入，有无其它情况下的动态过程，图形能否实现动态效果。完成问题：进一步深化动态HTML 效果。实践探索：在网页中加入一个视频插件，用于播放一个视频文件。备注：本内容可以视学生掌握基础知识的效果而定是否讲解。三、巩固练习1、 继续完成本网页的制作并在下一节课中能指出所要注意的地方。2、预习计数器的插入与背景音乐的添加。(请学生演示 )精品资料 - - - 欢迎下载 - - - - - - - - - - - 欢迎下载 名师归纳 - - - - - - - - - -第 3 页，共 4 页 - - - - - - - - - - 学习好资料欢迎下载精品资料 - - - 欢迎下载 - - - - - - - - - - - 欢迎下载 名师归纳 - - - - - - - - - -第 4 页，共 4 页 - - - - - - - - - -