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

2. 创建多边形切片　　如图5所示，打开一幅图像，可以利用多边形切片工具在多边形的每个顶点单击制作多边形切片，如图6所示。


图5打开图像
$ z2 L- Q/ n1 }

图6 创建多边形切片
' R& [! l# {% T: ]) u! S& {; w% W　　 由上图可见，图像中的切片向导仍然是水平和垂直的，生成的切片文件也还是矩形的。实际上多边形切片的形状主要是用于设置相应的行为触发区域的。如果切片对象被设置了链接，那么在浏览器中显示的时候，只有点击到多边形区域时才会实现链接跳转，而在这个切片的其他区域则不会出现链接跳转。　　 同理，如果切片和对象区域完全符合或者说用户是基于路径对象制作切片，只需点击“编辑”菜单，再选择“Insert”->“Slice”即可。
　　 三、编辑切片

) R5 R# T, J- S" x+ R- k. T5 }　　和热区的编辑非常类似，如果要选取切片，可以利用指针工具、部分选定工具来选中它，也可以使用层面板来进行；选中切片之后，若要移动切片可以利用鼠标、方向键或者属性面板的位置值。　　默认情况下热区是透明的绿色，如果需要改变热切片的颜色，只需要在图7所示的切片属性面板中的切片颜色框中选择所需要的颜色即可。
（图7 切片属性面板 图片较大，请拉动滚动条观看）
4 _, L9 S8 Z, W/ X5 _& i　　 在切片属性面板中，类型栏的下拉菜单中有图像和HTML两项，选择HTML会出现图8所示的面板，点击按钮，在图9所示的弹出窗口中设置HTML代码可以创建一个文本链接。
, M$ c7 ]3 s# U1 s9 v（图8 将切片类型改为HTML 图片较大，请拉动滚动条观看）
9 h6 K" H8 G' }, q  t6 V" T, u6 D
7 [% }" X+ |- H2 Q0 b5 y% x6 G
图9 Edit HTML Slice对话框
（图10 选择优化方式 图片较大，请拉动滚动条观看）
9 y% u0 o  V1 Z# B8 c: x& S8 i　　 此外，在属性面板的优化下拉列表中还有几类优化方式，我们可以依据实际情况选择一种优化方式，如图10所示。　　 可以利用工具箱上的隐藏切片和热点工具来将选中的切片隐藏起来，需要显示切片的时候单击显示切片和热点工具即可将切片显示出来。如同热区的显示和隐藏一样，我们同样还可以利用层面板上的眼睛图标显示和隐藏该切片。
　　四、添加链接
" R' z5 q4 D% G0 f6 U& K/ K, B　　 为切片添加链接同样有两种方法，一是利用属性面板，二是利用URL面板。当我们选定某个切片之后，我们可以在这两个面板中为该热区设置链接地址和链接属性。方法和热区的链接方法类似，这里不再重复了。