一,網(wǎng)頁背景設(shè)計全攻略網(wǎng)頁中的背景設(shè)計是相當(dāng)重要的，尤其是對于個人主頁來說，一個主頁的背景就相當(dāng)于一個房間里的墻壁地板一樣，好的背景不但能影響訪問者對網(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è)計是更為簡單的，但同時也是更為常用和更為重要的，因?yàn)橄鄬τ趫D片背景來說，它有**的顯示速度上的優(yōu)勢。在網(wǎng)頁文件中，一般通過標(biāo)簽來指定頁面的顏色背景，其HTML 語法為： 其中的"color"表示不同的顏色，可以用各種不同的顏色表示方法，比較常用的有直接用顏色的英文名稱，如blue、yellow、black等等，還可以用顏色的十六進(jìn)制表示方法，如#0000FF、#FFFF00、 #000000等等，此外還可以用百分比值法和整數(shù)法，其效果都是一樣的。 顏色背景雖然比較簡單，但也有不少地方需要注意，如要根據(jù)不同的頁面內(nèi)容設(shè)計背景顏色的冷暖狀態(tài)，要根據(jù)頁面的編排設(shè)計背景顏色與頁面內(nèi)容的更佳視覺搭配等等?！ ?/P>
2.沙紋背景 沙紋背景其實(shí)屬于圖片背景的范疇，它的主要特點(diǎn)是整個頁面的背景可以看作是局部背景的反復(fù)重排，在這類背景中以沙紋狀的背景是為常見，所以我們將其統(tǒng)稱為沙紋背景?！ 〕鯇W(xué)主頁制作者都有這樣的經(jīng)歷，當(dāng)試圖把自己的照片作為頁面的背景是，卻發(fā)現(xiàn)瀏覽器上顯示出來的不**是一個照片，而是同一照片在水平和豎直方向上的反復(fù)排列。這就是瀏覽器處理圖片背景時的規(guī)律方法，利用這一規(guī)律我們可以用一小塊圖片作為頁面背景，讓它自動在頁面上重復(fù)排列，鋪滿整個頁面，從而使網(wǎng)頁的體積大大減小?！ ∽x者到現(xiàn)在恐怕都已經(jīng)知道了沙紋背景的原理和實(shí)現(xiàn)方法，就是找一個小的圖片，越小越好，但注意要使更后的背景看起來要像一個整體，而不是若干圖片的堆砌。其實(shí)現(xiàn)的HTML語法如下： 其中的"picture"表示背景圖片的URL路徑?！ ?/P>
3.條狀背景 條狀背景與沙紋背景是比較相似的，它適用于頁面背景在水平或豎直方向上看是重復(fù)排列的，而在另一方向上看則是沒有規(guī)律的。它也是利用瀏覽器對圖片背景的自動重復(fù)排列，與沙紋背景所不同的是它只讓圖片在一個方向上重復(fù)排列?！ ∫栽谪Q直方向上排列為例，首先用圖像處理軟件做一個從左到右為藍(lán)白漸變的水平條狀圖片，其長度與頁面的寬度相當(dāng)。也通過 將其設(shè)為頁面背景，經(jīng)瀏覽器顯示后，就成為整個頁面從左到右藍(lán)白漸變的分欄顏色背景。當(dāng)然，也可以用類似的方法實(shí)現(xiàn)條狀背景在水平方向上的重復(fù)排列?！ ?/P>
4.照片背景 把自己或朋友的照片作為頁面的背景讓大家看到，是有點(diǎn)令人激動的事情，但瀏覽器對圖片的自動重復(fù)排列卻使這一愿望難以實(shí)現(xiàn)。怎么辦呢？只有想不到的，沒有做不到的，這里我們用上一點(diǎn)簡單的 CSS。在網(wǎng)頁文件的……之間加入下面的CSS語句: 這樣，在網(wǎng)頁頁面中，就可以看到你的照片位于頁面的正中間，而且在拉動瀏覽器窗口的滾動條時，照片仍然位于頁面的正中間而不隨頁面內(nèi)容一起滾動。如果你覺得照片位于頁面的正中間不滿意，你也可以隨意地調(diào)整它在頁面中的位置，只需要調(diào)整"background-position"的值就可以了。
5.復(fù)合背景 如果你在練習(xí)上面的“照片背景”時“不小心”也設(shè)置了標(biāo)簽里的顏色背景，那么你看到了什么？顏色背景還起作用嗎？對，你能看到你的照片浮于你設(shè)的顏色背景之上，二者能夠同時正常地顯示出來。這就是復(fù)合背景的魅力，更為吸引人的是，當(dāng)你所設(shè)置的圖片背景因?yàn)槟撤N不可知的因素而不能正常顯示的時候，瀏覽器能夠自動用你所設(shè)置的顏色背景取而代之。它的設(shè)計方法，就不用我再多說了吧！
6.局部背景 前面我們所說的背景都是整個頁面的背景，能不能在頁面上為某個局部的內(nèi)容設(shè)置屬于它自己的背景呢？回答是肯定的?！ 「鼮槌Ｒ姷氖窃诒砀竦脑O(shè)計當(dāng)中，我們可以為表格設(shè)置一個不同于頁面的背景，甚至在不同的表格單元中，我們也可以設(shè)置各個表格單元自己的背景。請看下面這個表格例子： 在瀏覽器中的顯示效果如圖所示,可以看到,不但對于表格整個來說有不同于頁面的背景,就是每一個單元格也可以設(shè)置各不相同的背景。 除此之外，我們還可以單前幾為某個文字段落設(shè)置背景，甚至為這個文字段落中的某幾個文字設(shè)置自己的背景，是不是有點(diǎn)相當(dāng)不錯，這也需要用上一些CSS。請先看一下下面的這個例子： STYLE="BACKGROUND:black url(../images/bg.jpg);COLOR:black}"> 記得毛主席有這么一前幾詩：" 坐地日行八萬里，巡于遙看一千河。 "偉人就是了不起，… …幾萬里就出去了。 在瀏覽器中的顯示效果如圖所示，現(xiàn)在是不是有點(diǎn)興奮了，啊，原來文段也可以有自己的背景。只要你愿意，你就可以為頁面的任何一個部分定義自己的背景，從而把頁面打扮得更加漂亮和吸引人?！ ≌f到這，關(guān)于網(wǎng)頁背景設(shè)計的問題也就說得大概也就差不多了，但新的網(wǎng)頁制作技術(shù)也在不斷涌現(xiàn)，說不定今天你看了這篇文章，明天就覺得它太過時了。筆者寫這篇文章，目的是引起廣大網(wǎng)頁制作者對背景設(shè)計的注意，畢竟，背景對網(wǎng)頁來說實(shí)在是太重要了，當(dāng)然，網(wǎng)站還是要以內(nèi)容為前幾的。
二. 網(wǎng)頁色彩搭配的內(nèi)涵 網(wǎng)頁的色彩搭配往往是網(wǎng)友們感到頭疼的問題，尤其是那些完全沒有美術(shù)基礎(chǔ)的網(wǎng)友。到底用什么色彩搭配好看呢？讓我們來看看網(wǎng)友54雨寒的高見吧！
(一)、紅色的色感溫暖，性格剛烈而外向，是一種對人刺激性很強(qiáng)的色。紅色容易引起人的注意，也容易使人興奮、激動、緊張、沖動、還是一種容易造成人視覺疲勞的色。
1、在紅色中加入少量的黃，會使其熱力強(qiáng)盛，趨于躁動、不安。
2、在紅色中加入少量的藍(lán)，會使其熱性減弱，趨于文雅、柔和。
3、在紅色中加入少量的黑，會使其性格變的沉穩(wěn)，趨于厚重、樸實(shí)。
4、在紅中加入少量的白，會使其性格變的溫柔，趨于含蓄、羞澀、嬌嫩。二、黃色的性格冷漠、高傲、敏感、具有擴(kuò)張和不安寧的視覺印象。黃色是各種色彩中，更為嬌氣的一種色。只要在純黃色中混入少量的其它色，其色相感和色性格均會發(fā)生較大程度的變化。 1、 在黃色中加入少量的藍(lán)，會使其轉(zhuǎn)化為一種鮮嫩的綠色。其高傲的性格也隨之消失，趨于一種平和、潮潤的感覺。 2、 在黃色中加入少量的紅，則具有明顯的橙色感覺，其性格也會從冷漠、高傲轉(zhuǎn)化為一種有分寸感的熱情、溫暖。 3、 在黃色中加入少量的黑，其色感和色性變化更大，成為一種具有明顯橄欖綠的復(fù)色印象。其色性也變的成熟、隨和。 4、 在黃色中加入少量的白，其色感變的柔和，其性格中的冷漠、高傲被淡化，趨于含蓄，易于接近。三、藍(lán)色的色感冷嘲熱諷，性格樸實(shí)而內(nèi)向，是一種有助于人頭腦冷嘲熱諷靜的色。藍(lán)色的樸實(shí)、內(nèi)向性格，常為那些性格活躍、具有較強(qiáng)擴(kuò)張力的色彩，提供一個深遠(yuǎn)、廣埔、平靜的空間，成為襯托活躍色彩的友善而謙虛的朋友。藍(lán)色還是一種在淡化后仍然似能保持較強(qiáng)個性的色。如果在藍(lán)色中分別加入少量的紅、黃、黑、橙、白等色，均不會對藍(lán)色的性格構(gòu)成較明顯的影響力。 1、 如果在橙色中黃的成份較多，其性格趨于甜美、亮麗、芳香。 2、 在橙色中混入小量的白，可使橙色的知覺趨于焦躁、無力。四、綠色是具有黃色和藍(lán)色兩種成份的色。在綠色中，將黃色的擴(kuò)張感和藍(lán)色的收縮感相中庸，將黃色的溫暖感與藍(lán)色的寒冷感相抵消。這樣使得綠色的性格更為平和、安穩(wěn)。是一種柔順、恬靜、潢足、優(yōu)美的色。 1、 在綠色中黃的成份較多時，其性格就趨于活潑、友善，具有幼稚性。 2、 在綠色中加入少量的黑，其性格就趨于莊重、老練、成熟。 3、 在綠色中加入少量的白，其性格就趨于潔凈、清爽、鮮嫩。五、紫色的明度在有彩色的色料中是更低的。紫色的低明度給人一種沉悶、神秘的感覺。 1、 在紫色中紅的成份較多時，其知覺具有壓抑感、威脅感。 2、 在紫色中加入少量的黑，其感覺就趨于沉悶、傷感、恐怖。 3、 在紫色中加入白，可使紫色沉悶的性格消失，變得優(yōu)雅、嬌氣，并充滿女性的魅力。六、白色的色感光明，性格樸實(shí)、純潔、快樂。白色具有圣潔的不容侵犯性。如果在白色中加入其它任何色，都會影響其純潔性，使其性格變的含蓄。 1、 在白色中混入少量的紅，就成為淡淡的粉色，鮮嫩而充滿誘惑。 2、 在白色中混入少量的黃，則成為一種乳黃色，給人一種香膩的印象。 3、 在白色中混入少量的藍(lán)，給人感覺清冷、潔凈。 4、 在白色中混入少量的橙，有一種干燥的氣氛。 5、 在白色中混入少量的綠，給人一種稚嫩、柔和的感覺 6、 在白色中混入少量的紫，可誘導(dǎo)人聯(lián)想到淡淡的芳香三,網(wǎng)站建設(shè) 1、 構(gòu)思篇 著手做主頁之前一定要對自己將來的主頁有個完整的構(gòu)思，切忌隨心所欲，想到什么做什么。那樣的話，要么做到一半就難以為繼，半途而廢，要么作出的主頁也是雜亂無章。 首先，應(yīng)為自己的主頁確定一個主題，如關(guān)于電腦、音樂等，以防做成一個大雜燴，不僅加大了尋找素材的難度，而且也為將來網(wǎng)站的維護(hù)帶來困難。其次，應(yīng)該給自己的主頁確定幾個欄目，并依據(jù)這 些欄目，設(shè)計出整個網(wǎng)站的主體框架，這個框架應(yīng)保證訪客瀏覽主頁時，隨時能到他想去的任何一個欄目。再次，要注意背景與正文顏色的對比度以提高頁面的可讀性，并注意把更重要的信息放在顯眼的地 方。更后，就是關(guān)于頁面布局的構(gòu)思，包括使用普通頁面還是采用框架，何處插入圖片、文字或超級鏈接等。這些可由個人自己確定，這將形成整個網(wǎng)站的風(fēng)格。但有一點(diǎn)一定要注意，應(yīng)盡量使頁面保持整 潔，標(biāo)識清晰，切忌凌亂， 寧可少放些東西，否則，容易讓訪客不知所措。 2、 準(zhǔn)備篇 作主頁是個系統(tǒng)工程，要涉及許多方面。因此在不具備一些條件的情況下千萬不要著手。簡單的說必須具備以下條件： 1、 方便的上網(wǎng)途徑，制作主頁的素材、工具相當(dāng)一部分來自網(wǎng)上。而且主頁還要在上網(wǎng)調(diào)試中不斷完善，即使完成主頁后，還要經(jīng)常地上網(wǎng)維護(hù). 2、 至少一個E- mail 信箱。（可不要告訴我說你沒有哦！）。 3、 申請到一個理想的免費(fèi)主頁存放空間。這一點(diǎn)比較關(guān)鍵，因?yàn)樗粌H是將來主頁的存放場所，而且主頁上一些功能的實(shí)現(xiàn)還要依賴于這些場所所提供的服務(wù)。然而要申請到理想的場所還是不容易的。判斷存 放場所好壞的標(biāo)準(zhǔn)有以下幾條： ①接通速度，②服務(wù)器穩(wěn)定性，③是否提供CGI（公共網(wǎng)關(guān)接口）權(quán)限及安裝Microsoft Frontpage Server Extension,④ 提供空間的大?。ㄒ话銘?yīng)選擇10M以上），然而據(jù)我的嘗試發(fā)現(xiàn)，國內(nèi)幾十家存放空間提供商中更大部分已停止接受新的申請（多由于空間不足或擔(dān)心影響接入速度），在綜合考慮個方面因素之后，我將向?蠹彝萍鲆韻鋁郊遙漢
網(wǎng)頁設(shè)計攻略，一點(diǎn)見解，望見笑。
