应用fireworks创建切片的方法介绍

应用 Fireworks 创建切片的方法介绍 译者：王立群 应用 FW 创建切片、鼠标滚动图和热区： 在 Fireworks 中，切片是创建与网站交互功能的基本构件。切片是不以图片 格式存在的网页对象，基本上是以 HTML 代码的形式 存在。我们可以在图层 面板的 Web 层上预览、选择、重命名这些切片。本文讨论切片的核心概念以及 组合切片的交互性到网页中的过程。 使用拖放滚动方法添加交互性给切片，在工作区中可以快速地创建鼠标滚 动图和交换图像效果，可以在行为面板中设置这些交互组件的行为并使用这些 面板创建更为复杂的交互功能。 我们可以把热区的交互性组合到网页中，热区可用于创建映像图，它们是 在 HTML 文档中定义热区的 HTML 代码。这些区域不一定存在链接，它们可 能仅触发行为或定义替换文本。热区也可以接收鼠标事件，允许用切片承担 Java script 行为。 本文包含下列内容： 1、创建和编辑切片： 切片切割 Fireworks 文档为小的片并导出每一片为独立的文件。当导出时， Fireworks 也创建包含表代码（table code）的 HTML 文件以重新编译浏览器中 的图形。 切割一个图像至少有三方面的主要优点： 1） 、优化： 网站图形设计的一个重要条件是确保图像在不牺牲质量的情况下快速地下 载，切片技术可以使我们用最适合的文件格式和压缩配置优化每一个独立的切 片。 2） 、交互性： 可以用切片创建响应鼠标事件的区域。 3） 、更新网页的一部分： 切片技术允许我们将经常修改的网页部分进行更新。例如某公司网页可能 需要按月修改土豆的产地，切片技术允许我们仅快速地修改土豆产地的名称和 照片而无需替换整个网页。 2、设置切片的交互性 在 Fireworks 中创建交互性的基本构件是切片对象，Fireworks 提供两种方 法创建切片对象的交互性： 1） 、拖放滚动方法是创建切片交互性的最简单方法，只要拖动切片的行为手柄 并放置它到目标切片上就可以快速地创建简单的交互。 2） 、行为面板允许我们创建更为复杂的交互性。行为面板含有许多可添加给切 片的交互行为。通过添加多行为给某个切片，可以创建有趣的效果，也可以从 许多触发交互行为的鼠标事件中选择。 Fireworks 的行为与 Dream weaver 的行为是兼容的。当我们导出 Fireworks 鼠标滚动图到 Dream weaver 时，可以用 Dream weaver 的行为面板编辑 Fireworks 行为。 3、准备输出切片 使用属性面板，我们可以赋值链接和目标给切片以创建切片的交互性，也 可以指定替换文本在图像加载时显示于浏览器中，此外也可以对所选择的切片 指定导出文件格式以优化图像。如果属性面板被最小化，那么单击左下角的展 开箭头以显示所有切片的属性。 使用属性面板或层面板，可以为切片赋予唯一的名称。在导出切片时， Fireworks 使用切片创建过程中指定的名称，如果在属性面板中或层面板中没有 输入切片的名称，那么 Fireworks 会在导出时自动地命名切片。用户可以通过使 用 HTML 设置对话框修改自动命名规则。 Fireworks 将进行了切片的 Fireworks 文档导出为 HTML 文件和一系列图形 文件，可以使用 HTML 设置对话框定义导出的 HTML 文件的属性。 4、使用热区和映射图 网站设计者可以使用热区以创建较大图形交互区的某个小区域、链接网站 图形到 URL。在 Fireworks 中，可以从含热区的文档中导出 HTML 代码以创建 映射图。 热区和映射图比做切片的图形往往节省大量的资源，但是处理切片的技术 却要求占用 Web 浏览器的大量资源，这是因为在计算机处理过程中必须下载附 加的 HTML 代码，而且处理程序要求重新编译切片的图形。 注释：可以创建切片映像图，导出切片映像图一般会生成许多图形文件。 当我们需要把图像区域链接到其他网页时，选择热区是一个理想的方法， 但是我们不需要在响应鼠标事件时，未选择的图形区域高亮显示或产生滚动效 果。 当图形位于放置热区的某个对象上时，热区和映像图对于高质量地导出为 单一图形文件来说是理想的方法，换句话说就是使用相同的文件格式和优化配 置会高质量地导出全部的图形。 在 FW 中创建切片对象： 在 Fireworks 中，使用切片工具拖放或在所选的对象上插入切片以创建切片 对象。 约束切片对象的线就是切片的轮廓线，它决定被分割的某个独立的图像文 件导出到文档时的边界，这些线在默认的情况下为红色。 一、在所选对象上插入矩形切片的方法： 1、选择“编辑 |插入|切片”菜单命令，所创建的切片是包括所选对象最外边缘的 矩形区域。 2、如果选择了一个以上的对象，那么就选择应用切片的方式，有以下两种方式： 1)、单：创建覆盖所有选择对象的单一对象。 2） 、多：为每个所选对象创建切片对象。 绘制矩形切片的方法如下： 1、选择切片工具。 2、拖放切片对象，切片对象显示在层面板的 Web 层中，而切片线显示在文档 中。 注释：当我们拖动鼠标并绘制切片时，可以调整切片的位置，当按下鼠标 按钮时，按住空格键的同时，拖放切片到画布中的其他位置，释放空格键可继 续绘制切片。 二、创建 HTML 切片的方法： HTML 切片标注显示在浏览器中的普通 HTML 文本的区域。HTML 切片不 导出图像，它导出由切片定义的表格单元格中显示的 HTML 文本。 如果我们需要在不创建新的图形的条件下，更新显示在网站中的文本，此 时可以使用 HTML 切片。 创建 HTML 切片的方法如下： 1、绘制切片对象并保持它处于选中状态。 2、在属性面板中，从类型弹出菜单中选择 3、单击“编辑 ”。 4、在“编辑 HTML 切片”窗口中输入文本，然后添加文本格式标记以格式化文 本。 注释：作为一个选项，可以在切片被导出之后，使用文本编辑器或如 Adobe Dream weaver 的 HTML 编辑器添加 html 文本格式的标记。 单击“ok”以应用修改，然后关闭 “编辑 HTML 切片”窗口。 我们键入的文本和 HTML 标记显示在 Fireworks 的 PNG 文件中的切片内， 构成源 HTML 代码。 注释：当在不同的浏览器或不同的操作系统中浏览网页时，HTML 在外观 上可能有变化，因为字号和字体是在浏览器中设置的。 创建非矩形切片的方法如下： 当我们想添加交互性到非矩形图像时，矩形切片就变得无有意义，如果用 户想要添加鼠标滚动图行为到切片上，但切片对象是叠加的或者形状不规则， 这样使用矩形切片时，就可能与交换图像一起交换不需要的背景图像。 Fireworks 使用多边形切片工具绘制任意形状的多边形切片解决了这个问题。 可以在矢量路径的顶部插入切片以创建不规则形状的切片。 三、绘制多边形切片的方法如下： 1、选择多边形切片工具。 2、单击画布上的某一点以添加多边形的一个矢量节点，多边形切片工具只能绘 制直线段。 3、当围绕带软边缘的对象绘制多边形切片时，确认包括完整的对象以避免在切 片图形中创建不需要的硬边缘。 4、可以从工具面板中选择其它工具以停止使用多边形切片工具，不必再一次单 击第一个矢量点以关闭多边形切片工具。 注释：不要过多地使用多边形切片，因为与矩形切片相比，它们要求更多 的 Java script 代码。使用过多的多边形切片可能增加 Web 浏览器的处理时间。 根据矢量对象或路径创建矩形切片或多边形切片： 1、选择矢量路径。 2、选择“编辑 |插入|插入矩形切片或插入多边形切片”菜单命令（根据你的需要） 。 从上面的叙述中我们可以看出，切片技术与网页的紧密结合为网页的创作 提供了一个新的途径，应用这种方法对于网页的布局以及进一步的网页设计带 来了方便，在 HTML 切片所搭建的框架中可以设计出各种样式的网页效果，将 各种网页元素有机地组合在一起，从而实现网页的动态和静态功能。 在 FW 中浏览和显示切片及切片线： 在文档中使用层面板和工具面板可以管理切片和其他网页对象的可视性， 当我们对整个文档关闭切片的可视性时，切片线也被隐藏。 使用属性面板，对每一个切片对象赋予唯一的颜色来组织切片。也可以在 “预览”菜单中修改切片线的颜色。 一、在层面板中浏览切片： Web 层显示文档中的所有网页对象，通过 Web 层，用户可以选择和浏览每 一个页面对象。 在层面板中，浏览和选择切片的方法如下： 1、选择“窗口 |层”菜单命令打开层面板。 2、单击层面板上的“+”按钮以展开 Web 层。 Web 层显示用户文档中当前网页对象的完整列表。 在列表中，单击切片的名称以选择它。 切片就会在 Web 层中高亮地显示，并在画布中处于选中状态。 二、显示和隐藏切片 在 Fireworks 的 PNG 文件中，隐藏切片可以关闭切片的可视性。可以关闭 所有或某些网页对象。因为切片是网页对象，所以他们都被列在图层面板的 Web 层之下，在这里可以对所选的切片打开或关闭其可视性。也可以通过工具 面板来管理切片的可视性。隐藏切片对象并不妨碍导出到 HTML 文档中的切片。 要隐藏和显示指定切片和热区： 1、单击层面板中单个网页对象行的眼睛图标。 2、单击层面板中 Web 层的眼睛列图标可以在可视与不可视之间切换，眼睛图 标在网页对象再一次可视时重新显示。 要隐藏或显示所有热区、切片和引导线（切片线） ，进行下列操作之一: 1、在工具面板的网页工具选区，单击相应的显示/隐藏切片按钮。 2、单击层面板 Web 层的眼睛图标。 要在任何文档视图下隐藏或显示切片线： 选择“预览|切片线”菜单命令。 三、修改切片和切片线的颜色： 如果文档所使用的颜色与切片颜色相似，那么相对于文档对象来查看切片 就变得困难。为了易于浏览，可以赋予新的颜色给所选的切片。赋予唯一的颜 色给单个切片也有助于我们组织切片，也可以改变切片线的颜色。 注释：在预览文档时，撤选的切片对象在叠加白色时可视。 要修改所选对象的颜色： 1、在层面板的 Web 层中选择切片。 2、在属性面板的颜色框中指定一种颜色。 要修改切片线的颜色： 1、选择“预览 |引导线|编辑引导线” 菜单命令。 2、从“引导线对话框 ”的切片颜色选区中选择一种新颜色，然后单击“ok” 按钮。 对切片属性的编辑，是应用切片创建网页的预先准备工作，对于进一步创 建网页来说是非常重要的。 在 FW 中编辑切片操作步骤介绍： 在 Fireworks 中我们可以把切片布局当做字处理应用程序中的一种表格来进 行编辑。当我们拖放切片的引导线以修改切片的尺 寸时，Fireworks 也同时自 动地修改临近矩形切片的尺寸，此外我们也可以使用属性面板以修改切片的尺 寸以及改变切片的形状成为所要求的矢量和位图对象。 1、移动切片线以编辑切片 切片线定义切片的边缘和位置，延伸到切片线之外的切片线定义被切割文 档对象在导出时切片之外的部分如何排列。可通过拖放切片周围的切片线修改 矩形切片对象的形状，非矩形的切片对象不能够通过移动切片线修改它的大小。 注释：切片可成为 Fireworks 的按钮，如果我们拖动文档窗口中的 Fireworks 按钮周围的切片线，Fireworks 就会修改定义按钮活动区域的切片尺 寸。但是，我们不能以拖动切片线的方式删除 Fireworks 按钮的活动区域。 如果多切片对象沿着单切片线对齐，那么我们就可以拖动切片线以同时重 新修改所有切片对象的大小。 此外，如果我们沿着给定的坐标拖动某个切片线，那么所有同一坐标的其 他切片线会随之移动。 要重新修改一个或多个切片的大小： 1） 、放置鼠标指针或子选工具指针到切片线上。指针就变成切片线移动指针形 状。 2） 、拖放切片线到指定的位置。 切片的尺寸就发生了变化，所有邻近的切片就会自动地同时发生变化。 要重新定位切片线到画布的远边缘： 使用鼠标指针或子选工具指针拖动切片线到画布的远边缘。 要移动临近的切片线： 1） 、按住 Shift 键的同时，拖动切片线过邻近的切片线。 2） 、在所需的位置释放切片线。 拖过去的所有切片线就会移动到这个位置。 释放鼠标按钮之前松开 Shift 键可取消该操作，所有被选择的切片线就会回 到它原来的位置。 2、使用工具编辑切片对象 我们可以应用鼠标指针、子选工具指针和变形工具以重新修改切片的形状 或重新修改切片的尺寸。我们仅可以斜切和扭曲矩形切片。 注释：使用这些工具重新修改切片的尺寸和重新修改切片的形状，可能产 生叠加的切片，这是因为邻近的切片对象不自动调整的缘故。当切片叠加时， 如果其中存在交互性功能，那么最顶部的切片具有优先权。要避免叠加切片而 影响使用，请使用切片线编辑它们。 要编辑所选切片的形状，请进行下列操作之一： 1） 、选择鼠标指针或子选工具然后拖动切片的角点以修改它的形状。 2） 、使用变形工具执行所需的变形操作。 注释：对矩形切片应用变形可以修改它的形状、位置或维数，但是切片本 身仍保留它的矩形属性。 3、使用属性面板或信息面板编辑切片对象 我们可以使用属性面板上的控件，通过赋值来改变切片对象的位置和尺寸。 不言而喻，切片的位置和大小是满足切片中定义网页元素的大小和网页元 素在整个页面布局中的位置，因此在网页创作过程中或之前要对切片的这些属 性进行修改以适应需要。 应用 FW 创建切片的交互性： 在 Fireworks 中创建交互性的基本构件是切片对象。Fireworks 提供两种方 法创建切片的交互性。 1、拖放滚动图像方法是创建切片交互性的最简单方法，仅拖动图片的行为 手柄并放置它到目标切片上就可以快速地创建简单的交互。 2、应用行为面板可以创建更为复杂的交互性。行为面板中含有可添加到切 片上的许多交互行为。通过添加多行为到单一的切片上，可以创建许多有趣 的 特效。也可以在该面板中选择许多鼠标事件以触发交互式行为。 Fireworks 中的行为与 Dream weaver 中的行为兼容。当我们导出 Fireworks 的行为效果（应用到切片上的）到 Dream weaver 中时，使用 DW 的行为面板可 以继续编辑其行为特效。 为切片添加简单的交互行为效果 拖放滚动图像方法是快速而有效的创建滚动和交换图像效果的方法。 在特定情况下，拖放滚动图像方法允许用户决定鼠标指针经过切片时的动 作效果。最终结果一般称为滚动图像效果。滚动图像是在浏览器中当鼠标指 针 移动到其上时，外观发生变化的图形。 当切片被选中时，带有十字丝的圆环出现在切片的中心，它被称为行为手 柄。 拖动触发切片的行为手柄并放置它们到目标切片上，就可以很容易地创建 滚动图形和交换图效果。触发对象和目标切片可以是同一个切片。热区也存 在 行为手柄以应用滚动图效果。 关于滚动图像效果： 滚动图像都以相同的方式工作，当鼠标指针移动到其上时，一个图形触发 另一个图形的显示。触发器总是网页对象切片、热区或按钮。 最简单的滚动图像效果用帧 1（状态 1）之下的帧 2（状态 2）中的图像直 接地交换帧 1（状态 1）中的图像。也可以创建更为复杂的滚动图形效果。交换 图像滚动效果可以交换来自任意帧（状态）的图像，非叠合滚动图效果交换非 触发切片中的图像。 在 Fireworks 中，当我们使用行为手柄或行为面板创建可触发行为的网页对 象之后，并选中它。它的所有行为关系就会显示出来，默认情况下滚动交互用 蓝色的行为线表示。 创建简单滚动图形效果: 简单滚动图形效果直接地交换上部帧（状态）之下的那一帧，仅包括一个 切片。 要添加简单的滚动图形效果到切片中： 1、确认触发对象不在共享层上。 2、选择“编辑 |插入|切片”菜单命令以在触发对象之上创建切片。 3、在帧（状态）面板之上，单击“新建/重制帧（状态）按钮创建一个新的 帧（状态） 。 4、在新的帧（状态）之下，创建、粘贴或导入一幅图像用作交换图像。 把图片放置在第二步所创建的切片之下，尽管该图像位于第二帧（状态）中， 但是它仍然是可视的，透过所有帧（状态） ，切片也是可视的。 1、在帧（状态）面板选择帧 1（状态 1）可以返回到存在原始图像的那个 状态。 2、在层面板中选择切片并放置鼠标指针到行为手柄之上，该指针就变成手 形。 注释：在任意帧（状态）下，我们都可以选择切片。 1、单击行为手柄，然后在弹出的菜单中选择“简单滚动图形” 命令。 2、单击文档顶部的预览选项卡然后测试简单滚动图形效果或者按 F12 键在 浏览器中预览它。 创建非叠合的滚动图像效果 当鼠标指针经过其他的网页对象时，非叠合的滚动图像效果交换网页对象 之下的图像。响应鼠标指针经过或单击以触发图像，图像就会在网页的不同 位 置显示。鼠标经过的图像为触发器，而变化的图像就称为目标。 如同仅使用一个切片的简单滚动图像一样，首先要设置触发和目标切片以 及存放交换图像的帧（状态） ，然后可以连接触发切片到用行为线连接的目标切 片上。 注释：非叠合滚动图像的触发器不一定是切片。热区和按钮也有行为手柄 可用于创建非叠合的滚动图像。 要添加非叠合的滚动图像效果到所选图像： 选择“编辑|插入|切片或热区” 以添加切片或热区到触发图像上。 注释：如果所选择的对象是按钮或者如果切片或热区已经覆盖图像，那么 这一步可以省略。 1、在帧（状态）面板中单击“新建/重制帧（状态）按钮以创建一个新的帧 （状态） 。 2、在画布上所需的位置，在新建帧（状态）下，放置第二张图片，用作目 标。我们可以在第一步中创建的切片之下的其它位置放置图像。 3、选择图像，然后选择“编辑|插入| 切片” 菜单命令以添加切片到图像上。 4、在帧（状态）面板中，选择帧（状态）1，以返回到存在原始图像的那 一帧（状态） 。 5、选择覆盖触发区域（原始图像）的切片、热区、按钮，放置指针到其行 为手柄之上，指针变成手形。 6、拖动触发切片或热区的行为手柄到第四步中创建的目标切片上。 从触发中心延伸而来的行为线连接到目标切片的左上角，打开“交换图像” 对话框。 1、从下拉列表中选择交换图像，选择在第二步中创建的状态，然后单击 “ok”按钮。 2、单击“预览 ”按钮以预览并测试非叠合的滚动图效果。 应用多滚动图像效果到切片： 我们可以从单一切片上多次拖动行为手柄以创建多个交换行为，例如我们 可以从同一个切片上触发鼠标滚动图行为和非叠合滚动图形为。 注释：我们也可以使用行为面板添加多个行为。 要应用一个以上的滚动图效果到所选切片上： 从所选切片上拖动行为手柄到该切片的边缘或者到其它切片上。 拖动该切片的行为手柄到其左上边缘，以创建一个交换图像，而拖动行为 手柄到其它切片上以创建一个非叠合的滚动效果。 1、选择交换图像所在的那一帧（状态） ，然后单击“ok”按钮。 2、重复第一步和第二步多次，以创建更多的滚动图效果。 移除拖放滚动效果： 可以很方便地从切片、热区或者按钮上移除拖放滚动效果。方法是单击行 为线，然后单击“ok”按钮。 应用行为面板添加交互性给切片对象： 除了使用简单方式添加鼠标滚动图之外，我们还可以使用行为面板添加其 它类型的交互性给切片，可以编辑已存在的行为创建自定义的交互效果。 注释：尽管我们可以使用行为面板创建简单的、非叠合的和复杂的滚动图 效果，但是拖放滚动方法依然有效。 下列行为可在 Fireworks 中应用： 简单鼠标滚动图 使用帧 1（状态 1）作为常规状态，帧 2（状态 2）作为滑过状态，对所选 的切片应用滚动图行为。在我们选择了该行为之后，在第二个状态（帧 2）中 创建一 幅图像，在同一个切片之下，创建滑过状态。该简单的滚动图选项实际 上是包括交换图像和交换图像的恢复行为这两部分动作的群组。 交换图像 用其他状态的内容或其他文件中的内容替换指定切片之下的图像。 交换图像恢复 在状态 1（帧 1）中，恢复目标对象为它的默认外观。 设置导航条图片 设置切片为 Fireworks 导航条的一部分，作为导航条一部分的每个切片必须 指定行为。设置导航条图片实际上是包含导航条滑过、导航条按下以及导航条 恢 复动作的一个行为群组。该行为当我们使用按钮编辑器创建包括“按下时包 含（Include Over While Down State） ”或者“加载时显示按下图像（ Show Down Image Upon Load State） ”这两个动作的按钮时，默认情况下自动地为用户创建。 当我们创建双状态按钮时，简单滚动图行为就被赋与这个切片。当我们 创建三 或四状态按钮时，一组导航条图像行为就被赋与该切片。 导航条滑过 当切片为导航条的一部分或者可选择性地为其指定“预载图像状态” 和“按下 时包含状态” 时，为当前选择切片指定 “滑过”状态。 导航条按下 当切片是导航条的一部分而且可以选择性地指定预载图像状态时，为当前 所选切片指定按下状态。 导航条恢复 恢复导航条中所有其他切片为其正常状态。 设置弹出菜单 为切片或者热区添加弹出菜单，我们可以使用弹出菜单编辑器创建弹出菜 单行为。 设置状态条文本 在浏览器窗口的最底部，为状态条定义显示文本。 一、添加行为： 使用行为面板，我们可以添加行为给切片，也可以添加一个以上的行为给 切片。 要使用行为面板添加行为给所选的切片： 1、单击行为面板中的“ 添加行为 ”按钮（+号按钮） 。 2、从添加行为按钮中选择行为。 二、编辑行为： 行为面板也为我们提供了编辑已存在行为的能力，我们可以提供触发行为 （例如单击事件）的鼠标事件类型。 注释：我们不能修改简单滚动图形和设置导航条图像的事件。 要修改激活行为的鼠标事件： 选择希望修改行为的触发切片或热区。在行为面板中显示所有切片或热区 相关的行为。 单击事件旁边的箭头，然后选择右键菜单中的新事件。 鼠标滑过事件（OnMouseOver）： 当鼠标指针划过触发区域时，触发事件。 鼠标离开事件（OnMouseOut）： 当鼠标指针离开触发区时触发行为。 单击事件（OnClick）： 当触发对象被单击时触发行为。 加载事件（Onload ）： 当网页被加载时触发行为。 使用其他文件创建交换图像： 我们可以使用当前 Fireworks 文档之外的图像文件作为交换图像的源。源图 像可以是 GIF、动画 GIF、Jpeg、Png 格式。当我们选择其他文件作为图像源时， 在交换图像于浏览器中被触发时，就会交换在 Fireworks 中创建的目标切片中 的图像。 所用的文件必须与交换图像的目标切片的宽度和高度相同，如果不这样的 话，浏览器就会重新修改文件的尺寸以适应切片对象的尺寸。修改文件的尺寸 可 能会降低它的质量，尤其是在动画 GIF 格式下。 要选择其他图像文件作为交换图像的源： 当打开“交换图像 ”、 “导航条滑过”、 “导航条按下” 对话框时，选择图像文件， 然后单击“文件夹 ”图标。 注释：如果在交换图像对话框中，没有发现该选项，请选择 “更多选项”， 然后执行第一步。 1、导航到我们想使用的文件，然后单击“打开” 。 2、如果必要，请撤选预置的图像（其它文件为动画文件时） 。 预先保存在其中的图像可能会中断滚动状态的动画 GIF 显示。要避免这一 类问题，可以在配置滚动的过程中撤选预置图像。 注释：如果我们打算导出这类文档用于网站，要确认其它文件可以从导出 的 Fireworks HTML 文档访问（读入） 。Fireworks 创建文档相对路径给图像文件。 在使用其它文件作为在 Fireworks 中的交换图像时，最好将其它文件放置在本 地网站中。当我们上传文件到网站时，请确认其它图像文件也同时被上传。 使用行为面板为网页元素通过设置切片的方式添加行为，可以创建出更为 丰富多彩的网页元素显示效果或者具体的操作功能。这是不通过编码实现网页 功能的一个途径。 在 FW 中输出切片对象的基本方法介绍： 切片切割图片为若干片，Fireworks 导出各自状态上的片为一个独立的文 件，这样每一个文件就必须有唯一的名称。 当切片导出时，Fireworks 自动地命名每一个切片，我们可以接受默认的 命名规则、改变命名规则或者为每个切片自定义名称。 自定义切片文件的名称： 我们可以为切片命名，以便能够轻松地在网站文件结构中识别切片文件。 例如，如果我们应用返回到主页的导航条按钮，那么我们就可以命名切片为 Home。 要自定义切片的名称，进行下列操作之一： 1、选择画布上的切片，选择属性面板中的对象名称文本框，在其中输入名 称，然后按 Enter 键。 2、在 Web 层中，双击切片的名称，键入新的名称，然后按 Enter 键。 不要在基本名中添加扩展名，在导出时，Fireworks 会自动地为切片文件 添加扩展名。 如果我们不在属性面板或层面板中输入名称，那么 Fireworks 会启用自动 命名，自动命名功能根据命名规则自动地为每个切片文件指定唯一的名称。 要自动命名切片文件： 在我们导出切片图像时，在导出对话框的文件名文本框中键入名称，不要 添加文件扩展名，在导出时 Fireworks 会自动地添加扩展名给切片文件。 修改默认的自动命名规则： 我们可以在 HTML 设置对话框的文档属性选项卡下修改切片的命名规则。 Fireworks 允许用户使用广泛的命名原则指定自己的命名规则。我们可以 创建多达 8 种元素的命名规则，每一种元素可以由下列自动命名选项的任何一 种组成： 选项 描述 None（无） 没有元素被应用到规则中 D（文档名.名称） 名称中包含文档名元素 切片#（1,2,3，） 切片#（01,02,03，） 切片#（A,B,C,） 切片#（a,b,c,） 切片#（r3_c2，r4_c7） 行（r#）和列（c#）这两个表达式指 定浏览器用于重建切片图像的行和列。 在命名规则中可以使用这种元素的信息。 下划线 句号 空格 连字符 使用这些字符作为其他元素之间的分隔 符。