DIV CSS 佈局教程網

　　Tracing Image(描摹圖像)是在Dreamweaver 2.0中增加的功能，但是在介紹Dreamweaver 4.0時，我們仍然要提起它。要很好地理解某個陌生的東西，一個好的方法就是將它和類似的但卻是已被人們所熟悉的東西做個深入而全方位的比較，所以，讓我們看看它和我們通常所說的背景圖像有哪些異同：
相同點：Tracing Image同背景圖像一樣是一幅存在於頁面背景中的圖像，我想這是它們惟一的相同之處了。

　　不同點：

　　1、Tracing Image不會被Dreamweaver平鋪(對一個背景圖像來說，如果圖像尺寸小於頁面的尺寸就會被平鋪。)

　　2、可以指定Tracing Image的透明度。

　　3、Tracing Image只在Dreamweaver中可見，在浏覽器中它會被忽略。

　　4、當Tracing Image在Dreamweaver中可見時，背景圖像和背景顏色將變為不可見。但有個開關可以讓你選擇要顯示Tracing Image還是背景圖像。

　　下面是一個顯示在文檔窗口中的Tracing Image(見圖1)。

　　做法如下：

　　1、首先，我們要制作一個模型圖像。你可以用你喜歡的任何一種圖像編輯應用程序來制作這個模型圖像，只要你最終將其保存為GIF、JPG、JPEG或PNG格式就可以了。以後，我們將用這個模型圖像來作為建立頁面布局的向導。意思就是說，先設計並制作好一個已經圖像化的頁面布局，再將其作為Tracing Image放入頁面中，然後照著這個圖像化的布局描就行了，這對於整體規劃復雜的頁面布局很有好處。


圖1

　　2、接下來，我要把這個做好的圖像模型放入需要的頁面中。選擇“View →Tracing Image→Load”，將出現一個對話框，找到你的圖像模型並選擇它，然後點擊[Select]。

　　3、Page Properties對話框將緊接著出現，通過拖動滑塊指定圖像的透明度(Transparent)，然後點擊[OK]。你可以在任何時候通過選擇“Modify→Page Properties”，來選擇另一個Tracing Image或改變當前Tracing Image的透明度。