1、1第 10 课 网页中的基本元素设计科目 信息技术 年级 七年级 班级课时 1 课时 课型 新授课 时间课题 让班级网页“动”起来-为网页添加动态元素和动态效果教学目标知识能力品德1学会用 Dreamweaver8 为网页添加动态元素和动态效果。2熟练使用 Dreamweaver8，提高操作技能。3培养认真对待学习、积极思考、自己动手实践的学习态度。教学重点难点重点：熟练运用 Dreamweaver8 为网页添加动态元素。难点：通过运动文本标识在网页中添加特殊的动态效果。板书设计示意框图第十课 让班级网页“动”起来-为网页添加动态元素和动态效果一、 准备素材二、 添加动画、视频和音乐三、 添加
2、动态效果四、 检查并保存网页教 学 准 备知识准备：计算机基础知识及 Dreamweaver8 的基本操作技能。硬件准备：多媒体教学工具。软件准备：Dreamweaver8。教 学 过 程教师活动 学生活动 教师意图 时间2一、课前导入，任务介绍小明想将有老师和同学照片的 Flash 动画添加到网页里播放，想将一些有趣的班级视频放到网页中，想在网页中加入一些好听的音乐。现在，我们就和小明一起来实现这些效果吧。认真阅读教材，积极思考。引入课堂，让学生完成过渡。3二、为网页添加动态元素和动态效果1准备素材准备动画素材：将相关图片和文字做出 Flash动画，并要求保存为“.swf”格式的文件，如果使
3、用动画图片，则图片格式要为“.gif” 。准备声音素材：网页支持“.wav” 、 “.mp3”、“.wma”和“.midi”格式的声音文件，其他格式的声音文件需要工具软件转换格式后再使用。准备视频素材：在系统中安装了默认插件的情况下，相对应的视频文件可以在网页中播放。2添加动画、视频和音乐首先将素材都放到网站目录里相对应的文件夹。将动画插入到网页中【操作演示】执行“插入” “媒体” “Flash”命令，找到相应的 Flash 文件并插入到网页中。选中 Flash 动画，可以在“属性面板”中进行属性设置。执行“插入” “图像”命令，可以将动画图片插入到网页中。将音乐插入到网页中去【操作演示】执行
4、“插入” “媒体” “插件”命令，选中相应的音乐就可以插入到网页中去了。将视频插入到网页中去【操作演示】执行“插入” “媒体” “Flash 视频”命令，选中相应的视频就可以插入到网页中去了。3添加动态效果认真听讲，积极思考，并总结知识。认真观看演示，积极思考，并自己动手操作，掌握技巧和方法。认真听讲，积极思考，并自己动让学生了解网页支持动画、音乐、视频的格式。讲授添加动画、视频和音乐的技能。传授学生相关知识，通过操作演示，提高学生操作技能。5553可以通过运动文本来为文字或图片添加特殊的动态效果。【操作演示】选中文字，单击左上角的“拆分”按钮，将视图切换为拆分视图后，在代码窗口的蓝色区域分别添加运动文本标识：和。4检查并保存网页在“文件”菜单中保存网页，按“F12”键后就可以查看效果了。手操作，掌握技巧和方法。自己动手操作，掌握技巧和方法。指导学生保存文档。5三、课堂练习准备好需要用到的 Flash、视频和声音素材，让学生将这些素材添加到上节课课堂练习制作的网页中去。按要求完成作业。组织学生进行练习，巩固学习效果。10四、本课总结本节课，我们学习了如何将动画、音乐和视频添加到网页中去，并学会了为文字或图片添加特殊的动态效果，使我们的网页更加漂亮、更加生动。认真听讲，积极思考。对本节课所学知识进行总结。5教学后记
