|
【摘 要】
Dreamweaver和Fireworks方便快捷的结合,领会这两炳利刃的合璧所产生的强大威力,从而为实际中的网站建设打下一定的基础。下面我们就来详细了解一下Fireworks
MX 2004与Dreamweaver MX 2004结合使用的知识和技巧。
第五步:在“Export”对话框中命名导出的图像文件,这些文件是将在Dreamweaver中显示的jpeg或gif文件。然后为导出的图像文件指定位置,所选的位置应在Dreamweaver的站点文件夹内。如果已经输入了图像占位符的名称,则该名称在
Fireworks中将用作默认文件名。
第六步:单击“保存”按钮,返回到Dreamweaver,所创建的新Fireworks图像就会取代最初选择的图像占位符。
二、 Dreamweaver中插入Fireworks HTML
将Fireworks HTML插入到Dreamweaver中有许多不同的方法。用户可以将Fireworks HTML复制到剪贴板;或者利用菜单或者“Insert”面板来直接插入Fireworks
HTML文件;也可以在Dreamweaver中打开导出的Fireworks HTML文件,然后复制并粘贴所选的代码片段;另外使用
Fireworks中的“Update HTML”命令还可以轻松地更新导出到Dreamweaver的代码,甚至可以将HTML
导出为Dreamweaver库项目。这些方法各有千秋,用户可以根据具体情况作出选择。
具体应用:
1. 将Fireworks HTML复制到剪贴板在Dreamweaver中使用
将Fireworks HTML放到Dreamweaver中的一种快速方法是将其从Fireworks复制到剪贴板上,然后直接粘贴到Dreamweaver文档中。我们可以用两种方法在Fireworks中复制HTML代码到剪贴板。一种是可以使用“Edit”菜单下的“Copy
HTML Code”,另一种是在“Export”对话框中HTML选项中选择“Copy to Clipboard”(复制到剪贴板)选项。这样就可以将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”类别中单击插入图像按钮旁边的倒三角形,这时会弹出下拉菜单。
|