版權(quán)說明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請進行舉報或認領(lǐng)
文檔簡介
1、網(wǎng)頁背景全攻略網(wǎng)頁中的背景設(shè)計是相當重要的,尤其是對于個人主頁來說,一個主頁的背景就相當于一個房間里的墻壁地板一樣,好的背景不但能影響訪問者對網(wǎng)頁內(nèi)容的接受程度,還能影響訪問者對整個網(wǎng)站的印象。如果你經(jīng)常注意別人的網(wǎng)站,你應(yīng)該會發(fā)現(xiàn)在不同的網(wǎng)站上,甚至同一個網(wǎng)站的不同頁面上,都會有各式各樣的不同的背景設(shè)計。究竟都有哪些不同樣式的背景,還有它們的設(shè)計方法都是怎樣的呢,現(xiàn)在就由我來為大家作一個比較完整的總結(jié)。1.顏色背景顏色背景的設(shè)計是最為
2、簡單的,但同時也是最為常用和最為重要的,因為相對于圖片背景來說,它有無與倫比的顯示速度上的優(yōu)勢。在網(wǎng)頁文件中,一般通過標簽來指定頁面的顏色背景,其HTML語法為:其中的“col“表示不同的顏色,可以用各種不同的顏色表示方法,比較常用的有直接用顏色的英文名稱,如blue、yellow、black等等,還可以用顏色的十六進制表示方法,如#0000FF、#FFFF00、#000000等等,此外還可以用百分比值法和整數(shù)法,其效果都是一樣的。顏色
3、背景雖然比較簡單,但也有不少地方需要注意,如要根據(jù)不同的頁面內(nèi)容設(shè)計背景顏色的冷暖狀態(tài),要根據(jù)頁面的編排設(shè)計背景顏色與頁面內(nèi)容的最佳視覺搭配等等。2.沙紋背景沙紋背景其實屬于圖片背景的范疇,它的主要特點是整個頁面的背景可以看作是局部背景的反復(fù)重排,在這類背景中以沙紋狀的背景是為常見,所以我們將其統(tǒng)稱為沙紋背景。初學(xué)主頁制作者都有這樣的經(jīng)歷,當試圖把自己的照片作為頁面的背景是,卻發(fā)現(xiàn)瀏覽器上顯示出來的不僅僅是一個照片,而是同一照片在水平和
4、豎直方向上的反復(fù)排列。這就是瀏覽器處理圖片背景時的規(guī)這是標題這里是本文區(qū)呈現(xiàn)結(jié)果這里是本文區(qū)將其設(shè)為頁面背景,經(jīng)瀏覽器顯示后,就成為整個頁面從左到右藍白漸變的分欄顏色背景。當然,也可以用類似的方法實現(xiàn)條狀背景在水平方向上的重復(fù)排列。4.照片背景把自己或朋友的照片作為頁面的背景讓大家看到,是有點令人激動的事情,但瀏覽器對圖片的自動重復(fù)排列卻使這一愿望難以實現(xiàn)。怎么辦呢?只有想不到的,沒有做不到的,這里我們用上一點簡單的CSS。在網(wǎng)頁文件的
5、……之間加入下面的CSS語句:這樣,在網(wǎng)頁頁面中,就可以看到你的照片位于頁面的正中間,而且在拉動瀏覽器窗口的滾動條時,照片仍然位于頁面的正中間而不隨頁面內(nèi)容一起滾動。如果你覺得照片位于頁面的正中間不滿意,你也可以隨意地調(diào)整它在頁面中的位置,只需要調(diào)整“backgroundposition“的值就可以了。5.復(fù)合背景如果你在練習(xí)上面的“照片背景”時“不小心”也設(shè)置了標簽里的顏色背景,那么你看到了什么?顏色背景還起作用嗎?對,你能看到你的照
溫馨提示
- 1. 本站所有資源如無特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
- 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
- 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁內(nèi)容里面會有圖紙預(yù)覽,若沒有圖紙預(yù)覽就沒有圖紙。
- 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
- 5. 眾賞文庫僅提供信息存儲空間,僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護處理,對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對任何下載內(nèi)容負責(zé)。
- 6. 下載文件中如有侵權(quán)或不適當內(nèi)容,請與我們聯(lián)系,我們立即糾正。
- 7. 本站不保證下載資源的準確性、安全性和完整性, 同時也不承擔(dān)用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。
評論
0/150
提交評論