網(wǎng)頁布局都遵循以下幾個基本的原則。

● 突出重點(diǎn)，做到主次分明，中心突出：在一個頁面上，必須考慮瀏覽者第一次打開該頁面的時候會看到的內(nèi)容，就是通常所說的視覺中心。視覺中心一般在屏幕的中央，或者在中間靠上的位置。所以，網(wǎng)站上一些比較重要的文章或者圖片一般就可以放在這個地方，在視覺中心以外的地方可以安排一些稍微次要的內(nèi)容，做到合理搭配。

● 文章長短和圖片大小的搭配要合理，并相互呼應(yīng)：較長的文章和標(biāo)題不要都放在一起，需要保持一定的距離；同樣，短文章的正文和標(biāo)題也不要都放在一起編輯。對于圖片的安排也應(yīng)該是一樣的，要做到錯落有致，使大小圖片之間保持一定的距離，這樣可以使頁面的重心不至于發(fā)生偏離。

● 綜合運(yùn)用各種元素，爭取做到信息飽滿，圖文并茂：文字、圖片和動畫具有一種相互補(bǔ)充的視覺關(guān)系。一個網(wǎng)站，如果文字性內(nèi)容太多，就會給人一種沉悶，缺乏生氣的感覺，而頁面上的圖片或者動畫太多，文字太少，又會讓人感覺華而不實(shí)，而且信息容量肯定會減少。因此，最理想的狀態(tài)就是文字、圖片、動畫密切配合，互為襯托，這樣既能使網(wǎng)頁美觀，不呆板，又具有豐富的內(nèi)容。

● 要保證網(wǎng)站的簡潔一致：一個網(wǎng)頁要想做到簡潔，通常的做法就是使用醒目的標(biāo)題，另一種做法就是限制所用字體和顏色的種數(shù)。要保持一致，可以使各個頁面使用相同的頁邊距，文本圖形之間保持相同間距。

● 嘗試使用文本的布局協(xié)助導(dǎo)航：如果頁面里包含幾十個鏈接，那么，可以把這些鏈接分類，并且用不同的標(biāo)題和顏色塊來區(qū)分它們。

由上面的內(nèi)容可以看到，網(wǎng)頁布局非常重要。下面介紹一下常見的網(wǎng)頁排版格式。

（1）“國”字型網(wǎng)站：此種網(wǎng)站布局的主要特點(diǎn)就是最上面是網(wǎng)站的標(biāo)志、廣告以及導(dǎo)航欄，接下來就是網(wǎng)站的主要內(nèi)容，左右分別羅列出一些內(nèi)容，中間是主要內(nèi)容，最下面是網(wǎng)站的一些基本信息、聯(lián)系方式和相關(guān)版權(quán)信息等。此種布局的優(yōu)點(diǎn)是充分使用版面，信息量大；缺點(diǎn)是頁面擁擠，不夠靈活。

（2）“框架”型布局：這種網(wǎng)站布局一般分成上下或左右布局。一欄是導(dǎo)航欄目，一欄是正文部分，復(fù)雜的也可以將頁面分成許多部分，常見的是上下兩欄布局，上面一欄放置網(wǎng)站的導(dǎo)航條，下面一欄放置正文內(nèi)容。

（3）“廠”字型網(wǎng)站：這種網(wǎng)站布局，一般是頁面頂部為橫條網(wǎng)站標(biāo)志加廣告條，下方左側(cè)為導(dǎo)航菜單，右側(cè)顯示詳細(xì)信息，其整體效果類似于“廠”字，所以稱之為“廠”字布局。這種布局結(jié)構(gòu)的優(yōu)點(diǎn)是頁面結(jié)構(gòu)清晰、主次分明，是初學(xué)者容易上手的布局方法，缺點(diǎn)是規(guī)矩呆板，容易讓人看之乏味。