【广告传媒】fireworks与其它软件的配合使用ppt模版课件.pptVIP

通过本讲的学习掌握创建编辑位图图像 1、 重点：了解Firworks的使用范围 一、概况 不管是创建网页内容还是多媒体内容，Adobe? Fireworks? 都是任何设计者不可或缺的工具组件。Fireworks 可以很好地与其 它应用程序协同工作，提供多种优化设计过程的集成功能。 一、与 Dreamweaver 一起使用 Adobe Dreamweaver? 和 Fireworks 可以识别和共享许多相同的文件编辑，其中包括对链接、图像映射、表格切片的更改。 此外， Dreamweaver 和 Fireworks 还为在 HTML 页面中编辑、优化和放置网页图形文件提供了一个优化的工作流程。 使用“ 文件” 面板将 Fireworks 图像插入到 Dreamweaver 1 将图像从 Fireworks 导出到 Dreamweaver 中定义的本地站点文件夹。 2 打开 Dreamweaver 文档并确保处于“ 设计” 视图中。 3 将图像从“ 文件” 面板拖到 Dreamweaver 文档中。 一、与 Dreamweaver 一起使用 使用“ 插入” 菜单将 Fireworks 图像插入到 Dreamweaver 1 将插入点放在 Dreamweaver 文档窗口中希望图像出现的位置。 2 执行下列操作之一： ? 选择“ 插入”“ 图像”。 ? 在“ 插入” 栏的“ 常用” 类别中单击“ 图像” 中的“ 图像” 按钮。 3 定位到从 Fireworks 导出的图像，然后单击“ 确定” 一、与 Dreamweaver 一起使用 使用 Dreamweaver 占位符创建新的 Fireworks 文件 图像占位符使您能够在为页面创建最终图片之前尝试各种不同的网页布局。使用图像占位符来指定以后要在 Dreamweaver 中 放置的 Fireworks 图像的大小和位置。 当使用 Dreamweaver 图像占位符创建 Fireworks 图像时，系统会用与所选占位符尺寸相同的画布创建一个新的 Fireworks文档 一、与 Dreamweaver 一起使用 使用 Dreamweaver 占位符创建新的 Fireworks 文件 1 在 Dreamweaver 中，将所需的 HTML 文档保存到 Dreamweaver 站点文件夹内的一个位置。 2 将插入点放在文档中的所需位置，然后执行下列操作之一： ? 选择“ 插入”“ 图像对象”“ 图像占位符”。 ? 在“ 插入” 栏的“ 常用” 类别中单击“ 图像” 中的“ 图像” 弹出菜单，并选择“ 图像占位符”。 3 输入图像占位符的名称、尺寸、颜色和替换文本。 图像占位符即会插入到 Dreamweaver 文档中。 一、与 Dreamweaver 一起使用 使用 Dreamweaver 占位符创建新的 Fireworks 文件 一、与 Dreamweaver 一起使用 使用 Dreamweaver 占位符创建新的 Fireworks 文件 4 执行下列操作之一： ? 在“ 属性” 检查器中选择图像占位符并单击“ 创建”。 ? 按住 Ctrl （在 Windows 中）或 Command （在 Mac OS 中）并双击图像占位符。 ? 在 Fireworks 中右键单击然后选择“ 创建图像”。 Fireworks 即会打开，并显示一个大小与占位符图像完全相同的空画布。文档窗口的顶部会指示出您编辑的是 Dreamweaver 中的图像。 5 在 Fireworks 中创建图像，然后单击“ 完成”。 6 指定源 PNG 文件的名称和位置。 7 指定导出的图像文件的名称。 这些图像文件就是显示在 Dreamweaver 中的那些图像文件。 8 在您的 Dreamweaver 站点文件夹中为导出的文件指定位置，然后单击“ 保存”。 返回到 Dreamweaver 时，新 Fireworks 图像或表格将取代最初选择的图像占位符。 一、与 Dreamweaver 一起使用 使用 Dreamweaver 占位符创建新的 Fireworks 文件 一、与 Dreamweaver 一起使用 将 Fireworks HTML 代码放入 Dreamweaver 将 Fireworks 文件导出到 Dreamweaver 分两步进行。首先，将文件从 Fireworks 直接导出到一个 Dreamweaver 站点文件夹中。此操作将在指定的位置生成一个 HTML文件和关联的图像文件。然后，使用“ 插入 Fireworks HTML” 功能将HTML 代码放入 Dreamweaver 中。 1 将 Fireworks HTML 文档导出为 HTML 格式。