第七章 ：網(wǎng)頁背景設(shè)計
第七章 ：網(wǎng)頁背景 2011/7/30
網(wǎng)頁背景設(shè)計 好的背景能夠讓網(wǎng)站變得很美妙。
1.顏色背景
顏色背景的設(shè)計是最為簡單的，但同時也是最為常用和最為重要的，因為相對于圖片背景來說，它有無與倫比的顯示速度上的優(yōu)勢�！ ∑渲械�"color"表示不同的顏色，可以用各種不同的顏色表示方法，比較常用的有直接用顏色的英文名稱，如blue、yellow、black等等，還可以用顏色的'十六進(jìn)制表示方法，如#0000FF、#FFFF00、#000000等等，此外還可以用百分比值法和整數(shù)法，其效果都是一樣的。
顏色背景雖然比較簡單，但也有不少地方需要注意，如要根據(jù)不同的頁面內(nèi)容設(shè)計背景顏色的冷暖狀態(tài)，要根據(jù)頁面的編排設(shè)計背景顏色與頁面內(nèi)容的最佳視覺搭配等等。
2.沙紋小圖片重復(fù) 背景
沙紋背景其實屬于圖片背景的范疇，它的主要特點是整個頁面的背景可以看作是局部背景的反復(fù)重排，在這類背景中以沙紋狀的背景是為常見，所以我們將其統(tǒng)稱為沙紋背景。
初學(xué)主頁制作者都有這樣的經(jīng)歷，當(dāng)試圖把自己的照片作為頁面的背景是，卻發(fā)現(xiàn)瀏覽器上顯示出來的不僅僅是一個照片，而是同一照片在水平和豎直方向上的反復(fù)排列。這就是瀏覽器處理圖片背景時的規(guī)律方法，利用這一規(guī)律我們可以用一小塊圖片作為頁面背景，讓它自動在頁面上重復(fù)排列，鋪滿整個頁面，從而使網(wǎng)頁的體積大大減小。
3.條狀背景
條狀背景與沙紋背景是比較相似的，它適用于頁面背景在水平或豎直方向上看是重復(fù)排列的，而在另一方向上看則是沒有規(guī)律的。
它也是利用瀏覽器對圖片背景的自動重復(fù)排列，與沙紋背景所不同的是它只讓圖片在一個方向上重復(fù)排列。
顏色背景示例
<html>
<body bgcolor="#d0d0d0">
</body>
</html>
圖片背景示例
<html>
<body background="clouds.gif">
<body background="http://www.zjpiwd.com/clouds.gif">
</html>
URL地址可以是相對地址（上面第一條語句），也可以是絕對地址（上面第二條語句）。
background屬性將背景設(shè)置為圖像，它的值是你所要使用圖像的URL地址。如果這個圖像的大小不及瀏覽器窗口，它將平鋪占滿窗口。
注意：如果打算使用背景圖像，應(yīng)該注意一下原則：
· 這個圖像會使頁面加載時間過長嗎？圖像文件的容量盡量不要超過10K。
· 這個圖像跟頁面上其他圖像協(xié)調(diào)嗎？
· 這個圖像跟頁面上的文字顏色協(xié)調(diào)嗎？
· 這個圖像平鋪了以后看起來還可以嗎？
· 這個圖像吸引了文字的注意力，喧賓奪主了嗎？
提示
一般的網(wǎng)站很少使用背景圖像。 <body>標(biāo)簽的 bgcolor、 background 和text屬性 在最新的HTML標(biāo)準(zhǔn)（HTML4和XHTML）中已被廢棄。 W3C在他們的推薦中 已刪除這些屬性。 在HTML的未來版本中，層疊樣式表（CSS） 將被用來定義HTML元素的布局和顯示屬性。
【 第七章 ：網(wǎng)頁背景設(shè)計】相關(guān)文章：
1.第七章：鏈接