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

2016-02-19 18:24 11 1 收藏

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

【 tulaoshi.com - Fireworks网页切片应用详解(三)[ 】

  五、命名切片

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

  1. 自动命名切片文件

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

  2. 自定义命名切片文件

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

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

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

  还可以在“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://www.tulaoshi.com)

来源:http://www.tulaoshi.com/n/20160219/1617530.html

延伸阅读
最近看到很多朋友对切片有疑虑,所有又写了一个简单的关于切片的教程,希望对大家有所帮助,这个教程主要就是介绍了一下切片的流程,写的不细,需要细致的教程可以看我写的巩义的教程http://bbs.blueidea.com/thread-2682629-1-1.html。 在Fireworks或者是PhotoShop中设计好的网页效果图,需要导入到Dreamweaver中进行排版布局。在导...
标签: Web开发
创建 HTML 切片 HTML 切片指定浏览器中出现普通 HTML 文本的区域。HTML 切片不导出图像,它导出出现在由切片定义的表格单元格中的 HTML 文本。 如果要快速更新出现在站点中的文本而无须创建新图形,则 HTML 切片很有用。 若要创建 HTML 切片: 绘制切片对象并将其保留为选定状态。 在"属性"检查器中,从"类型"弹...
创建 HTML 切片 HTML 切片指定浏览器中出现普通 HTML 文本的区域。HTML 切片不导出图像,它导出出现在由切片定义的表格单元格中的 HTML 文本。   如果要快速更新出现在站点中的文本而无须创建新图形,则 HTML 切片很有用。 若要创建 HTML 切片: 绘制切片对象并将其保留为选定状态。 在"属性"检查器中,...
二、编辑热区 热区是网页对象,同其它许多对象一样,用户可以使用指针工具、部分选定工具和变形工具对其进行编辑。我们还可以使用属性面板,以数字方式更改热点的位置和大小,甚至可以更改热区的形状,使其在网页创作中更加灵活多样。 对热区的操作主要包括以下几种: 1. 选择热区 选择热区可以运用工具箱上的指针工...
使切片具有简单的交互效果 拖放变换图像方法是创建变换图像和交换图像效果的快速而有效的方法。 具体说来,拖放变换图像方法使您可以确定指针经过一个切片时该切片所发生的变化。最终结果通常称为变换图像。变换图像是在网页浏览器中当指针经过其上方移动时,其外观发生更改的图形。 当选定切片时,一个带有十字的圆圈出现...

经验教程

700

收藏

91
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部