fireworks网页切片应用详解

《fireworks网页切片应用详解》由会员上传分享，免费在线阅读，更多相关内容在应用文档-天天文库。

1、Fireworks网页切片应用详解　　我们这里所说的切片（Slice）就是将一幅大图像分割为一些小的图像切片，然后在网页中通过没有间距和宽度的表格重新将这些小的图像没有缝隙的拼接起来，成为一幅完整的图像。这样做可以减低图像的大小，减少网页的下载时间，并且能创造交互的效果，如翻转图像等，还能将图像的一些区域用html来代替。Fireultiple按钮，可以创建多个切片，如图4所示。　　　　图3提示对话框　　　　图4制作多个切片　　2.创建多边形切片　　如图5所示，打开一幅图像，可以利用多边形切片工具在多边形的每个顶点单击制作多边形切片，如图6所示。　　　　图5打开图像　　　　图6创建多边形切片　

2、　由上图可见，图像中的切片向导仍然是水平和垂直的，生成的切片文件也还是矩形的。实际上多边形切片的形状主要是用于设置相应的行为触发区域的。如果切片对象被设置了链接，那么在浏览器中显示的时候，只有点击到多边形区域时才会实现链接跳转，而在这个切片的其他区域则不会出现链接跳转。　　同理，如果切片和对象区域完全符合或者说用户是基于路径对象制作切片，只需点击编辑菜单，再选择Insert->Slice即可。　　三、编辑切片　　和热区的编辑非常类似，如果要选取切片，可以利用指针工具、部分选定工具来选中它，也可以使用层面板来进行；选中切片之后，若要移动切片可以利用鼠标、方向键或者属性面板的位置值。　　默认

3、情况下热区是透明的绿色，如果需要改变热切片的颜色，只需要在图7所示的切片属性面板中的切片颜色框中选择所需要的颜色即可。　　　　（图7切片属性面板）　　在切片属性面板中，类型栏的下拉菜单中有图像和HTML两项，选择HTML会出现图8所示的面板，点击按钮，在图9所示的弹出窗口中设置HTML代码可以创建一个文本链接。　　123下一页[感谢阅读这篇文章，..，]　　（图8将切片类型改为HTML）　　　　图9EditHTMLSlice对话框　　　　（图10选择优化方式）　　此外，在属性面板的优化下拉列表中还有几类优化方式，我们可以依据实际情况选择一种优化方式，如图10所示。　　可以利用工具箱上的隐藏切片

4、和热点工具来将选中的切片隐藏起来，需要显示切片的时候单击显示切片和热点工具即可将切片显示出来。如同热区的显示和隐藏一样，我们同样还可以利用层面板上的眼睛图标显示和隐藏该切片。　　四、添加链接　　为切片添加链接同样有两种方法，一是利用属性面板，二是利用URL面板。当我们选定某个切片之后，我们可以在这两个面板中为该热区设置链接地址和链接属性。方法和热区的链接方法类似，这里不再重复了。　　五、命名切片　　在FireentSpecific（文档特定信息）选项栏中更改切片的命名惯例。点击File菜单，选择下拉菜单的HTMLSetup，如图11所示在弹出的对话框中选择DocumentSpecific选项栏

5、。我们可以用多种多样的的命名选项来生成自己的命名惯例，创建的命名惯例最多可包含六个元素。每个元素具体解释如下：　　　　图11文档特定信息项目栏　　*None：元素钚应用任何名称。　　*.name：元素采用文档的名称。　　*slice：可以向命名惯例中插入slice一词　　*Slice（1、2、3...）/Slice（01、02、03...）/Slice（A、B、C...）/Slice（a、b、c...）:根据所选择的特定样式，按数字顺序或字母顺序对元素进行标记。　　*ron（r3_c2、r4_c7...）:ron(c##)指定e+slice+Slice（A、B、C...）所产生的切片名称就是i

6、ndexsliceA。实际上，不需要使用包含全部六个元素的命名惯例。如果一个切片包含多个帧，则默认情况下Firee，则Firee.gif，将Over状态图形命名为home_f2.gif，将Doe_f3.gif。　　六、导出切片　　介绍完了命名原则之后，我们来说一下切片导出的具体步骤：　　第一步：如图12所示打开切片图像。　　　　（图12切片图像）　　第二步：选择File->Export，会弹出导出对话框。选择需要保存的文件夹，在文件名中输入文件名称，如图13所示。　　　　（图13导出切片）　　第三步：在切片下拉列表中选择三个选项：　　*ExportSlice（导出切片）：表示根据切片对象

7、导出多个切片文件　　*None（无）：表示不生成切片文件，只是将文件导出为一个图像文件　　*SliceAlongGuides（沿引导线切片）：表示依据文件中现有切片向导导出切片上一页123下一页[感谢阅读这篇文章，..，]另外，如果我们只希望导出一部分切片，只需要选中所需要导出的切片，右击鼠标在快捷菜单中选择ExportSelectedSlice（导出所选切片）即可。上一页123[感谢阅读这篇文章