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