《网页设计与制作教程》-第十四章讲稿

第十四章图像的效果Fireworks通过图层技术、蒙版遮罩技术和图像优化技术来设计实现特殊的图像效果。图层可以看成是一个透明的画布，设计者可以在透明画布上绘制各种图层对象，而不会影响到其它图层内的对象，每个图层的内容是相互独立的。Fireworks通过蒙版来控制图像的某些区域的显示样式，通过调整颜色、滤镜和其它效果使局部区域呈现特殊效果。图像优化就是通过对图像的压缩比、颜色、品质等属性的调整得到画面清晰体积小巧的图像的处理过程。

14.1图层Fireworks的图像由多个内容不同的图层自下而上的叠放在一起构成，图层之间的叠放顺序以及混合方式决定了图像的最终效果。

14.1.1图层的概念图层可以看成是一个透明的画布，设计者可以在透明画布上绘制各种图层对象，例如，矢量路径，位图和文字等。在图层上可以随意绘制图像，而不会影响到其它图层内的对象，每个图层的内容是相互独立的。图层的画布是透明的，因此上面图层没有绘制图层内容的位置可以看到下面图层内的图层内容，将图像的图层通过各种模式混合起来就构成了最终的图像。14.1.1图层的概念Fireworks还可以通过改变图层的顺序和属性，改变图像的合成效果。Fireworks使用图层绘图的优点在于，可以非常方便地编辑或修改不同图层内的内容，实现图像修改的模块化。Fireworks使用图层面板来控制图层之间的关系，可以创建和删除图层，改变图层之间的排列顺序，可以混合图层实现一些特殊的效果。

14.1.2新建、复制、删除图层Fireworks使用图层面板来创建、删除和复制图层，创建新层时，会在当前所选层的上面插入一个空白层，新层成为活动层，并且在图层面板中高亮显示。删除层时，在该层上面的层成为活动层。复制层时会添加一个新的层，新建图层包含当前层中所有的对象。新图层内的对象保留原对象的不透明度和混合模式，对新图层的修改不会影响原图层。14.1.2新建、复制、删除图层新建图层

新建图层时，选择图层面板中的新建/重制按钮，在图层面板里产生一个新的图层，如图14-1所示。创建图层也可以选择菜单栏中的【编辑】→【插入】→【层】，创建新的图层，或者选择图层面板的“选项”菜单，选择【新建层】，弹出新建层命名对话框，如图14-2所示，给新图层命名并确定。

图14-1添加图层图14-2新建图层14.1.2新建、复制、删除图层复制图层

复制图层时将需要复制的图层拖到新建/重制层按钮的上面，当前层的上面将产生一个复制图层，内容与原图层相同。复制图层也可以使用图层面板的“选项”菜单，选中要复制的图层，然后点击“选项“菜单，选择【重制层】，弹出重制层对话框，如图14-3所示。根据需要设置相关参数，确定复制图层的个数以及在图层中的堆叠位置。其中“在顶端”是将新图层放在“层”面板的顶端，图层面板中“网页层”总是最上一层，因此选择“在顶端”时会将新图层放在“网页层”的下面。

图14-3重制图层14.1.2新建、复制、删除图层删除图层

删除图层时，首先选中要删除的图层，将其拖到图层面板右下方的“删除所选”按钮，所选图层被删除。删除图层也可以选中要删除的图层后，单击图层面板的“删除所选”按钮，所选图层被删除。

14.1.3查看和保护图层

Fireworks制作图像过程中会产生多个图层，每个图层内包含多个对象，为管理方便Fireworks的图层面板提供了查看和保护图层的功能。14.1.2新建、复制、删除图层查看图层

Fireworks中“图层”面板以层次结构显示图层和对象，以图层为单位，将每个图层下的对象进行折叠管理。折叠层的显示方式有助于管理和节约空间。需要在图层中查看或选择特定对象时，可以展开图层对图层内的对象进行管理，根据设计的需要还可以同时展开或折叠所有层。如图14-4所示为一个展开的图层面板。

图14-4查看图层14.1.2新建、复制、删除图层保护图层

Fireworks为了防止图层修改时影响到其它图层的内容，设置了图层保护的功能。“图层”面板设置了控制对象可访问性的选项，可以保护图层中的对象不被意外地选择和编辑。通过锁定图层对象来防止图层内对象被误选择或编辑。当图层被锁定时可以防止选择或编辑该层上的任何对象。Fireworks提供的“图层锁定”功能能有效的避免除活动图层以外的所有图层上的对象被错误的修改。使用“图层”面板还可以对图层内的对象的可见性进行控制，当图层内对象或图层在“图层”面板中被隐藏时，图层对象在画布中隐藏，可以避免其被意外地修改或编辑。但是当导出文档时，隐藏的图层和对象不能被导出。14.1.2新建、复制、删除图层锁定图层对象或图层时，选择图层或图层对象左边的矩形方框，并用鼠标单击，在矩形框内出现锁定图标，表示该图层或图层对象被锁定。如果要锁定多个图层时，沿着图层面板中的“锁定”列拖动鼠标，选中的图层都会被锁定，如图14-5所示。如果要锁定或解锁所有的图层和图层对象，选中图层面板的“选项”菜单，选择“锁定全部”或“选择解除全部锁定”。图14-5锁定图层14.1.2新建、复制、删除图层如果要打开或关闭“单层编辑”，选择“图层”面板的“选项”菜单中选择“单层编辑”，此时只能编辑当前激活的图层。

如果要显示或隐藏图层或者图层上的对象，点击图层或对象左侧的显示/隐藏按钮，可以控制图层或对象在工作区的显示和隐藏。如果要显示或隐藏多个图层或对象，沿“图层”面板中的“眼睛”列拖动指针。如果要显示或隐藏所有图层和对象，选择“图层”面板的“选项”菜单中的“显示全部”或“隐藏全部”。

14.1.4组织图层使用Fireworks的图层面板可以对图层的结构层次进行调整，可以改变图层之间的位置关系，也可以改变图层内对象的位置关系，还可以使对象在图层之间移动。在图层面板中可以对图层重命名，修改图层之间的排列关系，将图层对象在图层间移动。在图层面板中移动图层和图层对象可以更改图层对象在画布上的显示顺序。14.1.4组织图层在同一层里，层上部的对象显示在画布上时，出现在层下部对象之上，即图层对象显示在画布上的顺序与图层面板上的顺序一致。同样，图层在画布显示的顺序也与图层在图层面板中显示的顺序一致，即上部的图层在画布的上层显示，下部的图层在画布下层显示。

在图层面板中修改层名称时，双击图层名称，输入新的图层名称即可。图层面板中的网页层的图层名不能修改，但是可以修改网页层内的对象名称。14.1.4组织图层如果要移动图层或图层对象，首先选中要移动的图层或对象，然后拖曳鼠标到新的位置，松开鼠标即可。

如果要移动图层内的多个对象，首先将不需要移动的图层对象锁住，然后点击当前图层，所有未被锁定的对象均变成蓝色选中状态，然后用鼠标拖曳对象到新的位置，完成对象移动。

如果要复制图层的对象到另外一个图层，首先选中需要复制的图层对象，然后按住Alt键，使用鼠标将需要移动的对象拖曳到新的图层，这样就完成了图层对象的复制。如图14-6所示复制“标题”图层的对象到“面板”图层。

图14-6复制图层中的对象14.1.5合并图层Fireworks图层面板可以合并图层内对象，即将图层内的矢量路径和位图进行合并。当设计过程中图层结构过于复杂时，可以将一些编辑好的路径与临近的位图合并。当图层中路径与位图合并后，原来图层中的矢量路径将合并到其它位图中，矢量路径将失去可编辑性，并且不能再被单独进行编辑。

14.1.5合并图层如果要合并图层对象，首先在图层面板上选择要与位图对象合并的对象，然后按住Shift键并单击以选择多个路径对象。选择“图层”面板的“选项”菜单中的“向下合并”选项。或者选择菜单栏的【修改】→【向下合并】。也可以在工作区画布上点击右键菜单，选择其中的“向下合并”，所选对象随即与位图对象合并，合并后获得的是一个位图对象，如图14-7所示。

图14-7向下合并对象14.2蒙版遮罩Fireworks提供蒙版技术来实现图像局部显示或隐藏的效果，通过蒙版来控制图像的某些区域的显示样式，例如，运用颜色变化、滤镜和其它效果等。使用蒙版可以实现一些局部区域的特效，而区域之外的对象不会被修改保持原来的样式。Fireworks可以使用矢量路径来创建蒙版，即矢量蒙版，也可以使用位图或文本来创建蒙版，即位图蒙版。Fireworks也可以使用多个对象来创建一个特殊功能效果的模版。14.2.1矢量与文字蒙版Fireworks可以将矢量路径和文字作为蒙版，矢量路径和文字都具有形状比较复杂的特点，将它们作为蒙版，可以制作出个性化较强的蒙版效果。

14.2.1矢量与文字蒙版创建矢量模版

Fireworks矢量蒙版是将路径定义的区域作为蒙版，可以对路径显示区域的对象的效果进行编辑和设计。制作矢量蒙版时，先选择要作为蒙版的矢量路径，对于多个路径可以先将路径合并，选择所有要作为蒙版的路径对象，然后选择被遮罩的位图对象，选择菜单栏的【修改】→【蒙版】→【组合为蒙版】，如图14-8所示，【例14-1】绘制一个由三个圆组成的矢量路径，然后选中矢量路径和位图，将其组合为蒙版。图14-8矢量路径蒙版14.2.1矢量与文字蒙版制作矢量蒙版时，可以首先将蒙版路径合并，形成一个矢量路径，并选中矢量路径，选择菜单栏的【编辑】→【剪切】，然后选中被遮罩的位图，选择菜单栏【编辑】→【粘贴为蒙版】，也可以得到如图14-8所示效果。

14.2.1矢量与文字蒙版Fireworks中创建矢量蒙版还可以使用“粘贴于内部”蒙版命令来完成。使用“粘贴于内部”蒙版命令时，首先选择被遮罩的位图对象，点击菜单栏的【编辑】→【剪切】，将被遮罩对象放于“粘贴板”中。然后选择要作为蒙版的路径，点击菜单栏【编辑】→【粘贴于内部】。【例14-2】使用“粘贴于内部”蒙版命令制作一圆柱体，效果如图14-9所示。使用“粘贴于内部”蒙版命令来制作模版时，选择对象的顺序正好与“粘贴为蒙版”命令制作蒙版的顺序相反。

图14-9粘贴于内部蒙版命令

14.2.1矢量与文字蒙版文本蒙版

Fireworks可以将文本作为蒙版，文本蒙版是一种矢量蒙版。应用文本制作文本蒙版的过程和方法与使用路径制作蒙版过程完全相同。需要将文本作为蒙版对象即可。应用文本蒙版的常用方法是使用其路径轮廓，但也可以使用其灰度外观。【例14-3】制作一个文本蒙版，如图14-10所示文本蒙版效果。

图14-10文本蒙版14.2.2层面板遮罩对象Fireworks提供了一个快捷的添加空位图蒙版的功能。使用图层面板添加一个空位图蒙版，首先选中要遮罩的图层对象，然后点击图层面板上的“添加蒙版”按钮，在遮罩对象上产生一个空蒙版，在“图层”面板上显示一个表示空蒙版的蒙版缩略图。14.2.2层面板遮罩对象如果被遮罩的对象是位图，可以使用选取框、套索或魔术棒工具来创建一个选区，给选区制作遮罩。通过属性面板可以对蒙版进行编辑，在工具面板中选择位图绘画工具，如“刷子”、“铅笔”、“颜料桶”或“渐变”工具等对蒙版的属性进行修改，可以实现比较特殊的蒙版效果。【例14-4】制作一个空位图蒙版，效果如图14-11所示。

图14-11层蒙版制作14.2.3蒙版的编辑和使用Fireworks提供了蒙版编辑功能，可以对存在的蒙版及其遮罩对象进行编辑。通过“图层”面板中的缩略图选择蒙版和遮罩对象，并在工作区对它们进行编辑。“图层”面板中显示的蒙版和被遮罩对象的缩略图，如图14-12所示。根据缩略图可以很容易地选择和编辑蒙版或被遮罩对象，而不会影响其它图层或对象。图14-12蒙版的缩略图14.2.3蒙版的编辑和使用在图层面板中选择蒙版缩略图时，蒙版图标会出现在缩略图旁边，蒙版的相关属性显示在属性面板中，可以通过修改蒙版属性来修改蒙版样式。

选择蒙版以及被遮罩对象也可以使用“指针”工具和“部分选定”工具来选择，选中蒙版对象后，可以在属性面板对其属性进行修改，实现特殊遮罩效果。14.2.3蒙版的编辑和使用在图层面板的缩略图中，可以取消蒙版与被遮罩对象的链接图标，蒙版和被遮罩对象分离，可以对蒙版的位置和属性进行调整，也可以单独对遮罩对象的位置和属性进行调整。

14.3切片和热点切片是Fireworks创建网页交互性功能的基础，切片是将整个图像切分成为多个独立的切片，每个切片可以实现一个页面交互功能。Fireworks对图像进行切片后形成一个网页，每个切片作为一个小图片存在，HTML代码将切片“组合”起来构成的网页显示效果与原来图像一致。但是与原图像不同的是每个切片都可以独立的实现一个页面交互。14.3切片和热点Fireworks的热点与Dreamweaver的热点是完全一样的对象，就是在一副整张的图像上设置不同的区域，每个区域可以创建一个网页行为，使热点与网页的交互性结合到一起。热点既可以制作超级链接，也可以触发一个事件，调用JavaScript程序。

14.3切片和热点切片是将整张图像切分成为小图片，并能为每个切片添加交互性，切片主要有以下优点：第一，将一个大的图片切分为若干小图片，可以提高图片下载速度，但不会影响页面质量。第二，可以为切片添加网页交互行为，使用切片可以响应鼠标事件。第三，切片将一张大的图片切分成为若干个小图片，更方便对图片局部的修改。

14.3.1创建和编辑切片Fireworks中制作切片，选择工具箱中的“切片”工具，然后在工作区中绘制所需切片。Fireworks也可以基于所选对象创建切片，例如，矢量路径，位图上选取的区域。首先选择定义切片的对象，然后选择菜单栏的【编辑】→【插入】→【矩形切片】或【多边形切片】。在工作区生成的切片区域以红色辅助线表明各切片之间的位置关系和区域，它也是切片导出为网页时，确定各切片之间的边界。【例14-5】创建一个位图切片，如图14-13所示的图像切片。图14-13图像切片14.3.1创建和编辑切片Fireworks可以对添加的切片进行编辑和修改，使用切片的辅助线调整切片，将鼠标移到辅助线上，当鼠标变为方向键时，调整辅助线。也可以使用“指针”工具和“部分选定”工具对切片进行调整。

14.3.2创建和编辑热点Fireworks的热点就是在整张的图像上设置不同的区域，每个区域可以创建一个网页行为。热点既可以制作超级链接，也可以触发一个事件，调用一段JavaScript程序。14.3.2创建和编辑热点Fireworks创建热点时，选择工具箱中的“Web”类工具，选择“矩形热点”工具或“圆形热点”工具，在创建热点的图片上绘制热点区域。然后为每个热点区域指定URL链接、弹出菜单、状态栏消息和替换文本。Fireworks可以在一个图片上建立多个热点区域，每个热点区域可以对应一个网页行为，例如，创建一个超级链接，响应一个触发事件。可以选择“Web”类工具中的“矩形热点”工具、“圆形热点”工具或“多边形热点”工具在图片上绘制热点，也可以先选中图片对象，然后在该对象上插入热点。例14-6】在图片上分别建立矩形热点、圆形热点、多边形热点，如图14-14所示。每个热点建立了一个超级链接，多边形热点的链接目标为百度首页：14.3.2创建和编辑热点，即在属性面板的链接选项中添加百度首页地址。其中“替换”选项表示鼠标移到热点上显示的文字信息。“目标”选项定义的是新页面打开窗口的选项，“_blank”表示新打开一个窗口显示页面，如图14-15所示。

图14-14建立热点图14-15编辑热点属性14.4图像的优化Fireworks网页图像优化的基本原则就是在最大限度的保证图像品质的同时，选择压缩质量和压缩比高的文件格式将图像导出。Fireworks的图像优化的目标就是寻找图像品质、图像颜色和图像压缩比的最佳组合，制作出占用空间小、图像品质高和颜色逼真的网页图像。14.4图像的优化Fireworks可以将图像导出为单独图像文件的形式，也可以将切片导出为网页文件的形式，例如，HTML文档的形式，即包含切片图像文件，也包含HTML文档代码。

Fireworks提供了图像优化和导出向导，可以根据向导的指示完成图像的优化和导出操作，提供的优化和导出预览功能，可以让设计者直接看到图像最终效果。

14.4图像的优化Fireworks还提供了专门用于优化的功能面板，可使用“优化”面板和文档窗口中的预览按钮，来掌握优化的结果。也可以使用“导出”对话框或“快速导出”按钮。14.4.1图像的优化处理操作Fireworks对图像优化处理时，首先为网页图像选择一个合适的图像文件格式。每种文件格式的颜色管理和压缩算法都有明显区别，网页图片一般选择图像品质高，压缩比大的压缩算法。选定具体文件格式后，还可以对图像的压缩比进行设置，压缩比越高，图像越小，但品质也会有相应的损失。因此，通过预览功能可以调整压缩比的大小，以得到满意的图像。14.4.1图像的优化处理操作除了定义压缩比外，还可以对图像文件的颜色进行设置和管理，可以通过控制图像的调色板来实现。调色板就是图像的颜色列表，可以通过控制调色板的特定颜色来限制颜色的数量，修剪掉调色板中未使用的颜色。调色板中的颜色越少，图像中的颜色也越少，图像文件就越小，但是调色板颜色越少，图像失真也越明显。因此，应该尝试所有的优化控制来寻找图像品质和文件大小的最佳平衡点。14.4.1图像的优化处理操作文件导出向导优化

使用文件导出向导可以对图像实现优化，主要优化工作由计算机自动完成。选择菜单栏的【文件】→【导出向导】，如图14-16所示，可以设置“目标导出文件大小”选项，定义导出文件的大小要求。然后点击“继续”，弹出应用环境对话框，如图14-17所示，选择文件使用环境为“网站”。点击“继续”，弹出GIF和JPEG格式文件的设置和预览对话框，根据网页设计的要求选择图像的格式和品质，然后导出图像，如图14-18所示。

图14-16导出向导图14-17设置图像应用环境图14-18GIF和JPEG文件预览14.4.1图像的优化处理操作在工作区优化

Fireworks提供了更加专业的工作区优化和导出方式，它可以更好的控制文件的格式和导出设置。可以显示当前图像文件调色板中各种颜色的颜色列表，可以对图像上的切片进行优化设置，可以对图像上的一个区域进行优化设置，并且可以将此优化设置应用于整个图像文件。

14.4.1图像的优化处理操作使用Fireworks工作区优化，在工作区中选择图像的一个对象，然后打开“优化”面板。选择菜单栏的【窗口】→【优化】，显示“优化”面板如图14-19所示。“优化”面板结合“图像预览”可以直接测试文件优化的效果，可以在预览窗口中浏览多个优化设置，比较它们的文件大小、图像品质和调色板颜色等。选择菜单栏的【文件】→【图像预览】，打开图像预览对话框，如图14-20所示。图像预览对话框可以对图像的文件格式、大小、调色板、颜色、抖动等属性进行定义。

图14-19优化面板图14-20多种优化方案预览14.4.2选择优化文件类型Fireworks对图像优化时首先要选择图像的文件格式，选择文件格式时应基于图形的设计和用途来考虑。“GIF”文件格式是一种流行的网页动画文件格式，颜色最多可以达到256种颜色，可以实现背景透明效果，具有良好的图像压缩效果，通常用于网页的卡通、徽标和包含透明区域的图像和动画。14.4.2选择优化文件类型“JPEG”文件格式可以实现较大的压缩比，而图像失真较小，支持24位颜色值，主要适合于扫描的照片、包含渐变颜色过渡图像和任何需要256种以上颜色的图像。“PNG”格式文件是Fireworks的默认文件保存方式，具有较好的兼容和适应性，最多支持32位颜色值，可以支持包含透明度或Alpha通道的图像。14.4.2选择优化文件类型“WBMP”文件格式是一种无线位图格式，主要应用于移动终端设备中，例如手机和PDA。“TIFF”是一种位图图像的文件格式，主要应用于印刷出版，许多多媒体应用程序可以处理TIFF格式文件。

对GIF格式图像进行优化处理

Fireworks中GIF格式图像优化主要包括调色版、色阶、压缩和抖动等处理。14.4.2选择优化文件类型GIF图像的调色板设置

GIF格式图像包含一个8位的调色板，调色板是图像的颜色列表，定义了图像所有使用的颜色。Fireworks提供的调色板主要有最适合、接近网页最合适、Web216色、精确等，可以在预览窗口中调色板里设置所需“调色板”。

14.4.2选择优化文件类型其中“最合适”选项使用的是当前编辑图像的自定义颜色的调色板，用于产生最高品质的图像。“接近网页最合适”是将图像中接近网页安全色的颜色转换为最接近的网页安全色。使用的网页安全色是来自“网页216色”调色板的颜色。“Web216色”包含Windows和Macintosh系统共有的216种颜色的调色板。通常将此调色板的颜色称为网页安全或浏览器安全色，可以保证图像在不同系统显示效果相同。“精确”是使用的当前图像的颜色，最多可以包含256种颜色，如果图像中包含256种以上的颜色，需要将调色板切换到“最合适”。

14.4.2选择优化文件类型在“优化”面板里可以对调色板上的颜色进行编辑和管理，选择“优化”面板上的编辑颜色按钮，可以对调色板上颜色进行编辑，接近网页安全色按钮可以将颜色设置为接近的网页安全色。

14.4.2选择优化文件类型抖动处理

Fireworks提供抖动来实现用网页安全色来代替图像上接近的颜色，通过替换颜色来模拟当前调色板中没有的颜色，主要适合于8位GIF图像。抖动主要适合于复杂混合或渐变的图像，或者以8位的颜色导出GIF图像时，抖动的效果比较明显。抖动设置时，在优化面板的【抖动】文本框中输入一个百分比值。

14.4.2选择优化文件类型压缩设置

Fireworks通过调整图像的失真选项值来控制图像的压缩值。失真越大，图像越小，图像效果越差。一般5到15的失真设置通常可产生最佳结果。对图像进行GIF格式优化管理如图14-21所示，设置了调色板、失真度和抖动等选项。

图14-21GIF格式优化14.4.2选择优化文件类型对JPG格式图像进行优化处理

Fireworks中使用“优化”面板可以对JPEG格式的图像进行优化设置，可以通过对压缩和平滑选项设置优化JPEG文件。JPEG格式文件使用24位颜色描述图像，因此优化图像不需要编辑调色板。在优化过程中可以选择同时显示多个预览窗口，比较不同优化方案。

调整JPEG品质

14.4.2选择优化文件类型JPEG是一种有损压缩技术，在处理此类图像优化时，可以实现在视觉上有不明显损失下对图像实现压缩。通过调整JPEG文件的品质来调整图像的压缩程度，选择优化面板中的品质调节按钮，可以控制图像的压缩比。品质越高，压缩比越小，品质越低，压缩比越大。

14.4.2选择优化文件类型选择性修改JPEG压缩区域Fireworks提供了对JPEG格式图像进行分区域压缩的功能，图像中比较重要的区域使用比较高品质的压缩比，次要的的区域使用品质较低的压缩比。这样就可以保证图像重要区域的品质前提下减小文件的大小。如果要分区域压缩JPEG文件，首先使用工具箱中的选取工具选择要压缩的图像区域，并选择菜单栏的【修改】→【选择性JPEG】→【将所选保存为JPEG蒙版】。然后在“优化”面板中选择“导出文件格式”为JPEG文件格式，选中优化面板中的“选择性品质”，并设置品质值。输入较低的值将以高于其它图像区域的压缩量压缩，输入较高的值将以低于其它图像区域的压缩量压缩。14.4.2选择优化文件类型JPEG平滑设置

在优化面板设置JPEG图像的“平滑”属性，可以减小图像文件的大小。平滑过程对图像的边缘进行模糊处理，较高的数字将在导出或保存的JPEG中产生明显的模糊。一般平滑值设置为3左右，可以减小图像的大小，同时保持适当的图像品质。对图像进行JPEG格式优化管理如图14-22所示，设置了JPEG图像的品质、选择性区域和平滑等选项。

图14-22JPEG格式优化14.5图像的导出Fireworks导出处理是指将优化过的图像导出为一个独立的图像文件。Fireworks可以将优化好的图像导出为各种常用图像格式，例如，可以导出为GIF文件、JPEG文件和TIFF文件等。Fireworks还可以将文件导出为HTML格式文件，或者只导出指定的切片。另外，Fireworks还可以只导出文档的指定区域或层。14.5.1图像的导出操作Fireworks编辑好的图片可以将其导出为图像也可以根据网站设计的需要将制作的图像切片导出为网页或切片的形式。

导出单个图像

导出单个图像是Fireworks最常用的一种导出方式，导出图像时，首先选择要导出的图像，然后点击菜单栏的【文件】→【导出】，在弹出的导出对话框中选择导出类别为“仅图像”，然后给文件命名并保存。

14.5.1图像的导出操作导出切片

Fireworks导出切片时默认情况下是导出一个HTML文件和所有的切片图像。Fireworks导出切片时产生的HTML文件可以在Web浏览器中查看，或导入Dreamweaver进一步编辑。导出切片时，选择菜单栏的【