课件14张PPT。第10课 在作品中插入动画网页作品欣赏一、古典古诗词欣赏
二、个人网页欣赏第10课 在作品中插入动画学习任务:
1、认识Dreamweaver CS3软件
2、学会在Dreamweaver CS3中插入GIF动画。
3、学会在Dreamweaver CS3中插入flash动画。活动一一、请各小组在百度中搜索结果完成P54表格里的内容GIFSWFAVI、LFIC、MOV、 QT、VR二、认识Dreamweaver软件1、三剑客:PPT展示简单介绍什么是网页制作“三剑客”:是一套强大的网页编辑工具,最初是由Macromedia公司开发出来的。由Dreamweaver,Fireworks,Flash三个软件组成,俗称三剑客。
Dreamweaver 是一个用来制作网页文件;Fireworks主要是用于对网页上常用的图形jpg、gif的制作和处理;Flash主要用来制作网页动画。 三个软件相辅相成,制作出漂亮的网页。2、认识Dreamweaver 软件 学生阅读P55的10.2中的相关内容,打开
学生机中的Dreamweaver CS3软件,并且
认识Dreamweaver CS3窗口的组成活动二三、插入GIF动画例:在Dreamweaver CS3中插入一个hou.gif的动画
方法:(1)在打开的窗口中点击“文件”|“保存”|在弹出的对话框建立一个文件夹my web中输入文件名index.html
(2)在my web文件夹下再建立一个子文件夹image来存放图片文件,并把要插入网页中的 hou.gif动画文件复制到image中
(3)在要插入gif动画的位置单击,再点击插入对象面板上 的按钮,选择要插入的hou.gif动画文件,最后单击“确定”按钮
(4)单击插入到Dreamweaver CS3中的hou.gif动画,在下方的属性窗口中相应调整动画的大小(宽度为500,高度为300)。活动二
1.如果在插入hou.gif 动画前不把动画文件复制到网页文件所在的文件夹my web中,观察会出现什么状况?
2.插入hou.gif 动画除了老师介绍的方法外,还可以采用哪一种方法?
3.观察网页中插入的hou.gif动画是否在动?怎样让它动起来?四、插入FLASH动画1.介绍:是一种矢量动画,它具有动画文件小、效果好并能够实现交互等优点,方便在网络上传输。
2.与gif动画的区别:
(1)FLASH是矢量图像,图像放大也不会质量下降,而GIF象素图像,放大就会变的模糊不清了
(2)FLASH动画可以嵌入音乐、脚本程序等内容,扩展能力极强,GIF则相对单调。
(3)FLASH动画容量小,易于网络传输,而gif动画容量更大些,网络传输速度较慢
(4)gif后缀名是gif,flash的后缀名是swf学生活动三 请阅读P58-59。在Dreamweaver CS3中插入一个flash动画(素材文件是scsjksjasucaihouhou.swf),并预览效果。思考(1)除了书上提供的方法外,还可以采用哪一种方法?
(2)观察网页中插入的flash动画是否在动?怎样让它动起来?知识探索 1、插入flash文本:是Dreamweaver CS3中集成的文本动画,可以通过“插入Flash文本”对话框插入。
例:在Dreamweaver CS3中插入一个“内江欢迎你”flash文本
2、方法:插入记录|媒体|flash文本,在插入flash文本对话框中输入文本动画的文字“内江欢迎你” ,选择字体、大小、颜色及背景色,在另存为中选择保存的位置(scsjksjamy webflash), (注意:在保存的位置中不能包含有中文文字),文件名text1.swf。保存好后,按F12预览效果 。学生活动四 按照插入flash文本的方法,自己动手插入
1、“前进”的flash按钮(素材用Dreamweaver CS3自带的)
2、flashPaper(素材用scsjksjasucaiomsjs.swf文件)
3、flash视频(素材用scsjksjasucaiomslyxcp.flv文件),并且探索它们有什么作用?作业 在提供的scsjksjasucaimy webgscxs.html网页素材中左上方的表格中插入一个猴的gif 动画,素材在scsjksjasucaihou,右上方的表格中插入一个云海的flash动画,素材在scsjksjasucaiyun里。练习做完后上传到教师机中。