若使用“File”菜单下的“Update HTML”选项，用户可以在Fireworks中编辑PNG源图像，然后自动更新任何放置在Dreamweaver文档中已导出的HTML代码和图像文件。值得一提的是，它甚至可以在 Dreamweaver不运行的情况下用来更新文件，有点像在word文档中可以直接对插入的excel图表进行修改一样，这可以给设计者带来极大的方便。

　　下面我们就来看看具体的步骤：

　　第一步：如图10所示，打开Fireworks文件更改所需修改的文档。

图10 修改图像

　　第二步：选择“File”->“Update HTML” ，然后会出现如图11所示的对话框，定位到有需要更新的HTML的Dreamweaver 文件，然后单击“打开”。

图11 定位到要更新的HTML文件

　　第三步：这时在跳出图12所示的对话框，选择“Replace images and associated HTML”（替换图像及其HTML）或者“Update images only”（仅更新图像），单击“OK”。

图12 更新HTML对话框

　　然后再定位到要放置需要更新的图像文件的目标文件夹，单击“打开”，如图13所示。这样我们就更新的所需要更新的图像或者图像及其HTML文件了。

图13定位要放置需更新的图像文件的目标文件夹

　四、将Fireworks文件导出到Dreamweaver库

　　Dreamweaver的库项目位于Dreamweaver的Assets面板之中，如图14所示，它是根站点上命名为“library”的文件夹中的 HTML文件的一部分。库项目简化了常用的网站组件（如站点的每个网页上出现的公司标识或导航栏）的编辑和更新过程。可以将副本从“库”中拖动到网站的任何网页，但只能编辑主库项目，而不能在 Dreamweaver 文档中直接编辑库项目。然后，可以在整个网站中放置该主库项目时让Dreamweaver更新它的每个副本。与 Fireworks的元件非常相似，Dreamweaver中对库文档所做的更改在整个网站的所有库实例中都会反映出来。

图14 Dreamweaver中资源面板的库文件

　　如果要将Fireworks文件导出到Dreamweaver库，可选择“File”菜单下的“Export”选项，从保存类型下拉列表中选择“Dreamweaver Library”，会弹出出现一个如图15所示的对话框，提示建立一个Library文件夹。

图15 建立库文件夹提示框

　　点击“OK”按钮，这时候会出现选择文件夹对话框，选择库文件所在的Library文件夹，如图16所示。选择“打开”，回到“Export”对话框中给库文件命名即可，如果图像包含切片，我们还可以选择切片选项。选择“Put images in subfolder”（将图像放入子文件夹）可以选择一个单独的文件夹来保存图像。最后单击“保存”即可。如图17所示。

图16选择库文件所在的Library文件夹

图17 导出库文件