第10课 网页中的基本元素设计

科目 课时 课题 知识能力品德 信息技术 1课时 年级 课型 七年级 新授课 班级 时间 让班级网页“动”起来----为网页添加动态元素和动态效果 教 学 目 标 1．学会用Dreamweaver8为网页添加动态元素和动态效果。 2．熟练使用Dreamweaver8，提高操作技能。 3．培养认真对待学习、积极思考、自己动手实践的学习态度。 教学 重点 难点 重点： 熟练运用Dreamweaver8为网页添加动态元素。 难点： 通过运动文本标识在网页中添加特殊的动态效果。 第十课 让班级网页“动”起来----为网页添加动态元素和动态效果 一、 准备素材 二、 添加动画、视频和音乐 三、 添加动态效果 四、 检查并保存网页 板书 设计 示意 框图 知识准备：计算机基础知识及Dreamweaver8的基本操作技能。 教 学 硬件准备：多媒体教学工具。 准 备 软件准备：Dreamweaver8。 教 学 过 程 教师活动 学生活动 教师意图 时间 1

一、课前导入，任务介绍 小明想将有老师和同学照片的Flash动画添加到网页里播放，想将一些有趣的班级视频放到网页中，想在网页中加入一些好听的音乐。现在，我们就和小明一起来实现这些效果吧。 认真引入课3’ 阅读教材，堂，让学生积极思考。 完成过渡。 二、为网页添加动态元素和动态效果 1．准备素材 准备动画素材：将相关图片和文字做出Flash动画，并要求保存为“.swf”格式的文件，如果使用动画图片，则图片格式要为“.gif”。 认真听讲，积极思考，并总 让学生了解网页支持动画、音乐、视频的格式。 讲授添频和音乐的技能。 传授学生相关知识，通过操作演示，提高学生操作技能。 5’ 5’ 5’ 准备声音素材：网页支持“.wav”、“.mp3”、“.wma”结知识。 和“.midi”格式的声音文件，其他格式的声音文件需要工具软件转换格式后再使用。 准备视频素材：在系统中安装了默认插件的情况下，相对应的视频文件可以在网页中播放。 2．添加动画、视频和音乐 认真首先将素材都放到网站目录里相对应的文件夹。 观看演示，将动画插入到网页中 【操作演示】执行“插入” →“媒体” →“Flash”并自己动命令，找到相应的Flash文件并插入到网页中。选中手操作，掌Flash动画，可以在“属性面板”中进行属性设置。执行“插入” →“图像”命令，可以将动画图片插入到网页中。 将音乐插入到网页中去 【操作演示】执行“插入” →“媒体” →“插件”命令，选中相应的音乐就可以插入到网页中去了。 将视频插入到网页中去 【操作演示】执行“插入” →“媒体” →“Flash 视频”命令，选中相应的视频就可以插入到网页中去了。 3．添加动态效果 可以通过运动文本来为文字或图片添加特殊的动态效果。

2

积极思考，加动画、视握技巧和方法。 认真听讲，积极思考，并自己动手操作，掌握技【操作演示】选中文字，单击左上角的“拆分”巧和方法。 按钮，将视图切换为拆分视图后，在代码窗口的蓝色区域分别添加运动文本标识：和。 4．检查并保存网页 在“文件”菜单中保存网页，按“F12”键后就可以查看效果了。 三、课堂练习 准备好需要用到的Flash、视频和声音素材，让学生将这些素材添加到上节课课堂练习制作的网页中去。 四、本课总结 本节课，我们学习了如何将动画、音乐和视频添加到网页中去，并学会了为文字或图片添加特殊的动态效果，使我们的网页更加漂亮、更加生动。 认真听讲，积极思考。 自己 指导学 5’ 动手操作，生保存文掌握技巧档。 和方法。 按要求完成作业。 组织学生进行练习，巩固学习效果。 10’ 对本节课所学知识进行总结。 5’ 教 学 后 记

3