第四节：与网页编辑器的紧密结合

一、 与Dreamweaver的结合

　　如何才能将Fireworks 3转存的HTML格式文件插入到Dreamweaver 3中呢？其实十分简单：

　　首先开启Dreamweaver 3，选择好插入位置，打开“Object”面板，然后单击“Insert Fireworks HTML”按钮 ，弹出如图1的对话框，单击“Browse”按钮，接下来在开启的“Select the Fireworks HTML File”对话框中选中需要的HTML文件：llt.htm，单击“打开”按钮，然后单击“ok”按钮，Fireworks 3转换成的HTML格式文件就被插入到Dreamweaver 3中了。

图1 Insert Fireworks HTML对话框

　　网页中常用的图片格式不外乎GIF、JPG、PNG，由于Dreamweaver无法编辑这类图片，我们可以调用Fireworks 3来修改网页中的图片，当然我们应当首先将Fireworks 3设置为Dreamweaver的外部编辑器，具体步骤如下：

　　选取菜单指令“Edit\Preferences”，然后在“Category”清单中选择GIF、JPG、PNG，发现它们的主外部编辑器为：iexplore，我们选择Fireworks 3，然后单击“Make Primary”按钮，Fireworks 3就设置成了主外部编辑器。 （如图2）

图2 Preferences对话框

　　下面就来使用Fireworks 3编辑Dreamweaver中的图片，单击想要编辑的图片，然后单击“Properties（属性）”面板中的“Edit”按钮，弹出“Find Source”对话框，我们单击“No”，图片就在Fireworks 3中打开了。（如图3）

图3 编辑图片

　　我们选择菜单指令“Xtras\Blur\Gaussian Blur”，弹出“Gaussian Blur”对话框，我们将“Blur Radius（模糊半径）”适当地调整一下，单击“ok”按钮，图片就被模糊化了；（如图４）

图4 图片模糊效果

　　然后选择菜单指令“File\Update”；切换回Dreamweaver中，我们就发现图片已经被自动更新了。（如图５）

图5 图片的更新

　　我们在Dreamweaver中还可以不打开Fireworks 3，就执行它的最佳化功能，首先选择菜单指令“Commands\Optimize Image in Fireworks”，单击“Find Source”对话框中“No”按钮，弹出Fireworks 3 的“Optimize”窗口，我们将图片的压缩比调到50，这样图片就小了许多，单击“Update”按钮，Dreamweaver中的图片就变成了另外一副样子。（如图6）

图6 50％压缩比的画质

二、 与FrontPage 2000的结合

　　我们同样可以将Fireworks 3文件转存为适合FrontPage 2000的HTML文件，只需在转存文件时，将“Style”选项选为FrontPage即可。

　　将Fireworks 3转存的HTML格式文件插入到FrontPage 2000也十分简单，首先选好插入点，然后选择“插入\文件”，在弹出的“选择文件”窗口选择我们需要的文件，单击“打开”按钮即可。