Dreamweaver和Fireworks是Macromedia公司的网页制作利器，它们之间具有强大的兼容性，这种无缝连接的特性大大减少了网页设计者进行软件切换的时间，使网页制作和图像处理的效率得到了有效的提高。它们独特的集成功能使得在Fireworks与Dreamweaver之中交替处理文件变得十分容易。Dreamweaver和Fireworks识别和共享许多相同的文件编辑结果，其中包括对链接、图像映射、表格切片等的更改。这两个应用程序共同为在HTML页面中编辑、优化和放置网页图形文件提供了一个优化的工作流程。

　　这里我们将细细介绍Dreamweaver和Fireworks方便快捷的结合使用，领会这两炳利刃的合璧所产生的强大威力，从而为将来实际中的网站建设打下一定的基础。下面我们就来详细了解一下Fireworks MX 2004与Dreamweaver MX 2004结合使用的知识和技巧。

　　［点击下载］

　　一、使用Dreamweaver占位符创建Fireworks文件

　　图像占位符允许用户指定Dreamweaver中将来放置的Fireworks图像的大小和位置，可以让我们在网页创建最终的图片之前尝试采用各种不同的网页布局，从而将Fireworks和 Dreamweaver的功能综合运用，发挥二者的强大功能。

　　在使用Dreamweaver图像占位符创建Fireworks图像时，系统会用与所选占位符尺寸相同的画布创建一个新的Fireworks文档。一旦Fireworks使用结束并且返回到 Dreamweaver，所创建的新Fireworks图形即会取代最初选择的图像占位符。

　　使用Dreamweaver占位符创建Fireworks文件的具体步骤：

　　第一步：在Dreamweaver MX 2004中，将所需的HTML文档保存到当前站点下。将光标定位在文档中需要插入Fireworks文件的位置并依次选择“Insert”-〉“Image Objects”-〉“Image Placeholder”选项。然后跳出图像占位符对话框，用户可以如图1所示设置图像占位符的名称、颜色、大小替换文本等内容。

　　图1 图像占位符对话框

　　第二步：单击“OK”，图像占位符即会插入到Dreamweaver文档中，如图2所示。

　　图2 图像占位符　

　　第三步：点击图像占位符属性面板上的按钮，Fireworks MX 2004被启动，出现图3所示的文件窗口。

　　图3 Fireworks中的图像占位符　

　　第四步：在 Fireworks 中创建图像，完成后单击“Done”。如图4所示,在“另存为”对话框中指定源png文件的名称和位置，然后单击“保存”。

　　图4 指定图像源文件　

　　图8 下拉菜单

　　图12 更新HTML对话框

　　图17 导出库文件

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

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

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

　　图23 查找源对话框

　　图26 Dreamweaver中的图像被更新　

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

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