使用 Fireworks 8 生成网页

核心提示： 图1.3 选择背景的渐变色区域3.选择【文件】@@【图像预览】命令（快捷键：【Ctrl+Shift+X】），把背景渐变色优化并输出，使用 Fireworks 8 生成网页(2)，如图1.4所示，图1.4 优化背景图片 (点击查看大图)【说明】因为背景是渐变色，7.选择【视图】@@【标尺】命

图1.3 选择背景的渐变色区域

3.选择【文件】@@【图像预览】命令（快捷键：【Ctrl+Shift+X】），把背景渐变色优化并输出。如图1.4所示。

图1.4 优化背景图片 (点击查看大图)

【说明】因为背景是渐变色，所以优化为“JPG”格式。

4.单击【导出】按钮，把优化好的背景图片导出到北京达美的站点中，并且在站点中建立一个“img”文件夹来保存所有的图片。如图1.5所示。

图1.5 把背景图片导出到站点中的“img”文件夹中

【说明】导出背景图片的文件名不能使用中文，这里叫做“bg”表示是背景。之所以要把背景图片单独导出，是因为在最后的网页中，背景图片是可以作为网页的背景平铺起来的。

5.在Fireworks 8中重新打开形象首页效果图。

6.在Fireworks 8中的【图层面板】中，点击背景图片前的眼睛图标，把刚刚导出的背景图片隐藏起来。如图1.6所示。

图1.6 隐藏背景图层

【说明】因为背景已经单独输出，所以在后面的编辑中就不需要背景了。把背景图层隐藏后，在导出图像的时候就不会输出背景图层中的内容，效果和删除调这个图层中的内容是一样的。

7.选择【视图】@@【标尺】命令（快捷键：【Ctrl+Alt+R】），打开Fireworks 8的标尺。如图1.7所示。