第二节：大图的切割

　大家在上网的时候，可能会经常碰到这种情况：浏览某个网页的时候，大部分内容已经下载完毕，唯独一副大图迟迟不肯露面，让人等得很心烦！这也就是我们为什么要切割大图的原因了。

　　把大图切割成几个小图，会大大加快图片的下载速度；另外，切割图片还可以用于链接设定。

　　Fireworks 3可以轻松地将大图切割为几个小图：

　　首先打开我们要切割的图片，然后选择“Slice Tool” 工具，拖动十字架光标在图片左上角拖曳出如图的切割区域，这样图片就被分割成了三个区域。

　　在如图1的切割图片中，红色的线条代表的是切割线，而绿色的区块，我们可以设置URL链接，设置方法如同热区链接的设置。

图1 切割图片示例

　　如果我们不想在切割图片的时候产生链接区块，那么我们只需在选取“Slice Tool” 工具后，直接在图片中单击鼠标即可产生切割区域。

　　接下来，我们来调整一下切割区域的比例分配，选取“一般选物工具”，拖动某个切割区域（必须是拖曳产生的Image可链接区域），即可改变区域的个数和比例；另外，使用“一般选物工具”拖曳切割区域的控制点，也可以调整切割区域的比例。（如图2）

图2 调整切割区域

　　大家可能会问：热区是存放在Web Layer层的，那么切割区域存放在什么地方呢？

　　其实，切割区域也存放在Web Layer层中，同样我们单击眼睛使它消失即可将切割区域隐藏；另外，单击图标 ，也可以将切割区域隐藏，单击图标 ，可以将切割区域显示。

　　下面我们为图片添加一些文字：

　　首先我们在图片的右下角拖曳出一个Image可链接区域，适当地调整它的大小和位置，然后开启“Object”面板，在“Type”选项中选择“Text”（文本），输入需要的文字（例如：li bai）即可（如图3）。

图3 输入文字