gggds 发表于 2009-12-27 03:18:04

Fireworks网页切片应用详解(2)




五、命名切片

  在Fireworks中命名切片有如下三种方式:自动命名切片文件、自定义命名切片文件和更改默认的自动命名惯例。  1. 自动命名切片文件   如果用户没有在属性面板或层面板中输入切片名称,则Fireworks 会为切片自动命名。自动命名将根据默认的命名惯例自动为每个切片文件指定一个唯一的名称。在导出经过切片的图像时,于“Export”对话框的“文件名”文本框中输入一个名称。注意不要添加文件扩展名,因为Fireworks 会在导出时自动向切片文件添加文件扩展名。  2. 自定义命名切片文件  为了能够在站点文件结构中轻松地标识切片文件,用户可以为切片自行命名。自定义命名切片有两种方法:在画布上选择切片,在属性面板的Slice框中输入一个名称,然后按回车键;在层面板中双击切片的名称,输入一个新名称,然后按回车键。  3. 更改默认的自动命名惯例  还可以在“HTML Setup”对话框的“Document Specific”(文档特定信息)选项栏中更改切片的命名惯例。点击“File”菜单,选择下拉菜单的“HTML Setup”,如图11所示在弹出的对话框中选择“Document Specific”选项栏。我们可以用多种多样的的命名选项来生成自己的命名惯例,创建的命名惯例最多可包含六个元素。每个元素具体解释如下:

http://www.blue1000.com/upload/2006_07/060721230965981.jpg
图11 文档特定信息项目栏
  * None:元素钚应用任何名称。  * doc.name:元素采用文档的名称。  * slice:可以向命名惯例中插入“slice”一词  * Slice(1、2、3...)/Slice(01、02、03...)/Slice(A、B、C...)/Slice(a、b、c...): 根据所选择的特定样式,按数字顺序或字母顺序对元素进行标记。  * row/column(r3_c2、r4_c7...): row (r##) 和column (c##) 指定 Web 浏览器用来重建切片图像的表的行和列。  * Underscore/Period/Space/Hyphen:下划线/句号/空格/连字符,通常使用这些字符作为与其它元素的分隔符。   例如,如果文档名为index,则命名惯例doc.name + \"slice\"+Slice(A、B、C...)所产生的切片名称就是indexsliceA。实际上,不需要使用包含全部六个元素的命名惯例。如果一个切片包含多个帧,则默认情况下 Fireworks 将为每个帧的文件添加一个数字。我们也可以使用“HTML Setup”对话框为包含多个帧的切片创建自己的命名惯例。例如,如果为一个包含三种状态的按钮输入自定义切片文件名 home,则Fireworks 将“Up”状态图形命名为 home.gif,将“Over”状态图形命名为 home_f2.gif,将“Down”状态图形命名为 home_f3.gif。

下一页





 六、导出切片

  介绍完了命名原则之后,我们来说一下切片导出的具体步骤:  第一步:如图12所示打开切片图像。
(图12 切片图像 图片较大,请拉动滚动条观看)
  第二步:选择“File”->“Export”,会弹出导出对话框。选择需要保存的文件夹,在文件名中输入文件名称,如图13所示。
(图13 导出切片 图片较大,请拉动滚动条观看)
   第三步:在切片下拉列表中选择三个选项:  * Export Slice(导出切片):表示根据切片对象导出多个切片文件  * None(无):表示不生成切片文件,只是将文件导出为一个图像文件  * Slice Along Guides(沿引导线切片):表示依据文件中现有切片向导导出切片   另外,如果我们只希望导出一部分切片,只需要选中所需要导出的切片,右击鼠标在快捷菜单中选择“Export Selected Slice”(导出所选切片)即可。

上一页
页: [1]
查看完整版本: Fireworks网页切片应用详解(2)