图像与超链接.pptVIP

图 3-30 跳转到的栏目页面 3.5.2 创建图像映射 定义映射区域 对映射区域进行引用 下面以一个简单的实例来说明图像映射的制作方法。 （1）首先在任意图形图像处理软件中打开要制作为图像映射的图像，找出所要定义的映射区域的坐标（例如在 Fireworks 中可以借助 Info 面板，在“画图”中则可以直接看状态栏），用笔记下来。 图 3-31 找出要定义区域的坐标 例如，在图 3-31 中就要定义两个矩形区域，它们的坐标分别是“30,152,366,218”和“171,256,228,288”。 （2）编写 HTML 文件，在其中定义出映射区域，并在 IMG 标记符中引用映射区域，如下所示： 以下代码是 main.htm HTML HEADTITLE图像映射示例/TITLE/HEAD BODY MAP name=mymap AREA href=file1.htm shape=rect coords=30,152,366,218 AREA href=file2.htm shape=rect coords=171,256,228,288 /MAP P请单击以下图像中的不同区域，以便跳转到不同的文件/P PIMG src=diablo_h.jpg usemap=#mymap/P /BODY /HTML （3）分别编写超链接的目标文件，并将它们放到与刚才编写的 HTML 文件所在的同一个目录中，如下所示： 以下代码是file1.htm HTML HEADTITLEfile1/TITLE/HEAD BODY FONT size=+2B我爱玩暗黑！/B/FONT/BODY /HTML 以下代码是file2.htm HTML HEADTITLEfile2/TITLE/HEAD BODYFONT size=+1 color=blueB暴雪公司太酷了！/B/FONT/BODY /HTML （4）在浏览器中打开 main.htm，效果如图 3-32 所示。当用户单击“diabloII”所在区域时，将跳转到 file1；而单击下面的商标区域时，则跳转到 file2。 图 3-32 图像映射效果 图 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