网页制作教程第3章图像与超链接课件.pptVIP

HTML HEAD TITLE插入图像示例/TITLE /HEAD BODY P我插入的第一幅图像：/P IMG src=oldMM.gif alt=old MM /BODY /HTML 图 3-16 添加关键帧图 3-17 移动圆形并将其变形 （7）在时间线上第 1 帧到第 20 帧之间的任意帧上单击鼠标右键，然后选择“Create Motion Tween”（创建运动渐变）命令，如图 3-18 所示。 （8）此时 Flash 将自动生成动画效果，在第 1 帧到第 20 帧之间出现一个箭头， 表示动画创建成功。 （9）按【Ctrl + Enter】键查看动画效果，我们发现圆形可以自动从左向右滚动，并且在滚动的过程中，圆形会缩小。 图 3-18 创建渐变动画 根据以上创建过程，我们发现在 Flash 中制作动画效果是非常简单的，很多时候并不需要我们一幅图一幅图地画，因为 Flash 能自动生成所需要的图。有关用 Flash 制作动画的进一步内容，请读者参考其他相关书籍。 制作完 Flash 动画后，需要将它导出为网页中能够使用的格式，即使用“File”菜单中的“Export Movie”（导出电影）命令，将所制作的动画导出为 .swf 格式。 说明：Flash 源文件的格式是 .fla，而能够在网页中使用的格式是 .swf。 SWF 格式的文件不能用 IMG 标记符插入，必须使用 OBJECT 标记符。假如我们刚才制作的圆形滚动动画被导出为 ball.swf，那么可以使用以下 HTML 语句将其插入到网页中： OBJECT classid=clsid:D27CDB6E-AE6D-11cf-96B8-444553540000 codebase=http:// /pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0 width= 550 height=400 param name=movie value=ball.swf param name=quality value=high EMBED src=ball.swf quality=high pluginspage=/ shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash type=application/x-shockwave-flash width=550 height=400 /EMBED /OBJECT 说明：只有 .swf 文件能用以上代码插入到网页中。很多从网上下载的 Flash 动画，比如一些“阿贵”的小电影，都已经打包成为 .exe 文件，它们是不能被嵌入到网页中的。 一般情况下，我们都不直接用 HTML 的方式插入 Flash 动画，更多的是直接用Dreamweaver 插入（能够自动生成以上代码）。 说明：有关 OBJECT 标记符的内容，请参见本书第 5 章。有关 Dreamweaver 的内容，请参见本书第 9 章。 3.3.3　使用 GIF 动画 GIF 动画是最基本的一类动画，它的创建反映了动画的最基本原理。例如，下面以在 Fireworks 中制作前面介绍的马儿奔跑动画为例，简要说明 GIF 动画的制作过程： （1）启动 Fireworks4.0。 （2）选择“File”菜单中的“New”命令，在“New Document”（新建文档）对话框中，将宽度和高度设置为动画所需大小，将分辨率设置为 72，画布颜色设置为白色，如图 3-19 所示。 图 3-19 设置新文档的属性 （3）直接在画布上绘制图像，或者选择“File”菜单中的“Import”命令导入要制作动画的素材，如图 3-20 所示。 图 3-20 动画的第一帧 （4）单击“Frames”（帧）面板中的“新建/复制帧”按钮，然后在画布上绘制或导入第二帧上的图像，如图 3-21 所示。 图 3-21 制作第二帧 （5）重复步骤（3），制作其余的 6 帧，如图 3-22 所示。单击文档窗口中的“播放按钮”，则可以观看动画的效果。 图 3-22 制作出所有的帧 （6）如果要更改动画播放的速度，可以双击帧面板右边的帧延时数字列表项，然后在弹出的面板中修改帧的延长时间。如果修改了某一帧的帧延时，那么可以变化这一帧的播放时间。如果要更改整个动画的播放速度，那么应修改所有帧的帧延时，此时按住【Shift】键选中所有帧，然后双击“帧延时”列，