文档介绍：应用 Fireworks 创建切片的方法介绍译者:王立群应用 FW 创建切片、鼠标滚动图和热区: 在 Fireworks 中,切片是创建与网站交互功能的基本构件。切片是不以图片格式存在的网页对象,基本上是以 HTML 代码的形式存在。我们可以在图层面板的 Web 层上预览、选择、重命名这些切片。本文讨论切片的核心概念以及组合切片的交互性到网页中的过程。使用拖放滚动方法添加交互性给切片,在工作区中可以快速地创建鼠标滚动图和交换图像效果,可以在行为面板中设置这些交互组件的行为并使用这些面板创建更为复杂的交互功能。我们可以把热区的交互性组合到网页中,热区可用于创建映像图,它们是在 HTML 文档中定义热区的 HTML 代码。这些区域不一定存在链接,它们可能仅触发行为或定义替换文本。热区也可以接收鼠标事件,允许用切片承担 Java scrip t 行为。本文包含下列内容: 1、创建和编辑切片: 切片切割 Fireworks 文档为小的片并导出每一片为独立的文件。当导出时, Fireworks 也创建包含表代码( table code )的 HTML 文件以重新编译浏览器中的图形。切割一个图像至少有三方面的主要优点: 1)、优化: 网站图形设计的一个重要条件是确保图像在不牺牲质量的情况下快速地下载,切片技术可以使我们用最适合的文件格式和压缩配置优化每一个独立的切片。 2)、交互性: 可以用切片创建响应鼠标事件的区域。 3)、更新网页的一部分: 切片技术允许我们将经常修改的网页部分进行更新。例如某公司网页可能需要按月修改土豆的产地,切片技术允许我们仅快速地修改土豆产地的名称和照片而无需替换整个网页。 2、设置切片的交互性在 Fireworks 中创建交互性的基本构件是切片对象, Fireworks 提供两种方法创建切片对象的交互性: 1)、拖放滚动方法是创建切片交互性的最简单方法,只要拖动切片的行为手柄并放置它到目标切片上就可以快速地创建简单的交互。 2)、行为面板允许我们创建更为复杂的交互性。行为面板含有许多可添加给切片的交互行为。通过添加多行为给某个切片,可以创建有趣的效果,也可以从许多触发交互行为的鼠标事件中选择。 Fireworks 的行为与 Dream weaver 的行为是兼容的。当我们导出 Firework s 鼠标滚动图到 Dream weaver 时, 可以用 Dream weaver 的行为面板编辑 Firework s 行为。 3、准备输出切片使用属性面板,我们可以赋值链接和目标给切片以创建切片的交互性,也可以指定替换文本在图像加载时显示于浏览器中,此外也可以对所选择的切片指定导出文件格式以优化图像。如果属性面板被最小化,那么单击左下角的展开箭头以显示所有切片的属性。使用属性面板或层面板,可以为切片赋予唯一的名称。在导出切片时, Fireworks 使用切片创建过程中指定的名称,如果在属性面板中或层面板中没有输入切片的名称,那么 Fireworks 会在导出时自动地命名切片。用户可以通过使用 HTML 设置对话框修改自动命名规则。 Fireworks 将进行了切片的 Fireworks 文档导出为 HTML 文件和一系列图形文件,可以使用 HTML 设置对话框定义导出的 HTML 文件的属性。 4、使用热区和映射图网站设计者可以使用热区以创建较大图形交互区的某个小区域、链接网站图形到 URL 。在 Fireworks 中,可以从含热区的文档中导出 HTML 代码以创建映射图。热区和映射图比做切片的图形往往节省大量的资源,但是处理切片的技术却要求占用 Web 浏览器的大量资源,这是因为在计算机处理过程中必须下载附加的 HTML 代码,而且处理程序要求重新编译切片的图形。注释:可以创建切片映像图,导出切片映像图一般会生成许多图形文件。当我们需要把图像区域链接到其他网页时,选择热区是一个理想的方法,但是我们不需要在响应鼠标事件时,未选择的图形区域高亮显示或产生滚动效果。当图形位于放置热区的某个对象上时,热区和映像图对于高质量地导出为单一图形文件来说是理想的方法,换句话说就是使用相同的文件格式和优化配置会高质量地导出全部的图形。在 FW 中创建切片对象: 在 Fireworks 中,使用切片工具拖放或在所选的对象上插入切片以创建切片对象。约束切片对象的线就是切片的轮廓线,它决定被分割的某个独立的图像文件导出到文档时的边界,这些线在默认的情况下为红色。一、在所选对象上插入矩形切片的方法: 1、选择“编辑|插入|切片”菜单命令,所创建的切片是包括所选对象最外边缘的矩形区域。 2、如果选择了一个以上的对象,那么就选择应用切片的方式,有以下两种方式: 1)、单:创建覆盖所有选择对象的单一对象。 2)、多:为每个所选对象创建切片对象。