课件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里。练习做完后上传到教师机中。 ... ...
~~ 您好，已阅读到文档的结尾了 ~~
