导出图像,HTML,和 JavaScript

用户在导出文档的时候,Fireworks 会为所有的切割图像输出单个的文件,同时生成供浏览器显示用的 HTML 和 JavaScript 源代码。Fireworks 令图像,图像的 HTML 和 JavaScript 源代码的导出,进而合并到用户用 Dreamweaver 创建和维护的站点,等等遮一切变得容易和简单了。

1 选择 File > Export。通过文档导出用户可以为每个切割和 HTML 文件生成一系列的图像文件。为方便用户自己以后删除这些文件,最好将它们存到一个新的文件夹中。
2 先选好存放位置,然后点击 New Folder 按钮,再给文件夹起个名字。确定文件夹的名字出现在对话框的上边就算完成了。
3 Accept the default for base name. Fireworks uses this name for the HTML file that it creates and as the base for naming all the resulting GIF and JPEG files that are created due to the slicing.
你也可以对 Fireworks 命名文件的方式进行改变,也可以设定一下导出 HTML 文件的其它属性,进行上述操作是通过点击 Setup 按钮来进行的。有关介绍,请参阅 导出图像
4 由 Slicing 弹出菜单中选择 Use Slice Objects,遮可以确保在浏览器中显示的时候所有的按钮,behaviors,和图像优化正常工作。
5 由 Style 弹出菜单中选择 Dreamweaver 3,这就会使的输出的 HTML 代码已经为今后在 Dreamweaver 3 中使用而进行了必要的优化。
6 确定 Location 弹出菜单中设定的是 Same Directory。这个选项允许用户指定导出图像的相关 HTML 文件的存放位置。用户甚至可以直接将这些 HTML 代码拷贝下来并粘贴到 Dreamweaver 文件中去。
7 点击 Save (Windows) 或 Export (Macintosh) 导出文件。HTML 文件可以在浏览器中查看或者在 Dreamweaver 打开。
如果需要,用户可以在浏览器中进行预览并测试按钮的功能是否正常。
8 打开浏览器,选择 File > Open > Page in Navigator (Netscape Navigator) 或 File > Open (Microsoft Internet Explorer),选取用户自己导出的 HTML 文件。
用户也可以通过选择 File > Preview in Browser 在 Fireworks 中直接打开浏览器。如果你想选择的浏览器没有安装,选择 Set Browser,向列表添加主要浏览器和第二浏览器。
9 对 HTML 文件测试完成后,返回到 Fireworks,关闭文件。