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

《第10课 网页中的基本元素设计》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、第10课网页中的基本元素设计科目信息技术年级七年级班级课时1课时课型新授课时间课题让班级网页“动”起来----为网页添加动态元素和动态效果教学目标知识能力品德1．学会用Dreamweaver8为网页添加动态元素和动态效果。2．熟练使用Dreamweaver8，提高操作技能。3．培养认真对待学习、积极思考、自己动手实践的学习态度。教学重点难点重点：熟练运用Dreamweaver8为网页添加动态元素。难点：通过运动文本标识在网页中添加特殊的动态效果。板书设计示意框图第十课让班级网页“动”起来----为网页添

2、加动态元素和动态效果一、准备素材二、添加动画、视频和音乐三、添加动态效果四、检查并保存网页教学准备知识准备：计算机基础知识及Dreamweaver8的基本操作技能。硬件准备：多媒体教学工具。软件准备：Dreamweaver8。教学过程教师活动学生活动教师意图时间3一、课前导入，任务介绍小明想将有老师和同学照片的Flash动画添加到网页里播放，想将一些有趣的班级视频放到网页中，想在网页中加入一些好听的音乐。现在，我们就和小明一起来实现这些效果吧。认真阅读教材，积极思考。引入课堂，让学生完成过渡。3’二、为

3、网页添加动态元素和动态效果1．准备素材准备动画素材：将相关图片和文字做出Flash动画，并要求保存为“.swf”格式的文件，如果使用动画图片，则图片格式要为“.gif”。准备声音素材：网页支持“.wav”、“.mp3”、“.wma”和“.midi”格式的声音文件，其他格式的声音文件需要工具软件转换格式后再使用。准备视频素材：在系统中安装了默认插件的情况下，相对应的视频文件可以在网页中播放。2．添加动画、视频和音乐首先将素材都放到网站目录里相对应的文件夹。将动画插入到网页中【操作演示】执行“插入”→“媒体

4、”→“Flash”命令，找到相应的Flash文件并插入到网页中。选中Flash动画，可以在“属性面板”中进行属性设置。执行“插入”→“图像”命令，可以将动画图片插入到网页中。将音乐插入到网页中去【操作演示】执行“插入”→“媒体”→“插件”命令，选中相应的音乐就可以插入到网页中去了。将视频插入到网页中去【操作演示】执行“插入”→“媒体”→“Flash视频”命令，选中相应的视频就可以插入到网页中去了。3．添加动态效果可以通过运动文本来为文字或图片添加特殊的动态效果。认真听讲，积极思考，并总结知识。认真观看演

5、示，积极思考，并自己动手操作，掌握技巧和方法。让学生了解网页支持动画、音乐、视频的格式。讲授添加动画、视频和音乐的技能。传授学生相关知识，通过操作演示，提高学生操作技能。5’5’5’3【操作演示】选中文字，单击左上角的“拆分”按钮，将视图切换为拆分视图后，在代码窗口的蓝色区域分别添加运动文本标识：和。4．检查并保存网页在“文件”菜单中保存网页，按“F12”键后就可以查看效果了。认真听讲，积极思考，并自己动手操作，掌握技巧和方法。自己动手操作，掌握技巧和方法。指导学生

6、保存文档。5’三、课堂练习准备好需要用到的Flash、视频和声音素材，让学生将这些素材添加到上节课课堂练习制作的网页中去。按要求完成作业。组织学生进行练习，巩固学习效果。10’四、本课总结本节课，我们学习了如何将动画、音乐和视频添加到网页中去，并学会了为文字或图片添加特殊的动态效果，使我们的网页更加漂亮、更加生动。认真听讲，积极思考。对本节课所学知识进行总结。5’教学后记3