第9章ImageReady.docVIP

第9章　ImageReady 本章要点 切片 图像映射 翻转按钮 网页动画 图像优化 9.1切片 创建切片 –在ImageReady中可以采用多种方法对图像进行切片，包括：使用切片工具创建切片、从参考线创建切片、从选区创建切片、基于图层创建切片. 切片的类型 –用户切片:使用工具创建的切片； –基于图层的切片:而从图层中创建的切片； –附加自动切片:在创建“用户切片”及“基于图层的切片”时系统自动增加的切片，此类切片填充图像中“用户切片”或“基于图层的切片”未定义的区域。 切片面板 –使用切片面板，能够为切片设置类型、URL、提示信息等等参数与属性。 类型 –在此可以通过选择不同的选项得到两种切片。选择“图像”选项得到的切片将包含图像，是默认的切片类型；选择“无图像”选项得到切片为纯色或HTML文本。由于“无图像”切片不包含图像数据，因此其下载速度更快，但其效果在ImageReady中无法显示，因此要查看“无图像”类型的切片效果，需要在浏览器中查看效果。 名称 –在默认情况下“用户切片”是ImageReady自动命名，但如果需要可以在此输入－文本以重新命名其名称。 URL –为切片指定URL可使整个切片区域成为具有链接的热区，当浏览者点击热区时，浏览器将跳转到指定的URL，此选项只适用于“图像”类开的切片。输入URL时应确保包括：“http://”，例如应该输入“htpp://”而不是“”。 Target –当指定了URL后目标文本框被激活，可为弹出窗口设置显示方式。选择_blank选项将在新窗口中显示链接文件；选择_self选项则在原始文件中显示链接文件；选择_parent选项则在当前页面的父级页面显示链接文件；选择_top选项用链接页面替换整个浏览器窗口中的页面。 ALT –在浏览器中浏览所创建的网页时，当光标指向图像映射区域时，弹出的说明性文字，比如：“点击进入”，以提示浏览者。 9.2 图像映射 在图像中创建图像映射可以将图像区域链接到URL，可以在图像中设置多个链接区域或与文本文件、其他图像、多媒体文件、该WEB站点的其他页面或其他WEB站点链接，也可以在图像映射区域创建翻转效果。 使用图像映射创建URL链接与使用切片创建URL连链接的主要区别如下： –使用图像映射时将整个图像作为一个文件导出，而使用切片时切片所覆盖的图像区域将作为一个单独的文件被导出。 –使用图像映射可以为图像创建圆形或多边形的链接区域，而使用切片只能得到矩形链接区域。 图像映射面板 –使用图像映射面板，能够为图像映射设置形状、名称、URL、目标及ALT等等参数与属性。 –执行菜单“窗口”→“图像映射”命令即可显示如图9-15所示的图像映射面板（这是用矩形图像映射工具创建的图像映射面板，其它类型的面板略有区别，但大体相似）。 9.4网页动画 动画为网页增色不少，出色的动画，是网页的点睛之作。在ImageReady 中，有强大的动画制作能力，下面我们通过例子来介绍一下如何用Imageready来制作网页动画。 使用ImageReady 的动画功能，可以直接地制作动态图像，利用输出GIF动画文件的方式，方便的发布到网络上，而且GIF动画有不少的优点是其他动画软件无法实现的： –不用安装任何插件也可以在浏览器中查看； –制作起来比较简单、容易上手； 制作的图像可以保存在一个GIF文件中，且输出的体积比较少 但GIF动画文件也存在一些不足： –不能设置鼠标事件，也就是无法与用户形成互动。 –不能插入声音等多媒体元素。 过渡对话框 过渡功能是在图像上设定过渡效果，利用电脑的计算能力，自动推算出下一帧的画面，然后连续播放帧的办法，可以大大降低开发者的开发时间，使用了过渡功能后，只需要在关键帧处指定相应的动作，然后利用过渡功能，能够很快的制作出动画。 62