FW与DW结合使用细谈
具体应用：
1. 将Fireworks HTML复制到剪贴板在Dreamweaver中使用
图7 导出对话框中选择复制到剪贴板
将Fireworks HTML放到Dreamweaver中的一种快速方法是将其从Fireworks复制到剪贴板上，然后直接粘贴到Dreamweaver文档中。我们可以用两种方法在Fireworks中复制HTML代码到剪贴板。一种是可以使用“Edit”菜单下的“Copy HTML Code”，另一种是在“Export”对话框中HTML选项中选择“Copy to Clipboard”（复制到剪贴板）选项，如图7所示。这样就可以将Fireworks HTML复制到剪贴板并在指定的位置生成相关的图像文件，然后可以在Dreamweaver中将该HTML粘贴到文档中。所有与Fireworks文档相关的HTML和JavaScript代码都复制到Dreamweaver文档中，图像导出到指定的位置，而Dreamweaver将用这些图像的站点相对链接更新HTML。
2. 直接将Fireworks HTML插入到Dreamweaver中
若要将Fireworks HTML文件直接插入到Dreamweaver中可按如下步骤操作：
首先需要将Fireworks HTML文件导出到已定义的Dreamweaver站点中，将光标放在文档中要插入的位置。选择“Insert” -> “Image Objects”->“Fireworks HTML”或者在插入面板的“Common”类别中单击插入图像按钮旁边的倒三角形，这时会弹出图8所示的下拉菜单。
图8 下拉菜单
选择插入Fireworks HTML的按钮图标，会出现如图9所示的对话框，单击“Browse”选项，选择所需的Fireworks HTML文件，然后单击“OK”即可将HTML代码连同它的相关图像、切片和JavaScript 一起插入到Dreamweaver文档中了。
如果插入后不再需要Fireworks HTML文件，请选择“Delete file after insertion”（插入后删除文件）选项。此选项不会影响与HTML文件关联的PNG源文件。
图9“插入Fireworks HTML”对话框
3. 从Fireworks HTML中复制代码并粘贴到Dreamweaver中
另一种方法是在Dreamweaver中打开导出的Fireworks HTML文件，然后将所需的部分复制并在另一个Dreamweaver文档中粘贴就可以了。
IT产品库 http://www.xuehuiba.com www.xuehuiba.com IT产品库 http://www.xuehuiba.com
上一页 1 2 3 4 5 6 下一页
三、 更新Dreamweaver中的Fireworks HTML若使用“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定位要放置需更新的图像文件的目标文件夹
IT产品库 http://www.xuehuiba.com www.xuehuiba.com IT产品库 http://www.xuehuiba.com
上一页 1 2 3 4 5 6 下一页
四、将Fireworks文件导出到Dreamweaver库