到这里，切片工作基本完成。现在要做的就是把它导出，变成真正的网页。

具体的操作步骤如下：

1）接上一节的操作，选择菜单栏中的“文件”→“存储为Web所用格式”命令，具体操作如图3-58所示。

图3-58 执行“存储为Web所用格式”命令

2）打开“存储为Web所用格式”对话框，设置为“GIF”格式，“颜色”值为256，“扩散”模式，“仿色”值为100%，“WEB靠色”值为100%，其他设置如图3-59所示。

图3-59 “存储为Web所用格式”对话框(www.daowen.com)

3）单击“存储”按钮，打开“将优化结果存储为”对话框，在电脑的D盘下建立文件shop，单击选择“保存在”选项后面的下拉三角按钮，选择建立的shop文件夹，其他保持默认值，具体设置如图3-60所示。

图3-60 “将优化结果存储为”对话框设置

4）单击“保存”按钮，完成保存切片的操作。打开保存文件的路径，我们可以看到系统已经自动生成了一个名为images的文件夹，文件夹里是前面切片后产生的小图片，由这些小图片组成了首页的效果，在设计的时候可以分别调用这些小图片，具体操作如图3-61所示。

图3-61 切割的小图片

为了后面编排网页的需要，可以将这些小图片根据各自的功能和位置，来改动文件名，以方便网页排版设计之用。