網站設計中的幾種背景
2010/10/25 14:32:49
網站設計中的背景是相當重要的,尤其是對于個人主頁來說,一個主頁的背景就相當于一個房間里的墻壁地板一樣,好的背景不但能影響訪問者對網頁內容的接受程度,還能影響訪問者對整個網站的印象。如果你經常注意別人的網站,你應該會發現在不同的網站上,甚至同一個網站的不同頁面上,都會有各式各樣的不同的背景設計。究竟都有哪些不同樣式的背景,還有它們的設計方法都是怎樣的呢,現在就由我來為大家作一個比較完整的總結。
1.照片背景
把自己或朋友的照片作為頁面的背景讓大家看到,是有點令人激動的事情,但瀏覽器對圖片的自動重復排列卻使這一愿望難以實現。怎么辦呢?只有想不到的,沒有做不到的,這里我們用上一點簡單的CSS。在網頁文件的<head>……</head>之間加入下面的CSS語句:
<style type="text/css">
<!--
body{background-image:url(myphoto.jpg);
background-repeat:no-repeat;
background-attachment:fixed;
background-position:50% 50%}
-->
</style>
這樣,在網頁頁面中,就可以看到你的照片位于頁面的正中間,而且在拉動瀏覽器窗口的滾動條時,照片仍然位于頁面的正中間而不隨頁面內容一起滾動。如果你覺得照片位于頁面的正中間不滿意,你也可以隨意地調整它在頁面中的位置,只需要調整"background-position"的值就可以了。
2.局部背景
前面我們所說的背景都是整個頁面的背景,能不能在頁面上為某個局部的內容設置屬于它自己的背景呢?回答是肯定的。最為常見的是在表格的設計當中,我們可以為表格設置一個不同于頁面的背景,甚至在不同的表格單元中,我們也可以設置各個表格單元自己的背景。
3.條狀背景
條狀背景與沙紋背景是比較相似的,它適用于頁面背景在水平或豎直方向上看是重復排列的,而在另一方向上看則是沒有規律的。它也是利用瀏覽器對圖片背景的自動重復排列,與沙紋背景所不同的是它只讓圖片在一個方向上重復排列。
以在豎直方向上排列為例,首先用圖像處理軟件做一個從左到右為藍白漸變的水平條狀圖片,其長度與頁面的寬度相當。也通過<body background="picture">將其設為頁面背景,經瀏覽器顯示后,就成為整個頁面從左到右藍白漸變的分欄顏色背景。當然,也可以用類似的方法實現條狀背景在水平方向上的重復排列。
4.沙紋背景
沙紋背景其實屬于圖片背景的范疇,它的主要特點是整個頁面的背景可以看作是局部背景的反復重排,在這類背景中以沙紋狀的背景是為常見,所以我們將其統稱為沙紋背景。
初學主頁制作者都有這樣的經歷,當試圖把自己的照片作為頁面的背景是,卻發現瀏覽器上顯示出來的不僅僅是一個照片,而是同一照片在水平和豎直方向上的反復排列。這就是瀏覽器處理圖片背景時的規律方法,利用這一規律我們可以用一小塊圖片作為頁面背景,讓它自動在頁面上重復排列,鋪滿整個頁面,從而使網頁的體積大大減小。
讀者到現在恐怕都已經知道了沙紋背景的原理和實現方法,就是找一個小的圖片,越小越好,但注意要使最后的背景看起來要像一個整體,而不是若干圖片的堆砌。其實現的HTML語法如下:<body background="picture">其中的"picture"表示背景圖片的URL路徑。
5.復合背景
如果你在練習上面的“照片背景”時“不小心”也設置?lt;body>標簽里的顏色背景,那么你看到了什么?顏色背景還起作用嗎?對,你能看到你的照片浮于你設的顏色背景之上,二者能夠同時正常地顯示出來。這就是復合背景的魅力,更為吸引人的是,當你所設置的圖片背景因為某種不可知
下一頁
返回列表
返回首頁
主站蜘蛛池模板:
狠狠色噜噜狠狠狠888米奇视频
|
人妻18毛片a级毛片免费看|
青娱乐在线免费观看视频|
国产精品嫩草影院在线看|
亚洲第一页综合图片自拍|
美女毛片一区二区三区四区|
国产大秀视频一区二区三区|
2022国产成人精品福利网站|
大胆gogo高清在线观看|
一级成人a做片免费|
日日夜夜精品视频|
亚洲高清在线mv|
精品国产污污免费网站入口
|
相泽南亚洲一区二区在线播放|
国产特级毛片aaaaaaa高清|
一级毛片黄色片|
日日夜夜天天干|
久久精品99国产精品日本|
欧美三级在线观看不卡视频|
亚洲精品在线观看视频|
被夫上司连续侵犯七天终于|
在线视频一区二区三区|
七月婷婷精品视频在线观看|
日本卡一卡2卡三卡4卡无卡|
五月天色婷婷丁香|
欧美人与动性xxxxx杂性|
亚洲欧美国产精品久久久|
爱呦视频在线播放网址|
再深点灬舒服了灬太大了乡村
|
91香蕉短视频|
国产欧美在线观看一区|
sao货水真多好浪好紧视频|
成人年无码AV片在线观看|
亚洲中文无码a∨在线观看|
欧美黑人两根巨大挤入|
国产特级毛片aaaaaaa高清|
911色主站性欧美|
国产香蕉国产精品偷在线|
99精品在线视频观看|
女人18特级一级毛片免费视频|
一本色道久久综合亚洲精品|