动态网页制作教学设计.doc
146 浏览量
2022-12-23
08:54:56
上传
评论
收藏 49KB DOC 举报
动态网页制作教学设计
动态网页制作教学设计
班级
高一
学校
滨海县明达中学
时间
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 网
页中的一，二个动态效果。
按照自己的要求，试着练习
制作。(可参照书本上的操
作步骤)
资源评论
