「佔位圖形」顧名思義是在準備好將最終圖形添加到Web 頁面之前使用的臨時圖形。使用它可以在沒有理想的圖形的情況下先行製作網頁頁面-在需要使用圖形的地方插入一個佔位圖形先「佔領」著「地盤」。
(一)插入佔位圖形
將遊標定在需要插入圖形的地方;選擇:插入>影像佔位符即出現影像佔位符對話框,如圖:
設定好各項參數後點選「確定」即將佔位圖形插入了頁面中,如圖:
圖:
上面顯示了名稱和大小。察看原始碼發現增加了一個包含空src 屬性的圖像標籤。
(二)替換佔位圖形
1.當頁面設計好以後,我們需要使用正確的圖形來替換到佔位圖形。在用DreamweaverMX(簡稱DWMX)中選取佔位圖形並開啟屬性面板,點選「建立」按鈕。則DWMX就會啟動FireworksMX(簡稱FWMX)並自動建立好一個和占位圖形同樣大小的空白畫布等待圖形設計師的「操刀製作」。
2.在FWMX中製作好所需的圖形並且優化後,點選畫布上邊的「完成」按鈕。
在出現的「另存為」對話方塊中給已存檔的png檔案取一個檔案名稱然後儲存(這樣便於以後修改);在隨後彈出的「匯出」對話方塊中做好相關設定後「儲存」該檔案。
3.切換至DWMX,我們發現佔位圖形已經被取代了。察看程式碼,發現已經自動插入了src的位址,其餘的大小,alt等參數都保持原狀,如圖:
呵呵,是不是很方便呀?從這裡我們也可以體會到「三劍客」的配合真的是無與倫比!
(三)需要注意的
如果在FWMX中繪製了熱區並添加了鏈接,FWMX將不會刪除已經在DWMX中添加到圖像佔位符的鏈接;但是如果在FWMX中的圖像上繪製了一個切片,則將在替換佔位圖形時刪除DWMX文件中的連結。