Dreamweaver 和 Fireworks 能够识别并共享许多相同的文件编辑过程，包括对链接、图像映射、表格切片等的更改。此外，两个应用程序均为编辑、优化和定位 HTML 页面中的 Web 图形提供了更加简洁高效的工作流程。
您可以使用“插入图像”命令将 Fireworks 导出的图形直接放置在 Dreamweaver 文档中，也可以通过 Dreamweaver 图像占位符创建新的 Fireworks 图形。
在 Dreamweaver 文档中，将插入点放在希望图像出现的位置，然后执行下列操作之一：
导航到所需的 Fireworks 导出文件，然后单击“确定”(Windows) 或“打开”(Macintosh)。
注：如果 Fireworks 文件不在当前 Dreamweaver 站点中，则会显示一条消息，询问是否要将该文件复制到根文件夹。单击“是”。
在 Dreamweaver 中编辑 Fireworks 图像或表格
当您打开和编辑某个图像或属于某个 Fireworks 表格的图像切片时，Dreamweaver 会启动 Fireworks，Fireworks 将打开从中导出图像或表格的 PNG 文件。
注： 以上是假设将 Fireworks 设置为 PNG 文件的主外部图像编辑器的情况下。Firework 在通常情况下是 JPEG 和 GIF 文件的默认编辑器，您可能希望将 Photoshop 设置为这些文件的默认编辑器。
如果图像是 Fireworks 表格的一部分，则可以打开整个 Fireworks 表格进行编辑，只要 HTML 代码中存在 <!--fw table--> 注释。如果源 PNG 文件是从 Fireworks 导出到 Dreamweaver 站点的（使用 Dreamweaver 样式的 HTML 和图像设置），则会在 HTML 代码中自动插入 Fireworks 表格注释。
在 Dreamweaver 中，如果属性检查器尚未打开，请打开它（“窗口”>“属性”）。
单击图像或图像切片以选择它。
如果选择了从 Fireworks 导出的图像，则属性检查器会将所选项识别为 Fireworks 图像或表格，并显示 PNG 源文件的名称。
若要启动 Fireworks 进行编辑，请执行下列操作之一：
在属性检查器中单击“编辑”。
按住 Ctrl (Windows) 或 Command (Macintosh)，同时双击选择的图像。
右键单击 (Windows) 或按住 Control 单击 (Macintosh) 选择的图像，然后从上下文菜单中选择“使用 Fireworks 编辑”。
注： 如果 Fireworks 找不到源文件，则会提示您定位 PNG 源文件。在处理 Fireworks 源文件时，所做的更改同时保存在源文件和导出的文件中；否则，只有导出的文件会得到更新。
在 Fireworks 中，编辑源 PNG 文件并单击“完成”。
Fireworks 在 PNG 文件中保存更改，导出更新后的图像（或者同时导出 HTML 和图像），然后将焦点返回到 Dreamweaver。在 Dreamweaver 中，将出现更新后的图像或表格。
有关 Dreamweaver 与 Fireworks 集成的教程，请参阅 www.adobe.com/go/vid0188_cn。
在 Dreamweaver 中优化 Fireworks 图像
可以使用 Dreamweaver 对 Fireworks 图像和动画进行快速更改。在 Dreamweaver 中，可以更改优化设置、动画设置以及所导出图像的大小和区域。
在 Dreamweaver 中，选择所需的图像并执行下列操作之一：
选择“命令”>“优化图像”
在属性检查器中单击“编辑图像设置”按钮。
在“图像预览”对话框中进行编辑：
完成之后，单击“确定”。
使用 Fireworks 修改 Dreamweaver 图像占位符
可以首先在 Dreamweaver 文档中创建一个占位符图像，然后启动 Fireworks 设计一个图形图像或 Fireworks 表格来替换它。
若要从图像占位符创建新图像，您的系统中必须同时安装有 Dreamweaver 和 Fireworks。
确保您已经将 Fireworks 设为 PNG 文件的图像编辑器。
在“文档”窗口中，单击图像占位符以选择它。
以“从 Dreamweaver 进行编辑”模式启动 Fireworks，方法是执行下列操作之一：
使用各种 Fireworks 选项设计图像。
Fireworks 可识别您在 Dreamweaver 中使用图像占位符时可能设置的如下图像占位符设置：图像大小（这关系到 Fireworks 的画布大小）、图像 ID（Fireworks 用此作为您所创建的源文件和导出文件的默认文档名称）以及文本对齐方式。此外，Fireworks 还可识别您在 Dreamweaver 中工作时附加到图像占位符的链接和特定行为（如交换图像、弹出菜单和设置文本）。
注：虽然 Fireworks 不会显示已添加到图像占位符的链接，但它们的确会被保留。如果您在 Fireworks 中绘制了热点并添加了链接，这并不会导致您在 Dreamweaver 中添加到图像占位符的链接被删除；但是，如果您在 Fireworks 里的新图像中切掉了一块切片，在您替换图像占位符时，Fireworks 将删除 Dreamweaver 文档中的链接。
Fireworks 不识别以下图像占位符设置：图像对齐方式、颜色、垂直边距和水平边距以及映射。在图像占位符的属性检查器中，这些设置处于禁用状态。
完成后，请单击“完成”以显示保存提示。
在“保存位置”文本框中，选择定义为 Dreamweaver 本地站点文件夹的文件夹。
如果您在 Dreamweaver 文档中插入图像占位符时对其进行了命名，Fireworks 会用该名称填充“文件名”框。可以更改此名称。
单击“保存”保存 PNG 文件。
将出现“导出”对话框。使用此对话框将图像导出为 GIF 或 JPEG 文件；对于经过切片的图像，则可导出为 HTML 和图像。
对于“保存位置”，选择 Dreamweaver 本地站点文件夹。
“名称”框中会自动显示用于 PNG 文件的名称。可以更改此名称。
对于“另存为类型”，可选择要导出的文件的类型；例如，“仅图像”或“HTML 和图像”。
单击“保存”保存导出的文件。
将保存文件，并将焦点返回到 Dreamweaver。在 Dreamweaver 文档中，导出的文件或 Fireworks 表格会替换掉图像占位符。
关于 Fireworks 弹出菜单
您可以使用 Fireworks 快速方便地创建基于 CSS 的弹出菜单。
除了提供扩展性和较快的下载速度之外，使用 Fireworks 创建的弹出菜单还提供了以下优势：
菜单项可以由搜索引擎进行索引。
屏幕阅读器可以读取菜单项，使您的页面具有更高的可访问性。
Fireworks 生成的代码符合标准且可进行验证。
可以使用 Dreamweaver 或 Fireworks 编辑 Fireworks 弹出菜单，但不能同时使用二者。在 Dreamweaver 中所做的更改在 Fireworks 中不会保留。
在 Dreamweaver 中编辑 Fireworks 弹出菜单
可以在 Fireworks 8 或更高版本中创建弹出菜单，然后使用 Dreamweaver 或 Fireworks 对其进行编辑（使用往返编辑），但是不能同时使用二者进行编辑。如果在 Dreamweaver 中编辑菜单，然后再在 Fireworks 中编辑它们，则会丢失先前所做的所有编辑工作（文本内容除外）。
如果您更喜欢使用 Dreamweaver 编辑菜单，则可以使用 Fireworks 创建弹出菜单，然后只使用 Dreamweaver 编辑和自定义菜单。
如果您更喜欢在 Fireworks 中编辑菜单，可以使用 Dreamweaver 中的往返编辑功能，但是不应直接在 Dreamweaver 中编辑菜单。
在 Dreamweaver 中，选择包含弹出菜单的 Fireworks 表格，然后在属性检查器中单击“编辑”。
将在 Fireworks 中打开源 PNG 文件。
在 Fireworks 中，使用弹出菜单编辑器编辑菜单，然后在 Fireworks 工具栏上单击“完成”。
Fireworks 将编辑后的弹出菜单发送回 Dreamweaver。
如果在 Fireworks MX 2004 或更早版本中创建了弹出菜单，则可以在 Dreamweaver 中使用“行为”面板中的“显示弹出菜单”对话框编辑弹出菜单。
编辑在 Fireworks MX 2004 或更早版本中创建的弹出菜单
在 Dreamweaver 中，选择触发弹出菜单的热点或图像。
在“行为”面板 (Shift+F3) 中，双击“动作”列表中的“显示弹出菜单”。
在“弹出菜单”对话框中进行更改，然后单击“确定”。
指定 Fireworks 源文件的启动并编辑首选参数
在使用 Fireworks 编辑图像时，网页中的图像通常是 Fireworks 根据某个源 PNG 文件导出的。当您在 Dreamweaver 中打开图像文件以对其进行编辑时，Fireworks 会自动打开源 PNG 文件，并会在找不到该 PNG 文件时提示您定位该文件。如果愿意，可以在 Fireworks 中设置首选参数，使 Dreamweaver 打开插入的图像，或者使 Fireworks 在您每次在 Dreamweaver 中打开图像时提供一个选项，由您来决定是打开插入的图像文件还是打开 Fireworks 源文件。
注：Dreamweaver 仅在某些情况下能够识别 Fireworks 的启动和编辑首选参数。具体而言，您打开和优化的图像不能是 Fireworks 表格的一部分，并且必须包含指向源 PNG 文件的正确的设计备注路径。
在 Fireworks 中，选择“编辑”>“首选参数”(Windows) 或“Fireworks”>“首选参数”(Macintosh)，然后单击“启动和编辑”选项卡 (Windows) 或者从弹出菜单中选择“启动和编辑”(Macintosh)。
指定在编辑或优化位于外部应用程序中的 Fireworks 图像时要使用的首选参数选项：
始终使用源 PNG
自动打开在“设计备注”中定义为所放置图像来源的 Fireworks PNG 文件。源 PNG 文件和对应的已放置图像均会被更新。
永不使用源 PNG
无论是否存在源 PNG 文件，均自动打开所放置的 Fireworks 图像。仅会更新所放置的图像。
启动时询问
显示一条信息，询问是否打开源 PNG 文件。您还可以从此消息中指定全局性的“启动并编辑”首选参数。
在 Dreamweaver 文档中插入 Fireworks HTML 代码
在 Fireworks 中，可以使用“导出”命令将优化后的图像和 HTML 文件导出并保存到 Dreamweaver 站点文件夹下的某个位置。然后，可以在 Dreamweaver 中插入该文件。Dreamweaver 允许您将 Fireworks 生成的 HTML 代码连同相关图像、切片和 JavaScript 一起插入到文档中。
在 Dreamweaver 文档中，将插入点放置在您要插入 Fireworks HTML 代码的位置。
执行下列操作之一：
单击“浏览”选择一个 Fireworks HTML 文件。
如果您将来不需要再使用该文件，可选择“插入后删除文件”。选择此选项对于与 HTML 文件关联的源 PNG 文件没有任何影响。
注： 如果该 HTML 文件位于某个网络驱动器上，它将被永久删除，而不会移动到回收站或垃圾桶。
单击“确定”将 HTML 代码以及相关的图像、切片和 JavaScript 插入到 Dreamweaver 文档。
将 Fireworks HTML 代码粘贴到 Dreamweaver 中
有一种方法可快速将 Fireworks 生成的图像和表格放置到 Dreamweaver 中，即：复制 Fireworks HTML 代码并将其直接粘贴到 Dreamweaver 文档中。
将 Fireworks HTML 代码复制和粘贴到 Dreamweaver 中
在 Fireworks 中，选择“编辑”>“复制 HTML 代码”。
按照向导的指示操作，它将引导您完成导出 HTML 和图像的设置工作。在接到提示时，将您的 Dreamweaver 站点文件夹指定为所导出图像的目标位置。
向导将图像导出到指定目标位置并将 HTML 代码复制到剪贴板。
在 Dreamweaver 文档中，将插入点放置在您要粘贴 HTML 代码的位置，然后选择“编辑”>“粘贴 Fireworks HTML”。
与您导出的 Fireworks 文件有关的所有 HTML 和 JavaScript 代码都被复制到 Dreamweaver 文档中，并且会更新指向图像的所有链接。
将 Fireworks HTML 代码导出并粘贴到 Dreamweaver 中
在 Fireworks 中，选择“文件”>“导出”。
将您的 Dreamweaver 站点文件夹指定为所导出图像的目标位置。
在“导出”弹出菜单中，选择“HTML 和图像”。
在“HTML”弹出菜单中，选择“复制到剪贴板”，然后单击“导出”。
在 Dreamweaver 文档中，将插入点放置在您要粘贴所导出 HTML 代码的位置，然后选择“编辑”>“粘贴 Fireworks HTML”。
与您导出的 Fireworks 文件有关的所有 HTML 和 JavaScript 代码都被复制到 Dreamweaver 文档中，并且会更新指向图像的所有链接。
更新放置在 Dreamweaver 中的 Fireworks HTML 代码
在 Fireworks 中，除了“启动和编辑”方法之外，还可以使用“文件”>“更新 HTML”命令来更新放置在 Dreamweaver 中的 Fireworks 文件。利用“更新 HTML”命令，可以在 Fireworks 中编辑源 PNG 图像，然后自动更新任何放置在Dreamweaver 文档中的已导出 HTML 代码和图像文件。您可通过此命令更新 Dreamweaver 文件，即使在 Dreamweaver 没有运行的情况下也是如此。
在 Fireworks 中，打开源 PNG 文件并且进行所需的编辑。
选择“文件”>“保存”。
在 Fireworks 中，选择“文件”>“更新 HTML”。
导航到包含要更新的 HTML 的 Dreamweaver 文件，然后单击“打开”。
导航到要放置更新后的图像文件的目标文件夹，然后单击“选择”(Windows) 或“选择”(Macintosh)。
Fireworks 将更新 Dreamweaver 文档中的 HTML 和 JavaScript 代码。此外，Fireworks 还会导出与 HTML 有关的已更新图像，并将这些图像放置在指定的目标文件夹中。
如果 Fireworks 不能找到匹配的待更新 HTML 代码，则会提供一个将新 HTML 代码插入到 Dreamweaver 文档中的选项。Fireworks 将新代码的 JavaScript 部分放在文档的开头处，将 HTML 表格或图像链接放在末尾处。
创建 Web 相册
“创建 Web 相册”功能从 Dreamweaver CS5 开始已被弃用。
