导出图像映射

在 Fireworks 的 PNG 文档中构建完图像映射后,在这个图像映射真正能够在浏览器中发挥图像映射功能之前,必须先将其导出。

在导出图像映射的时候会生成几种不同的文件的。

导出客户端图像映射会生成一个图形文件,和一个包含有热区及相关 URL 链接等映射信息的 HTML 文件。
导出服务器端图像映射会生成一个图形文件,一个独立的映射文件,和一个包含有同映射文件的链接的 HTML 文件。

典型的切割图像映射的导出会生成许多的图形文件。有关切割的详细介绍,参阅 绘制切割对象

如何导出图像映射:

1 先对图形进行优化,准备导出。
有关在工作区优化图形的介绍,参阅 如何在工作区进行图形优化设置和处理
2 选择 File > Export 打开对话框。
3 选择存放图形文件的文件夹,命名文件。
如果你已经为你的站点构建好了整个的文件结构,你就可以将图形文件保存在站点相应的文件夹中。忽略 Slicing 选项。
4 选择一个 HTML Style 格式。
除了 None,你选择任何的选项都会命令 Fireworks 在导出的时候生成一个 HTML 文档。有关 HTML Styles 的详细介绍,参阅 导出 HTML 文件
5 点击 Browse 按钮,选择存放 HTML 文件的文件夹。
如果你在步骤 4 中选择了 Dreamweaver 3 Library.lbi,你就必须将 HTML 文件存放在名为 Library 的文件夹中,并且要将这个文件夹放在站点的根目录下。
6 点击 Save 导出图像映射。
7 对于服务器端的图像映射,打开导出的 HTML 文件,输入到服务器上映射文件的路径。

你可以打开 Fireworks 为图像映射生成的 HTML 文件,将其中图像映射的源代码部分拷贝并粘贴到其它的 HTML 文件中去。Fireworks 会使用 HTML 注释来清楚地标明图像映射源代码的开始和结束位置,以及其它的功能。

其中,Update HTML 功能会将 Fireworks 生成的 HTML 部分送到你的站点的 HTML 文件中的正确位置去。有关如何将图像映射放到 Dreamweaver 或其它的 HTML 编辑器中的介绍,参阅 如何将 Fireworks 文件放到 Dreamweaver 中