設定網頁的背景圖像

網頁的背景色和背景圖選擇得好,會是頁面增色不少。如果選取單一的背景色,難免顯得單調,如果選擇整個圖片做背景,由於圖片本身的檔案大,造成網頁的載入時間長,一般用戶很難有耐性等待下去。那么帶背景的網頁是如何製作出來的?很簡單,一般是採用一幅很小的圖片,然後鋪展開,形成很漂亮的背景。對背景圖的要求當然是越漂亮越好,檔案越小越好。這裡我們不談論圖片的製作了。

當你有了一幅可以自然拼接的圖像後,在dreamweaver中,我們可以設定background圖片。

打開源檔案我們可以看到〈body〉標籤中多了一串代碼。代碼的表達式如下:

<body background="images/back001.gif" bgcolor="#ffffff" >

這裡的images/back001.gif就是background的值,其圖像檔案名稱為一個url。 當然我們可以在原始碼中直接加入上面的代碼。

下面是一個小例子。假如我們有了一幅適合做背景的小圖,檔案為back001.gif,下面就可以重新編寫html代碼了。

下面是這段代碼產生的顯示效果:

怎么樣?如果你選擇的背景圖片質量很高的話,背景會更漂亮的。