制作表格网页中动态效果的制作

第二节制作表格——网页中动态效果的制作（第5课时）

教学目标：

1．知识目标

(1）理解动态网页与网页动态效果的区别。

(2）掌握网页动态效果的制作。

2．技能目标

掌握“插入”菜单中“组件”命令的使用，使得网页增添动态效果。

3．情感目标

通过学生自主学习网页动态效果的制作，形成积极、主动的学习气氛，激发学生的学习兴趣，培养学生的探究意识和创新能力。

教学重、难点：

1．重点：滚动字幕、交互式按钮等动态效果的制作与Flash的插入。

2．难点：各种效果对象的属性设置。

3．关键：动态效果制作中应图文并茂、色彩和谐、动静适宜。

教学方法：自主探究式学习、任务驱动式教学。

教学准备：

具有动态效果的网页，包括滚动字幕、交互式按钮和FLASH的插入

教学过程：

1．引入

老师打开静态网页和加有动态效果的网页，请学生感受它们的不同。学生观察、比较两张网页，指出它们的不同点。师生共同分析网页，引入新课的学习。

2．新授

任务1 滚动字幕的制作

教师巡视，个别给予指导。

学生完成任务后，展示作品，并演示操作。小结设置滚动字幕的关键点：

文本的大小、字体、颜色等。

表现方式。

运动方向。

背景色的设置。

任务2 交互式按钮的制作

教师巡视，个别给予指导。

学生展示作品，演示操作，小结制作交互式按钮的关键点：

按钮文本的设置。

按钮的颜色、背景色以及效果等。

图片按钮。

任务3 网页中插入一个Flash动画

教师巡视，个别给予指导。

学生展示作品，演示操作，小结插入Flash动画的关键点：

Flash显示窗口的大小调整。

预览模式下才能看到Flash效果。

插入Flash后的网页保存。

学生参照教材内容完成网页动态效果制作，并比较分析其他同学的作品，对照自己的作品加以完善。

培养学生自主学习，发现问题的能力，师生共同分析问题并给予解决。

3．总结与评价

（1）学习过程评价，展示学生的作品，师生给予评价，激发他们更大的主动性与积极性。（2）归纳总结。

学生对照“自我评价”表，进行过程性学习的评价。

参考资料

1．相关知识与技术

（1）关于横幅：用FrontPage 2003制作网页时，没有FrontPage 2000那样的插入“横幅广告管理器”功能，所以在FrontPage 2003中，网页中的横幅可以用静态的图片表示，也可以用Flash软件制作交替显示横幅，作为插件插入到网页的横幅位置。

（2）关于交互式按钮：在FrontPage 2003中交互按钮的形式有多种，其属性设置有文字、图像及背景等，这是FrontPage 2000所不能比拟的。

（3）关于DHTML效果

教材中没有介绍动态DHTML效果，这里建议老师们将动态DHTML效果内容补充讲解。

如下，将按钮“enter”图片当鼠标停在按钮处，显示进入下一页按钮“next”，设置方法如下：

2．关于资源素材

（1）资源库：人与自然、环保等各种文字、图片、Flash动画资料。

（2）多种运用表格布局的网页——优秀网站。