图像占位符允许用户指定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 指定图像源文件
第五步：在“Export”对话框中命名导出的图像文件，这些文件是将在Dreamweaver中显示的jpeg或gif文件。然后为导出的图像文件指定位置，所选的位置应在Dreamweaver的站点文件夹内。如果已经输入了图像占位符的名称，则该名称在 Fireworks中将用作默认文件名，如图5所示。
图5 导出文件
第六步：单击“保存”按钮，返回到Dreamweaver，所创建的新Fireworks图像就会取代最初选择的图像占位符，如图6所示。
图6 Fireworks图像取代了图像占位符