DreamweaverCS3，FlashCS3，FireworksCS3网页制作培训教程第12课 优化与导出.pptVIP

12.3.2 导出切片 操作思路： 分别选取各切片，然后单击鼠标右键，在弹出的快捷菜单中选择【导出所选切片】命令。主页图像将会在Dreamweaver中进行布局，因此需要导出为独立的图像文件。 在【导出】对话框中需要选中【仅已选切片】和【仅当前帧】复选框。 文件名必须用英文名称并可用下划线连接，名称应尽量与该图内容相符，方便后面布局时使用。 Dreamweaver CS3，Flash CS3，Fireworks CS3网页制作培训教程 第12课 优化与导出 本课要点 具体要求 本课导读 上机练习 本课要点 优化设置 导出图像 具体要求 掌握GIF动画的优化设置 掌握JPEG图像的优化设置 掌握预览窗口对比查看优化效果的方法 了解快速导出到应用程序的方法 本课导读 优化的目的是使导出的网页图像在保证品质的情况下尽可能小地占用空间。它是一个通过寻找颜色、压缩和品质的最佳组合，找到以图像品质不改变且压缩质量最高的文件格式为网页图像导出格式的过程。在Fireworks中，不同的对象有不同的导出格式。 12.1 优化设置 在不同的图像格式下，用户可以通过查看图像的品质及文件大小来确定优化结果，最终以品质不改变、文件最小的文档作为导出格式。如果不对图像进行优化，图像文件太大会造成网页打开速度变慢，影响访问。 12.1 优化设置 12.1.1 知识讲解 12.1.2 典型案例——优化GIF动画 12.1.1 知识讲解 本节主要介绍如何使用【优化】面板和【导出向导】命令优化图像并导出，怎样用快速方式导出HTML文档和SWF文件等。 12.1.1 知识讲解 1. 认识【优化】面板 2. 用【导出向导】命令进行优化设置 1. 认识【优化】面板 选择【窗口】→【优化】命令，或按【F6】键可以打开【优化】面板。如下图所示是网页中常用的两种图像格式的【优化】面板。 1. 认识【优化】面板 2. 用【导出向导】命令进行优化设置 使用【导出向导】命令进行图像优化的具体操作如下： （1）选中切片或图像，然后选择【文件】→【导出向导】命令，并连续两次单击 按钮，打开【图像预览】对话框。 （2）在【选项】选项卡中设置所选图像的优化格式。其中， 按钮用于指定图像导出的文件大小，若选中【删除未使用颜色】复选框，将最优化导出图像的颜色。 （3）在【文件】选项卡中设置图像的缩放比例或导出区域。 2. 用【导出向导】命令进行优化设置 （4）在【动画】选项卡中可删除动画中无用的帧、修改帧延迟时间和循环次数等。 （5）设置完成后，在右侧窗口中可以预览效果，单击 按钮可分成多个预览窗口显示，并可以分别为各个预览窗口的图像进行单独设置，查看每个窗口中的图像质量和文件大小。 （6）设置好导出图像后，选中该预览窗口，单击【导出】按钮，在打开的【导出】对话框中设置文件名、路径及切片的选择情况，单击【确定】按钮完成优化导出操作。 12.1.2 典型案例——优化GIF动画 案例目标 本案例主要要将前面制作的LOGO导出为GIF动画，主要介绍GIF动画的优化设置方法，优化后的动画效果如下图所示。 12.1.2 典型案例——优化GIF动画 12.1.2 典型案例——优化GIF动画 操作思路： （1）设置不同的优化格式，分别在4个预览窗口中预览。 （2）选定品质与文件大小综合性较好的格式作为导出格式。 （3）选择【导出】命令导出文件。 操作步骤请老师参照软件讲解 12.1.2 典型案例——优化GIF动画 案例小结 本案例对Gif动画进行了优化，介绍了在4幅图像比较窗口中结合【优化】面板对图像进行优化设置，比较图像的优化效果操作。在优化图像时，有时不需要对所有的参数都进行设置，可以直接应用预设设置。 12.2 导出图像 导出图像的方法比较简单，但是针对不同的对象，导出的格式也不同。 12.2 导出图像 12.2.1 知识讲解 12.2.2 典型案例——导出弹出菜单 12.2.1 知识讲解 本节将介绍在Fireworks中可以导出的文件格式类型及快速导出方法。 12.2.1 知识讲解 1. 导出的文件格式 2. 导出图像 3. 快速导出 1. 导出的文件格式 常见的图像、动画和按钮的导出格式如下： 动画的导出格式为GIF或SWF。 图像经常使用的导出格式为JPEG或GIF。 按钮、弹出菜单或其他有行为的对象以HTML形式导出。 切片可以导出为图像，也可以导出为HTML格式文件。 2. 导出图像 用户可以选择【文件】→【导出】命令（或【导出向导】命令）导出图像。如果是对所选切片进行导出，还可以在选取切片后