动态网页制作教学设计
认知目标:能使用 Frontpage“插入/组件”菜单命令及“格式/动态 HTML
效果”命令,设计具有动态效果的页面。
技能目标:设计具有自己个性的动态网页。
情感目标:关注 HTML 语言的新技术及效果,增强网页的制作能力。
在布鲁纳倡导的“发现式”教学法理论的基础上,依据课堂教学的特点及
本节内容的个性特色,设想由场景-- 问题--发现和由发现—实践—问题
—结论--新场景的教学模式,主张大信息量,多点刺激,引发学生自主学
习的兴趣,并适当加以提示和总结,构造“发现”式课堂教学模式。
第一课时:悬停按钮、滚动字幕、横幅广告管理器、动态 html 效果。
第二课时:进一步理解动态 html 效果,渗透“事件”概念;完善 century.htm
页面,制作计数器,添加背景音乐,完成网站的建设。
1、掌握横幅广告管理器的使用方法,能够制作幻灯。
2、掌握悬停按钮的制作方法。
3、掌握滚动字幕的制作方法。
4、学会动态 HTML 效果的设置。
5、培养学生的动手操作与自学能力,加强学生的学习兴趣。
展示本课网页作品 century.htm:页面
场景引入,发现问题:
学生比较这个网页与前面制作的网
页有什么不同?
在 century.htm 网页中出现了动态网
页效果。
(1)标题图片切换(两
幅)、(2)标题下方的文
字会滚动,(3)地球的旋
转,(4)文字从右下飞入,
(5)网页底部的脚印,
(6)鼠标指向“环保组织”
“环保行动”会有变色效果。
继续观察,实践问题
学生自主练习做 century.htm 网
页中的一,二个动态效果。
按照自己的要求,试着练习
制作。(可参照书本上的操
作步骤)