2011-08-10
網頁制作中還有一個網頁背景的概念。一個好的背景不但能影響訪問者對網頁內容的接受程度,還能影響訪問者對整個網站的印象。有的大型網站也設置了背景,雖然說圖片背景會降低網站的加載速度,但是卻以其優美的樣子受人們的歡迎。下面我們來看下網頁背景的實現方式。
1.用顏色作為網頁背景
如果說圖片背景會降低網站打開速度,那么顏色背景就是一個良好的解決方案了。特別對于寬屏來說。淡淡的顏色背景比白色的背景好看多了。顏色背景是為常用和為重要的,因為相對于圖片背景來說,它有無與倫比的顯示速度上的優勢。在網頁文件中,一般通過<body>標簽來指定頁面的顏色背景,格式是:
<body bgcolor="color">其中的"color"表示想要放置的顏色,可以用各種不同的顏色表示方法,一般我們用顏色的十六進制表示,如#aeaeae(淡灰色)、#ff0000(紅色)等等,此外還可以用百分比值法和整數法,其效果都是一樣的。
2.沙紋型網頁背景
我們在網站制作的時候,如果沒有對背景顯示方法進行控制,那么當試圖把自己的照片作為頁面的背景是,卻發現瀏覽器上顯示出來的不僅僅是一個照片,而是同一照片在水平和豎直方向上的反復排列。即橫排和豎排,因為這個現象,我們可以用一小塊圖片作為頁面背景,讓他們鋪滿整個頁面。這樣就用不著大圖片做背景了,因為大圖片做背景,網頁打開速度會慢的。 方法是:
<body background="picture"> 其中的picture表示背景圖片的URL路徑。
3.條狀背景
與沙紋背景不同的是,條狀背景只讓圖片在一個方向上重復排列。
首先用圖像處理軟件做一個從左到右為藍白漸變的水平條狀圖片,其長度與頁面的寬度相當。也通過
<body background="picture">
將其設為頁面背景。 這樣圖片就會在豎直方向排列了。還可以通過在里面加入
來設置,其中picture是圖片的路徑。
無任何重復的背景
無任何重復的背景可以這樣來做,在里面加入
上一條:如何讓網站上的網頁布局更加合理
下一條:建立一個網站的十大好處