圖像占位符允許用戶指定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圖像取代了圖像占位符