Dreamweaver 4 与 Fireworks 4 完美结合（一）

Fireworks4与Dreamweaver4的安装须知众所周知，Fireworks4可以和Dreamweaver4紧密地结合，使网页设计师在设计和制作网页的过程中可以对页面进行统一的规划，可以使图形和Web发布之间保持高度的协调。 Macromedia继承了自Fireworks2开始的Dreamweaver-Fireworks集成的特点，在Fireworks4中，这二个软件之间的集成已经可以用\\\"天衣无缝\\\"来形容了。Dreamweaver4和Fireworks4能够共享和管理Web页中的许多内容，例如超级链接、图像地图、图像热区、图像切片、网页特效等。Dreamweaver4和Fireworks4都支持JavaScript命令，而且Dreamweaver4可以很好地共享Fireworks4的行为。合理地使用Dreamweaver4和Fireworks4可以大大地提高您的网页设计和编辑的效率，为您提供一个高效的工作流程。 您可以在Dreamweaver4中修改由Fireworks4生成的图像和表格，只需要在Dreamweaver4中直接调用Fireworks4进行修改（如果Fireworks4没有被启动的话将会自动启动），修改后的内容将自动在Dreamweaver4中完成更新。如果您仅仅只是需要优化一下图像，您可以在Dreamweaver4中打开Fireworks4提供的图像优化对话框，而不需要打开Fireworks4软件。在图像优化对话框中，输入新的设置，简单快捷地完成图像的优化。 如上所述，Fireworks4和Dreamweaver4的结合是这么的融洽，所产生的作用又是如此的强大，那么要使用Fireworks4和Dreamweaver4集成该做些什么呢？ 为了让Fireworks4和Dreamweaver4更好的发挥他们的互相结合的优势，您必须按正确的顺序安装软件。如果您购买的是Macromedia公司的Dreamweaver4 Fireworks4 Studio，这时将会有一个特别的组合安装程序。这个程序将Dreamweaver4和Fireworks4当作一个软件来同时安装。请您一定要使用这个程序，而不要使用Dreamweaver4 Fireworks4 Studio光盘中各自独立的安装软件。 如果您不是使用Dreamweaver4 Fireworks4 Studio，那么下面这个安装过程您应该记住了：应该先安装Dreamweaver4，然后再安装Firewroks4。在Fireworks4的安装程序中会将一些必要的文件增加到Dreamweaver4程序中去，以便这二者可以高效地集成。如果您搞错了安装的顺序，而您又非常想使用Dreamweaver4和Fireworks4的集成功能，您就必须重新安装Fireworks4，从而保证将Fireworks4 集成文件安装到Dreamweaver4中。 Optimize Image in Fireworks这个命令可以直接在Dreamweaver4中打开一个特殊版本的Fireworks4的Export Preview对话框，用来在Dreamweaver4中优化图像文件而不需要启动Fireworks4软件，FWLaunch文件就是用来完成这个功能的。在Dreamweaver4中将Fireworks4设置为图像编辑器当您在使用Dreamweaver编辑制作网页时，有时候需要优化图片--比如说切掉某一部分或者改变文件的大小，有时候需要根据客户的意思，对图像中的内容进行重新的调整……。在以往的制作过程中，首先需要打开图像编辑软件，在该软件中调用想要修改的图像文件，修改后存盘，然后在Dreamweaver中重新载入该图像文件。现在有了Dreamweaver4和Fireworks4的集成功能，您可以直接在Dreamweaver4中选择想要修改的图像对象，在Property（属性）面板中点击Edit按钮，这时系统就会自动调用Fireworks4程序并在当前文档窗口中自动打开该图像文件。当图像文件在Fireworks4中按要求修改完后，点击文档左上角的Done按钮。修改后的图片被保存，并自动在Dreamweaver4中完成更新。 想要执行上面的功能的话，首先您必须在Dreamweaver4中将Fireworks4设置为图像编辑器。 Dreamweaver4中的Preferences（属性）设置对话框中可以让您决定编辑Dreamweaver4网页中的图像所使用的图像处理软件。如果您希望能在Dreamweaver4中能直接启动Fireworks4软件并对网络图像格式GIF、JPEG、PNG进行快速编辑，您就需要对应的将这几种格式的图像编辑器设为Fireworks4。 （注意：如果您使用的是Fireworks 4以前的版本，那么在Dreamweaver4中将Fireworks以前的版本设置为图像编辑器将会有影响。因为Fireworks 3不支持表格和切片的编辑，Fireworks 2不支持PNG格式的编辑。）因此强烈建议用Fireworks4版本。要在Dreamweaver4中将Fireworks4设置为图像编辑器，您可以按如下步骤进行操作： 1、 在Dreamweaver4中，使用菜单命令Edit>references，默认的快捷方式为Ctrl+U。此时将会显示Preferences对话框。
, ^7 L, V' G- n0 p4 x0 \6 d' k
; k3 o9 O$ D1 b+ @4 h4 c2 T! s2、 对话框左边Category（类别）列表中选择File Types/Editors（类型/编辑器）选项，对话框的右边就会显示出相应的选项。 ３、在对话框右边的Extensions（文件扩展名）列表中，选择网络图像格式(.gif、 or .jpg or .png)。 4、 在Editors(编辑器)列表中，选择Fireworks 4，点击 Make Primary(设为主编辑器) 按钮。 5、 重复第3、第4步骤，您可以对其他文件格式一一进行相应的设置。 6、 设置完后，点击OK按钮退出。 好了，现在在Dreamweaver4的网页文件中无论您想什么时候编辑选择的图像文件，您只需要选中该图像文件并单击Property（属性）面板中的Edit按钮，Fireworks4就会自行启动。如果当前选择的图像是GIF或是JPEG格式，而不是PNG格式，Fireworks4还会询问是否要处理独立的源文件，如果单击YES，就可以选择某个PNG源文件进行处理了。当图像文件在Fireworks4中按要求修改完后，点击文档左上角的Done按钮。修改后的图片被保存，并且会自动在Dreamweaver4中完成更新。 识别来自于Fireworks4的Design NoteDreamweaver和Fireworks都可以保存Design Note，Design Note的应用可以为使用Fireworks的图形设计者和使用Dreamweaver的Web页设计制作者提供共享信息的方法。在Fireworks4和Dreamwever4结合应用过程中，Fireworks4所产生的Desgin Note也起到了非常重要的作用。 当您在Fireworks4中将设计好的网页图像文件按照输出形式（例如Image and HTML）输出到Dreamweaver4站点中，Fireworks4会自动在输出到Dreamweaver4中的图片中添加Design Note，存储在当前期图片文件所在的文件夹中。打开相关的文件目录您就会发现存储图片的文件夹中多了一个_note文件夹。这个_note文件夹包含了相关的信息，可以让Dreamweaver4在启动Fireworks4进行图像编辑时自动查找图像的源文件进行编辑和优化。 相信有很多人为这个莫名奇妙出现的文件夹而不知所措，不知道它是干嘛用的，甚至把它当作垃圾文件删除。也有部分的朋友问过我这个问题。我在这儿提醒大家，删除了这个文件夹就相当于删除了Dreamweaver4和Fireworks4之间联系的桥梁，虽然不足以影响到正常的工作，但是有了它可以方便地查找Fireworks4的源文件，提高工作效率，强烈建议不要删除它，它占不了你多少的存储空间，却会为你的工作带来极大的方便。当您在使用Dreamweaver4对Fireworks4输出的HTML文件进行编辑时，Dreamweaver4会通过读取Design Note，自动查找源PNG图像，所以建议您将网络图像源PNG文件一起保存到您设计的站点目录下。这样，下次对页面中的Fireworks4生成的图像再次进行编辑时或是小组远程协作时，Fireworks4总能正确的找到并打开相应的源PNG文件进行编辑，自动更新页面。 想查看Design Note到底记录了些什么东西呢？在Dreamweaver4中，您可以选择图像文件，并用右键单击，在显示的上下文相关菜单中，选择Design Notes。此时Design Notes对话框将会显示。
& J: X, M, a' U7 R+ T
! P2 f) u% [( `1 f% m点击All Info选项标签可以查到源文件的路径信息及Slice（切片）信息。如果想要在Design Note中加入附加的信息，您可以点击\\\"+\\\"按钮，并填入相应的Name 和Value域值。在输入过程中请按Tab键确认Value的输入，不要按Enter（回车）键。Dreamweaver4和Fireworks4集成的最基本功能就是如何在Dreamweaver4中快速应用Fireworks4文件。为此您可以使用不同的方法在Dreamweaver4中放置Fireworks4的图像文件和HTML文件，可以在Dreamweaver4中复制和粘贴Fireworks4 HTML文件，还可以在Fireworks4中通过输出（Export）命令，直接将文件放置到Dreamweaver4定义的站点文件夹中，提供Dreamweaver4的后续调用。下面我们来一一介绍。