第十四章与其他应用程序的结合.ppt

第14章 与其他应用程序的结合 与Dreamweaver 的结合 14.1 与Flash 的结合 14.2 与Photoshop 的结合 14.3 14.1 与Dreamweaver 的结合 14.1.1 在Dreamweaver 文件中放置Fireworks 图像 14.1.2 将Fireworks HTML 代码放入Dreamweaver 14.1.3 在Dreamweaver 中编辑Fireworks 文件 14.1.4 对Dreamweaver 中的Fireworks 图像和动画进行优化 14.1.5 设置“启动并编辑”选项 14.2 与Flash 的结合 14.2.1 将Fireworks 图形放入Flash 14.2.2 使用Fireworks 编辑导入到Flash 中的图形 14.2 与Photoshop 的结合 14.3.1 将Photoshop 图像放入Fireworks 中 14.3.2 将Fireworks 图形放入Photoshop 中 14.1 与Dreamweaver 的结合 Dreamweaver 和Fireworks 可以识别以及共享许多相同的文件编辑结果，其中包括对链接、图像映射、表格切片等的更改。这两个应用程序共同为在HTML 页面中编辑、优化和放置网页图形文件提供了一个优化的工作流程。 14.1.1 在Dreamweaver 文件中放置Fireworks 图像 将Fireworks 图像放入到Dreamweaver 文档中的方法： （一）通过Dreamweaver 中的“文件”面板插入； （二）使用“插入”菜单放置可以使用Dreamweaver 图像占位符创建新的Fireworks 文档。 14.1.2 将Fireworks HTML 代码放入Dreamweaver 将Fireworks HTML 代码放入Dreamweaver 中： （一）把Fireworks HTML 文档导出为HTML 格式。 （二）在Dreamweaver 中，将文档保存到已定义的站点中。将插入点放在文档中开始插入HTML 代码的位置。 （三）单击“插入”菜单中的“图像对象”→“Fireworks HTML”命令，弹出“插入Fireworks HTML”对话框。 （四）单击“浏览”按钮，选择所需的Fireworks HTML 文件。 （五）单击“确定”按钮，将HTML 代码连同它的相关图像、切片和JavaScript 一起插入到Dreamweaver 文档中。 复制Fireworks HTML代码在Dreamweaver 中使用 在将Fireworks HTML 代码复制到剪贴板时，与该Fireworks 文档关联的所有HTML 和JavaScript 代码都会复制到Dreamweaver 文档中，图像导出到指定的位置，Dreamweaver 会将包含文档相关链接的HTML 更新到这些图像。 将Fireworks 文件导出到Dreamweaver 库 将Fireworks 文件导出到Dreamweaver 库，首先单击“文件”菜单中的“导出”命令，在弹出的“导出”对话框的“导出”下拉列表中选择“Dreamweaver 库”。在Dreamweaver站点中创建名为Library 的文件夹，作为文件的保存位置，名称要区分大小写。最后，单击“保存” 。 14.1.3 在Dreamweaver 中编辑Fireworks 文件 在网页设计时，可以将Fireworks 图像、HTML 代码放到Dreamweaver 中。“自由导入导出HTML” 可以将Fireworks 和Dreamweaver 紧密集成在一起。利用“自由导入导出HTML”功能，可以使用启动并编辑集成功能来编辑Fireworks 生成的、放置在Dreamweaver 文档中的图像和表格。对于放置在Dreamweaver 文档中的图像或表格，Dreamweaver 自动打开它们的Fireworks 源PNG 文件，可以在Fireworks 中进行所需的编辑。再返回到Dreamweaver 时，在Fireworks 中进行的更新会应用于放置的图像或表格。 编辑Fireworks 图像 将放置在Dreamweaver中的Fireworks图像打开并进行编辑，则首先在Dreamweaver中，单击“窗口”菜单中的“属性”命令，打开“属性”检查器。在“属性”检查器中，将选区识别为Fireworks 图像并显示该图像的已知PNG 源文件的名称。然后