如何設(shè)置網(wǎng)頁(yè)的背景及技巧--

1、如何設(shè)置網(wǎng)頁(yè)的背景及技巧網(wǎng)頁(yè)的背景色和背景圖選擇得好，會(huì)是頁(yè)面增色不少。如果選取單一的背景色，難免顯得單調(diào)，如果選擇整個(gè)圖片做背景，由于圖片本身的文件大，造成網(wǎng)頁(yè)的加載時(shí)間長(zhǎng)，一般用戶很難有耐性等待下去。網(wǎng)頁(yè)中的背景設(shè)計(jì)是相當(dāng)重要的，尤其是對(duì)于個(gè)人主頁(yè)來(lái)說(shuō)，一個(gè)主頁(yè)的背景就相當(dāng)于一個(gè)房間里的墻壁地板一樣，好的背景不但能影響訪問(wèn)者對(duì)網(wǎng)頁(yè)內(nèi)容的接受程度，還能影響訪問(wèn)者對(duì)整個(gè)網(wǎng)站的印象。那么帶背景的網(wǎng)頁(yè)是如何制作出來(lái)的？很簡(jiǎn)單，一般是采用一幅

2、很小的圖片，然后鋪展開(kāi)，形成很漂亮的背景。對(duì)背景圖的要求當(dāng)然是越漂亮越好，文件越小越好。這里我們不談?wù)搱D片的制作了。當(dāng)你有了一幅可以自然拼接的圖像后，在Dreamweaver中，我們可以設(shè)置background圖片。打開(kāi)源文件我們可以看到〈BODY〉標(biāo)簽中多了一串代碼。代碼的表達(dá)式如下：這里的imagesback001.gif就是BACKGROUND的值，其圖像文件名為一個(gè)URL。當(dāng)然我們可以在源代碼中直接加入上面的代碼。下面是一個(gè)小例

3、子。假如我們有了一幅適合做背景的小圖，文件為back001.gif，下面就可以重新編寫(xiě)HTML代碼了。8888888888如果你經(jīng)常注意別人的網(wǎng)站，你應(yīng)該會(huì)發(fā)現(xiàn)在不同的網(wǎng)站上，甚至同一個(gè)網(wǎng)站的不同頁(yè)面上，都會(huì)有各式各樣的不同的背景設(shè)計(jì)。究竟都有哪些不同樣式的背景，還有它們的設(shè)計(jì)方法都是怎樣的呢，現(xiàn)在就由好IP網(wǎng)絡(luò)來(lái)為大家作一個(gè)比較完整的總結(jié)。人激動(dòng)的事情，但瀏覽器對(duì)圖片的自動(dòng)重復(fù)排列卻使這一愿望難以實(shí)現(xiàn)。怎么辦呢只有想不到的，沒(méi)有做不到

4、的，這里我們用上一點(diǎn)簡(jiǎn)單的CSS。在網(wǎng)頁(yè)文件的……之間加入下面的CSS語(yǔ)句:這樣，在網(wǎng)頁(yè)頁(yè)面中，就可以看到你的照片位于頁(yè)面的正中間，而且在拉動(dòng)瀏覽器窗口的滾動(dòng)條時(shí)，照片仍然位于頁(yè)面的正中間而不隨頁(yè)面內(nèi)容一起滾動(dòng)。如果你覺(jué)得照片位于頁(yè)面的正中間不滿意，你也可以隨意地調(diào)整它在頁(yè)面中的位置，只需要調(diào)整“backgroundposition“的值就可以了。5.復(fù)合背景如果你在練習(xí)上面的“照片背景”時(shí)“不小心”也設(shè)置了標(biāo)簽里的顏色背景，那么你看到

5、了什么顏色背景還起作用嗎對(duì)，你能看到你的照片浮于你設(shè)的顏色背景之上，二者能夠同時(shí)正常地顯示出來(lái)。這就是復(fù)合背景的魅力，更為吸引人的是，當(dāng)你所設(shè)置的圖片背景因?yàn)槟撤N不可知的因素而不能正常顯示的時(shí)候，瀏覽器能夠自動(dòng)用你所設(shè)置的顏色背景取而代之。它的設(shè)計(jì)方法，就不用我再多說(shuō)了吧!6.局部背景前面我們所說(shuō)的背景都是整個(gè)頁(yè)面的背景，能不能在頁(yè)面上為某個(gè)局部的內(nèi)容設(shè)置屬于它自己的背景呢回答是肯定的。最為常見(jiàn)的是在表格的設(shè)計(jì)當(dāng)中，我們可以為表格設(shè)置一