Fireworks 8 制作网页效果图-生成网页

8.从标尺中拖拽出辅助线，目的是为了能够更加准确地进行切片。效果如图1.9所示。

9.选择工具箱中的【切片工具】，根据刚刚拖拽出来的辅助线，绘制切片。效果如图1.10所示。

【说明】在绘制切片的时候需要注意，切片和切片之间尽量不要重叠，同时使用切片把所有图像都覆盖起来。

10.点击画布左上角的【两幅】，进入到两幅窗口的显示模式。

11.选择【窗口】@@【优化】命令（快捷键：【F6】），打开Fireworks 8的【优化面板】。如图1.11所示。

【说明】在两幅的优化模式下，选择左侧的切片，在【优化面板】中进行设置，优化后的效果会在右侧的预览窗口中显示出来。优化的原则是颜色多、有渐变色的图像区域优化成“JPG”格式；颜色少的图像区域优化成“GIF”格式。

12.全部优化完毕，选择【文件】@@【导出】命令（快捷键：【Ctrl+Shift+R】），打开Fireworks 8的【导出】窗口。如图1.12所示。

13.在【导出】窗口中进行相应的设置。保存的位置一定要在站点的根目录，文件名为“index”，保存类型为“HTML和图像”，将所有切片生成的图像都放置到“img”文件夹中。