DIV CSS 佈局教程網

　　網頁布局大致可分為“國”字型、拐角型、“T”字型、“L”字型、綜合框架型、Flash型、變化型，在這裡就不做一一論述了。其實在我們做設計的時候並沒有過多的去考慮什麼形式，最重要的是抓住客戶的需求，把握網站的定位做出合理的框架布局。

　　欄式網頁設計布局

　　1、 分辨率

　　網頁的整體寬度可分為三種設置形式：百分比、像素、像素+百分比。通常在網站建設中以象素形式最為常用，行業網站也不列外。我們在設計網頁的時候必定會考慮到分辨率的問題，常用的是1024*768和800*600的分辨率，網絡上很多都是用到778個象素的寬度，在800的分辨率下面往往使整個網頁很壓抑，有種不透氣的感覺，其實這個寬度是指在800*600的分辨率上網頁的最寬寬度，不代表最佳視覺，不妨試試760~770的像素，不管在1024還是800的分辨率下都可以達到較佳的視覺效果。

　　2、合理廣告

　　在一些網站的廣告(彈出廣告、浮動廣告、大廣告、banner廣告、通欄廣告等等……)讓人覺得很煩瑣，根本就不願意來看，有時連你這個網站都不上了，這樣一來網站受到了嚴重的影響、廣告也沒達到廣告的目的。這些問題都是我們在設計網站之前需要考慮、需要規劃的內容之一。

　　浮動廣告有兩種，第一種是在網頁兩邊空余的地方可以上下浮動的廣告，第二種是滿屏幕到處隨機移動的廣告。建議能使用第一種的情況下盡量使用第一種，不可避免第二種情況時盡量在數量上控制最多一個就好。如果數量過多會直接影響到用戶的心理、妨礙到用戶浏覽信息，適得其反。首頁廣告不宜過多適中即可。如在注冊或者某個購買步驟的頁面上最好不要出現過多的其他無關的內容讓用戶分心，避免客戶流失等……

　　3、空間的合理利用

　　很多的網頁都具有一個特點，用一個字來形容，那就是“塞”，它將各種各樣的信息如文字、圖片、動畫等不加考慮的塞到頁面上，有多少擠多少，不加以規范，導致浏覽時會遇到很多的不方便，主要就是頁面主次不分，喧賓奪主，要不就是沒有重點，沒有很好的歸類，整體就像個大雜燴。讓人難以找到需要的東西。有的則是一片空白失去平衡，也可以用個“散”字來形容。

　　4、文字編排

　　在網頁設計中，字體的處理與顏色、版式、圖形化等其他設計元素的處理一樣。

　　4.1文字圖形化

　　文字圖形化就是將文字用圖片的形式來表現，這種形式在頁面的子欄目裡面最為常用，因為它具有突出，同時又美化了頁面，使頁面更加人性化加強了視覺效果。是文字無法達到的。對於通用性的網站弊端就是擴展性不強。

　　4.2強調文字

　　如果將個別文字作為頁面的訴求重點，則可以通過加粗、加下劃線、加大號字體、加指示性符號、傾斜字體、改變字體顏色等手段有意識地強化文字的視覺效果，使其在頁面整體中顯得出眾而奪目。這些方法實際上都是運用了對比的法則。如果在更新頻率低的情況下也可以使用文字圖形化。

　　它由域名(domain name 俗稱網址)，網站源程序和網站空間三部分構成。域名(俗稱網址);網站空間由專門的獨立服務器或租用的虛擬主機承擔;網站源程序則放在網站空間裡面，表現為網站前台和網站後台。

　　本文由說說seo論壇整理發布，轉載請備注原文地址：http://www.shuoshuoseo.com/thread-2659-1-1.html