Adobe Dreamweaver® 和 Fireworks 可以识别和共享许多相同的文件编辑,其中包括对链接、图像映射、表格切片的更改。此外,Dreamweaver 和 Fireworks 还为在 HTML 页面中编辑、优化和放置网页图形文件提供了一个优化的工作流程。
注意:
在使用这些步骤之前,请确保在“HTML 设置”对话框中选择了 Dreamweaver 作为 HTML 类型。
图像占位符使您能够在为页面创建最终图片之前尝试各种不同的网页布局。使用图像占位符来指定以后要在 Dreamweaver 中放置的 Fireworks 图像的大小和位置。
当使用 Dreamweaver 图像占位符创建 Fireworks 图像时,系统会用与所选占位符尺寸相同的画布创建一个新的 Fireworks 文档。
注意:
在 Fireworks 内应用的所有行为在导回到 Dreamweaver 时都会保留下来。同样,应用于图像占位符的大部分 Dreamweaver 行为在用 Fireworks 启动和编辑时也会保留下来。但有一个例外:应用到 Dreamweaver 中图像占位符的不相交变换图像在 Fireworks 中打开和编辑时不会保留。
将 Fireworks 文件导出到 Dreamweaver 分两步进行。首先,将文件从 Fireworks 直接导出到一个 Dreamweaver 站点文件夹中。此操作将在指定的位置生成一个 HTML 文件和关联的图像文件。然后,使用“插入 Fireworks HTML”功能将 HTML 代码置入 Dreamweaver 中。
在将 Fireworks HTML 代码复制到剪贴板时,与该 Fireworks 文档关联的所有 HTML 和 JavaScript 代码都会复制到 Dreamweaver 文档中,图像导出到您指定的位置,Dreamweaver 会将包含文档相关链接的 HTML 更新到这些图像。
注意:
此方法仅适用于 Dreamweaver。它不能用于其它 HTML 编辑器。
注意:
还可以在 Dreamweaver 中打开导出的 Fireworks HTML 文件,然后只将所需的部分手动复制并粘贴到另一个 Dreamweaver 文档中。
注意:
在处理导出到 Dreamweaver 的 HTML 时,“自由导入导出 HTML”提供许多好处。(请参阅关于自由导入导出 HTML。)
库项目是站点根文件夹中名为“Library”的文件夹中的 HTML 文件的一部分。库项目在 Dreamweaver 的“资源”面板中显示为类别。在 Dreamweaver 中,库项目可简化对常用网站组件的编辑和更新。您可以将库项目(带 .lbi 扩展名的文件)从“资源”面板中拖到网站中的任何页面。
不能在 Dreamweaver 文档中直接编辑库项目;只能编辑主库项目。然后,可以在整个网站中放置该主库项目时让 Dreamweaver 更新它的每个副本。Dreamweaver 库项目与 Fireworks 元件非常相似;对主库 (LBI) 文档所做的更改在整个网站的所有该库的实例中都会反映出来。
注意:
Dreamweaver 库项目不支持弹出菜单。
Fireworks 识别并保留在 Dreamweaver 中对文档所做的大多数类型的编辑,包括更改的链接、编辑的图像映射、HTML 切片中编辑的文本和 HTML 以及在 Fireworks 和 Dreamweaver 之间共享的行为。Dreamweaver 中的“属性”检查器帮助识别文档中由 Fireworks 生成的图像、表格切片和表格。
Fireworks 支持大多数类型的 Dreamweaver 编辑。但是,在 Dreamweaver 中对表格结构进行较大的更改可能会在两个应用程序之间产生不可调和的差异。在对表格布局进行重大更改时,请使用 Dreamweaver 的启动和编辑功能在 Fireworks 中编辑表格。
注意:
利用 Fireworks 技术,Dreamweaver 可提供基本的图像编辑功能,以便在不使用外部图像编辑应用程序的情况下对图像进行修改。Dreamweaver 的图像编辑功能仅适用于 JPEG 和 GIF 图像文件格式。
注意:
在 Dreamweaver 中编辑 Fireworks 图形之前,请做一些准备工作。有关详细信息,请参阅设置启动和编辑选项。
注意:
在 Dreamweaver 中编辑 Fireworks 表格之前,请做一些启动和编辑的准备工作。有关详细信息,请参阅设置启动和编辑选项。
如果将单个未切割的 Fireworks 图形插入到 Dreamweaver 文档中并应用 Dreamweaver 行为,则在 Fireworks 中打开并编辑该图形时,它的顶部会出现一个切片。该切片最初是不可见的,这是因为在打开并编辑应用了 Dreamweaver 行为的单个未切割图形时,切片被自动关闭。通过从“层”面板的“网页层”打开切片的可见性可以查看切片。
在 Fireworks 中查看附加了 Dreamweaver 行为的切片的属性时,“属性”检查器中的“链接”文本框可能显示 javascript:;。删除此文本没有什么影响。如果需要,可以在此文本上键入一个 URL,返回到 Dreamweaver 时,该行为仍保持不变。
当您使用 Dreamweaver 中的“自由导入导出 HTML”时,Fireworks 支持服务器端文件格式(如 CFM 和 PHP)。
Dreamweaver 支持在 Fireworks 中应用的所有行为,包括变换图像和按钮所需的行为。
注意:
Dreamweaver 库项目不支持弹出菜单。
注意:
Fireworks 不支持非本机行为(包括服务器端行为)。
注意:
若要编辑 Fireworks 动画中的图形元素,必须打开和编辑 Fireworks 动画。
为了有效地使用“自由导入导出 HTML”,应先做一些准备工作,比如在 Dreamweaver 中将 Fireworks 设置为主图像编辑器,在 Fireworks 中指定启动和编辑首选参数以及在 Dreamweaver 中定义本地站点。
Dreamweaver 为自动启动特定的应用程序来编辑特定的文件类型提供了首选参数。若要使用 Fireworks 的启动和编辑功能,请确保在 Dreamweaver 中将 Fireworks 设置为 GIF、JPEG 和 PNG 文件的主编辑器。
注意:
只有从 Dreamweaver 启动 Fireworks 有问题时,才需要设置此首选参数。
Fireworks 的启动和编辑首选参数使您可以指定从其它应用程序打开 Fireworks 文件时源 PNG 文件的处理方式。
仅当您打开并优化的图像不是 Fireworks 表格的一部分并且不包含源 PNG 文件的正确设计说明路径时,Dreamweaver 才会识别 Fireworks 启动和编辑首选参数。在其它所有情况下(包括启动和编辑 Fireworks 图像的所有情况),Dreamweaver 都会自动打开源 PNG 文件,如果找不到,它会提示您定位该源文件。
-
单击“启动和编辑”类别,然后根据需要设置选项。
有关详细信息,请参阅启动和编辑首选参数。
每当您将 Fireworks 文件从保存的 PNG 源文件导出到 Dreamweaver 站点时,Fireworks 都会写出一份包含该 PNG 文件有关信息的设计说明。当您从 Dreamweaver 内打开并编辑 Fireworks 图像时,Dreamweaver 会使用设计说明来定位该文件的源 PNG。为获得最佳效果,请始终在 Dreamweaver 站点中保存 Fireworks 的源 PNG 文件和导出文件。这样可确保任何共享该站点的用户在从 Dreamweaver 内启动 Fireworks 时都能找到源 PNG。
“文件管理”按钮位于文档窗口顶部,使用此按钮可以轻松地访问文件传输命令。如果文档驻留在 Dreamweaver 站点文件夹中,并且该站点可以访问远程服务器,则可以使用此按钮。为了 Fireworks 能够将文件夹识别为站点,请使用 Dreamweaver 中的“管理站点”对话框将目标文件夹(或包含文件夹)定义为站点的本地根文件夹。
注意:
在 Fireworks 中使用存回和取出选项之前,请先选择文档所在的 Dreamweaver 站点的“启用文件存回和取出”选项。
注意:
只有当文档驻留于定义了远程服务器的 Dreamweaver 站点文件夹中时,才会在 Fireworks 中启用“文件管理”命令。Fireworks“文件管理”命令只能用于使用本地/网络和 FTP 传输方法的站点中驻留的文件。对于位于使用 SFTP 或第三方传输方法(如 SourceSafe、WebDAV 和 RDS)的站点中的文件,不能从 Fireworks 内将这些文件传输到远程服务器和从远程服务器中传输它们。