Dreamweaver中插入FireworksHTML

2008-02-23 06:09:00来源:互联网 阅读 ()

新老客户大回馈,云服务器低至5折


  将Fireworks HTML插入到Dreamweaver中有许多不同的方法。用户能够将Fireworks HTML复制到剪贴板;或利用菜单或“Insert”面板来直接插入Fireworks HTML文档;也能够在Dreamweaver中打开导出的Fireworks HTML文档,然后复制并粘贴所选的代码片段;另外使用 Fireworks中的“Update HTML”命令还能够轻松地更新导出到Dreamweaver的代码,甚至能够将HTML 导出为Dreamweaver库项目。这些方法各有千秋,用户能够根据具体情况作出选择。

  具体应用:

  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文档中粘贴就能够了。

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇: 实战DreamweaverMX技巧之超链接

下一篇: 巧用背景颜色和间距快速制作出细边线表格