让网页变得更生动学案.doc

让网页变得更生动

探 究 过 程
（一）实践探究：（要求以小组为单位来完成学习任务，确保每一位组员都能够完成学习任务，学习过程中小组成员可以进行相互间的交流与合作，并且要求同学要遵循老师的指令来进行操作。）

热身赛：要求同学在这一过程中要认真听，听清楚老师对你的操作要求；仔细看，注意观察窗口内容的变化，不仅要会动手，更要开动你的脑筋！每完成一项操作，请高举你的左手！

任务一　设置悬停按钮
任务要求：将主页index.htm中原有超链接“军舰介绍”删除，改设为悬停按钮。其中文本内容为“军舰介绍”,字体为隶书，链接到军舰介绍.htm上，按钮颜色、效果颜色及效果自选，按钮的宽度和高度保持不变。（具体操作步骤请参照课本82页第2步至83页第4步）
完成操作后回答问题： 按钮颜色和效果颜色有什么不同？
左看看，右看看，你们组的同学都完成任务了吗？
任务完成了，快为自己的表现做个评价吧！
在本次任务中我的表现　　　很棒☆☆☆　　还不错☆☆　　　一般☆

任务二　设置字幕效果
任务要求：将网页顶端文字：“为庆祝中国人民解放军海军成立60周年，……包括美俄等29个国家海军代表团和14个国家的21艘舰艇来华。”改设为滚动字幕，滚动字幕的表现方式共有三种，请按照自己在小组中自前往后的顺序选择表现方式。（具体操作步骤请参照课本82页第2步至83页第4步）
完成操作后回答问题：
1.选择不同的表现方式字幕效果有什么不同？　　2. 延迟、数量选项的作用是什么？
左看看，右看看，你们组的同学都完成任务了吗？
任务完成了，快为自己的表现做个评价吧！
在本次任务中我的表现　　　很棒☆☆☆　　还不错☆☆　　　一般☆

任务三 文本动画效果
设置DHTML的一般步骤是：先设置激发动态效果的事件如鼠标单击、悬停等等，再设置由事件引起的效果，最后设置动态的具体效果。
任务要求：为主页index.htm中“人民海军60周年” 版块中的文字加动态HTML效果，要求鼠标指向文字时，这些文字变成蓝色斜体字。（具体操作步骤请参照课本84页第1步至86页第6步）
总结一下，你是按照怎样的步骤来完成动态HTML效果的设置的？
左看看，右看看，你们组的同学都完成任务了吗？
任务完成了，快为自己的表现做个评价吧！
在本次任务中我的表现　　　很棒☆☆☆　　还不错☆☆　　　一般☆

（二）任务拓展：
在你打开的海军站点中除了主页index.htm，还包含军舰介绍.htm、国内舰队.htm、国外舰队.htm三张子页，请以小组为单位，任选其中的一张在合适的位置为它添加上悬停按钮、滚动字幕、动态HTML效果，让它也动起来！
小提示：你有什么话要送给海军吗？赶快用滚动字幕的方式表达出来吧！

（三）小结
（师生共同完成）通过本节课的学习我们掌握了通过设置悬停按钮、滚动字幕（插入——组件）、DHTML效果（格式菜单）为网页添加动态效果，制作动态网页的方法。
友情提示：
在Frontpage2000中自带了许多特殊的动态效果，希望同学们能发挥自己的想象力、创造力，勇于探索，积极尝试相信你们可以制作出更加生动活泼富有吸引力的网页。