相同點(diǎn)：Tracing Image同背景圖像一樣是一幅存在于頁面背景中的圖像，我想這是它們惟一的相同之處了。

不同點(diǎn)：

1、Tracing Image不會(huì)被Dreamweaver平鋪(對(duì)一個(gè)背景圖像來說，假如圖像尺寸小于頁面的尺寸就會(huì)被平鋪。)

2、可以指定Tracing Image的透明度。 3、Tracing Image只在Dreamweaver中可見，在瀏覽器中它會(huì)被忽略。

4、當(dāng)Tracing Image在Dreamweaver中可見時(shí)，背景圖像和背景顏色將變?yōu)椴豢梢�。但有個(gè)開關(guān)可以讓你選擇要顯示Tracing Image還是背景圖像。

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

做法如下：

1、首先，我們要制作一個(gè)模型圖像。你可以用你喜歡的任何一種圖像編輯應(yīng)用程序來制作這個(gè)模型圖像，只要你最終將其保存為GIF、JPG、JPEG或PNG格式就可以了。以后，我們將用這個(gè)模型圖像來作為建立頁面布局的向?qū)�。意思就是說，先設(shè)計(jì)并制作好一個(gè)已經(jīng)圖像化的頁面布局，再將其作為Tracing Image放入頁面中，然后照著這個(gè)圖像化的布局描就行了，這對(duì)于整體規(guī)劃復(fù)雜的頁面布局很有好處。


圖1

2、接下來，我要把這個(gè)做好的圖像模型放入需要的頁面中。選擇“View →Tracing Image→Load”，將出現(xiàn)一個(gè)對(duì)話框，找到你的圖像模型并選擇它，然后點(diǎn)擊[Select]。

3、Page Properties對(duì)話框?qū)⒕o接著出現(xiàn)，通過拖動(dòng)滑塊指定圖像的透明度(Transparent)，然后點(diǎn)擊[OK]。你可以在任何時(shí)候通過選擇“Modify→Page Properties”，來選擇另一個(gè)Tracing Image或改變當(dāng)前Tracing Image的透明度。

4、圖2是我將我的Tracing Image放入頁面后的樣子(我設(shè)置了透明度為70％)。


圖2

5、裝入Tracing Image后，觀察了一下，總覺得這個(gè)Tracing Image似乎沒有處于文檔的中心，因此，我決定要調(diào)整一下位置。選擇“View→Tracing Image→Adjust Position”。在彈出的對(duì)話框中輸入X和Y軸的坐標(biāo)值(默認(rèn)位置為8，11)，然后點(diǎn)擊[OK]。

除了調(diào)整位置外，你還可以使用下列選項(xiàng)：

Show(顯示)——用來隱藏和顯示Tracing Image，當(dāng)Tracing Image隱藏時(shí)，背景圖像和背景顏色就可以顯示出來了(當(dāng)然是在你設(shè)置了它們的前提下)。

Align with Selection(同選項(xiàng)對(duì)齊)——可以讓你將Tracing Image的左上角和某個(gè)你選中的對(duì)象的左上角對(duì)齊(需要先點(diǎn)選一個(gè)預(yù)備對(duì)齊的對(duì)象)。

Reset Position(復(fù)位)——可以把你的Tracing Image送回(X：0，Y：0)的位置。

6、既然我們已經(jīng)有了放置好的Tracing Image，可以照著它來繪制布局了。點(diǎn)擊對(duì)象調(diào)色板中的[Layer]，拖放兩個(gè)層分別覆蓋Tracing Image中的綠色區(qū)域。

7、至此，你們可以看到，Tracing Image已經(jīng)成功地輔助我完成了這個(gè)簡單的布局，當(dāng)然，Tracing Image完全可以勝任遠(yuǎn)比這復(fù)雜得多的頁面布局任務(wù)。但我的工作還沒有完成，我的設(shè)計(jì)是要在右邊的大的層中放置一臺(tái)數(shù)碼攝像機(jī)的圖片，而在左邊的小的層中放置對(duì)這臺(tái)攝像機(jī)的說明。分別在大層和小層中插入圖片和輸入文字后，頁面看起來是這樣的(見圖3)。