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

小猛free

小猛free

2016-02-19 18:24

有了下面这个Fireworks网页切片应用详解(三)教程,不懂Fireworks网页切片应用详解(三)的也能装懂了,赶紧get起来装逼一下吧!

  五、命名切片

  在Fireworks中命名切片有如下三种方式:自动命名切片文件、自定义命名切片文件和更改默认的自动命名惯例。

  1. 自动命名切片文件

   如果用户没有在属性面板或层面板中输入切片名称,则Fireworks 会为切片自动命名。自动命名将根据默认的命名惯例自动为每个切片文件指定一个唯一的名称。在导出经过切片的图像时,于“Export”对话框的“文件名”文本框中输入一个名称。注意不要添加文件扩展名,因为Fireworks 会在导出时自动向切片文件添加文件扩展名。

  2. 自定义命名切片文件

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com)

  为了能够在站点文件结构中轻松地标识切片文件,用户可以为切片自行命名。自定义命名切片有两种方法:在画布上选择切片,在属性面板的Slice框中输入一个名称,然后按回车键;在层面板中双击切片的名称,输入一个新名称,然后按回车键。

  3. 更改默认的自动命名惯例

  还可以在“HTML Setup”对话框的“Document Specific”(文档特定信息)选项栏中更改切片的命名惯例。点击“File”菜单,选择下拉菜单的“HTML Setup”,如图11所示在弹出的对话框中选择“Document Specific”选项栏。我们可以用多种多样的的命名选项来生成自己的命名惯例,创建的命名惯例最多可包含六个元素。每个元素具体解释如下:


图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。

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com)
展开更多 50%)
分享

猜你喜欢

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

设计创意
Fireworks网页切片应用详解(三)

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

设计创意
Fireworks网页切片应用详解(四)

什么是极简主义 如何打造极简风格家居

家居设计 装修设计
什么是极简主义 如何打造极简风格家居

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

设计创意
Fireworks网页切片应用详解(一)

Fireworks优化网页图像详解(三)

设计创意
Fireworks优化网页图像详解(三)

2017榻榻米书房设计装修效果图 榻榻米书房设计图片

榻榻米 书房 装修设计 书房设计 平面设计
2017榻榻米书房设计装修效果图 榻榻米书房设计图片

Fireworks优化网页图像详解(一)

设计创意
Fireworks优化网页图像详解(一)

Fireworks优化网页图像详解(二)

设计创意
Fireworks优化网页图像详解(二)

2017春夏女装风衣外套流行趋势

服装设计 平面设计 设计 服装搭配
2017春夏女装风衣外套流行趋势

Jonny Wan潮流插画作品欣赏

Jonny Wan潮流插画作品欣赏

四季如风——唯美四季插画作品

四季如风——唯美四季插画作品
下拉加载更多内容 ↓