繁体中文
设为首页
加入收藏
当前位置:网站制作首页 >> Dreamweaver教程 >> Fireworks是与Dreamweaver结合使用细谈(3)

Fireworks是与Dreamweaver结合使用细谈(3)

2008-01-15 08:00:00  作者:  来源:互联网  浏览次数:0  文字大小:【】【】【
简介: 五、设Fireworks为Dreamweaver外部图像编辑器   Fireworks从问世以来已经出了好多版本,虽然可以将旧版本的Fireworks用作外部图像编辑器,但是这些版本仅提供有限的启动并编辑功能。Fireworks 2不支持启动并...
关键字:Dreamweaver Fireworks

 五、设Fireworks为Dreamweaver外部图像编辑器

  Fireworks从问世以来已经出了好多版本,虽然可以将旧版本的Fireworks用作外部图像编辑器,但是这些版本仅提供有限的启动并编辑功能。Fireworks 2不支持启动并编辑所放置图像的源PNG文件,Fireworks 4不完全支持在Dreameweaver表格中对单元格属性所做的编辑,也不支持在Dreamweaver中应用的行为。

  具体的设置步骤如下:

  (1)在Dreamweaver中,点击“Edit”菜单,在弹出的下拉菜单中选择“Preference”选项,然后在弹出的对框中选择“File Types/Editors”选项。

  (2)在“Extentions”列表中,选择一个.gif、.jpg 或 .png的网页图像文件扩展名。

  (3)如果Fireworks不在该列表中,则单击加号按钮,在硬盘上找到Fireworks应用程序,然后单击“打开”。如果Fireworks出现在“Editors”列表中,那么直接选择它就可以了。最后单击“Editors”列表上的按钮。如图18所示。

图18 设置Fireworks外部图像编辑器

  (4)重复第二步和第三步,可以将Fireworks设为其它网页图像文件的主编辑器。

六、在Dreamweaver中编辑Fireworks文件

  Fireworks能够识别并保留在Dreamweaver中对文档所做的大多数类型的编辑,包括更改的链接、编辑的图像映射、HTML切片中编辑的文本和HTML以及在Fireworks和 Dreamweaver之间共享的行为。Dreamweaver中的属性面板帮助识别文档中Fireworks生成的图像、表格切片和表格。下面分别看看表格和图像的编辑。

  1. 编辑Fireworks表格

  在启动并编辑放置于Dreamweaver中的Fireworks 表格中所包含的图像切片时,Dreamweaver 将自动启动整个表格的PNG源文件。

  下面来看看具体步骤:

  第一步:单击表格内部,再单击状态栏中的table标签选择整个表格。属性面板就会将所选区域自动识别为Fireworks表格,并在属性面板中显示该表格的已知PNG源文件的名称。然后,在属性面板中单击按钮。在如图19所示的实例中,我们将进行详细的操作演示,对这一过程加以实际模拟。

图19 选中Fireworks表格

  第二步:在Fireworks中进行所需的编辑。此例中我们将“关于我们”改为“公司介绍”,我们只需要双击“关于我们”按钮打开按钮编辑器修改文字就可以了,如图20所示。

图20 在按钮编辑器中编辑导航栏按钮文字

  修改好了之后,单击“Done”按钮即可。修改后的导航栏如图21所示。

图21 修改了文字的导航栏

  第三步:完成编辑后,在文档窗口中单击“Done”。表格的HTML和图像切片文件将使用当前的优化设置导出,放置在 Dreamweaver 中的表格就被更新了,如图22所示,而PNG源文件将被保存。

图22 Dreamweaver中的表格被更新

  2. 编辑Fireworks图像

  下面我们来看看如何在Dreamweaver中编辑Fireworks图像:

  第一步:选择所需要编辑的图像,然后在属性面板中单击按钮。此时会看到出现图23所示的对话框,询问是否为放置的图像定位源 Fireworks 文件。

  该对话框有三个下拉列表:Ask When Launching(启动时询问)、Always Use Source PNG(始终使用源PNG)和Never Use Source PNG(永不使用源PNG),它们的意义如下:

  * Ask When Launching:每次都询问是否启动源PNG文件。当编辑或优化放置的图像时,Fireworks会显示一条消息,用以提示用户作出启动并编辑的决定。

  * Always Use Source PNG:自动启动在设计说明中定义为所放置图像的来源的PNG文件,同时源PNG及其相应的放置图像将被更新。

  * Never Use Source PNG:不管源PNG文件是否存在,都自动启动放置的Fireworks图像,并且仅更新放置的图像。

图23 查找源对话框

  第二步:点击“Use a PNG”或者“Use This File”即可为图像制定源PNG或者直接使用图像文件。这时Fireworks MX 2004即被启动,同时将打开要编辑的图像,如图24所示。

图24 在Fireworks中打开图像

  第三步:如图25所示,对图像进行编辑。

图25 在Fireworks中编辑图像

  最后,完成编辑后,在文档窗口中单击“完成”,图像将使用当前的优化设置导出,Dreamweaver使用的 GIF或JPEG文件将被更新,如图26所示。如果选择了源文件的话PNG源文件还将被保存。Dreamweaver识别并保留在 Fireworks 中应用于图像的所有编辑。原文件下载

图26 Dreamweaver中的图像被更新

  附:著名的Macromedia公司总部设在美国加州三番市,它在全球50多个国家设有经营机构,拥有300万开发和设计用户以及范围广大的行业合作伙伴网络,是企业、政府和教育市场客户的战略性IT提供商,全球98%的Web应用开发人员在使用着由Macromedia公司开发的丰富的客户机软件,在网页设计领域他的影响举足轻重。

  Macromedia公司的软件产品被全球数以百万计的开发人员和设计人员广泛使用,多种多样功能强大的软件为他们提供了网页设计、网站建设的高效工具。Macromedia利用Dreamweaver、Fireworks和Flash这三件利器,分别控制了Web制作、Web图形处理和矢量动画这三个主要的网络创作领域,从而在金戈铁马的软件大战中立于不败之地,成为网络世界中负有盛誉的公司之一。

责任编辑:admin
相关文章