排版布局對于網(wǎng)頁制作來說是很重要的一塊，它在一定程度上影響著用戶體驗，盡管現(xiàn)在網(wǎng)頁制作的技術(shù)技術(shù)越來越高了，但是對于布局依然是按照基本的原理進行。一個良好的排版布局能夠讓用戶可以舒適地瀏覽網(wǎng)頁，也能令網(wǎng)站顯得整潔，所以我們很有需要掌握網(wǎng)站頁面布局的原理。

1、網(wǎng)頁尺寸

進行排版布局前，其實我們需要考慮到顯示器大小和分辨率。如分辨率為800*600，網(wǎng)頁的尺寸是780×428；分辨率是1024px*768px，網(wǎng)頁的尺寸為1007px*600px，而后者將會是趨勢。

所以我們網(wǎng)頁制作過程中，應(yīng)當(dāng)根據(jù)網(wǎng)頁尺寸去布局內(nèi)容，調(diào)整內(nèi)容的寬度。也可以使用長頁面的方式去放置更多內(nèi)容。

2、網(wǎng)頁風(fēng)格

不同風(fēng)格類型的網(wǎng)站，所使用的排版布局也不一樣。以展示資訊的網(wǎng)站來說，他們的布局往往需要大量的文字加上少量圖片，在頁面中需要對著這些文字進行合理排版，例如調(diào)整合適的字符大小、顏色、間距。若是展示型的網(wǎng)站，則需要以大量的圖片為主，展示，需要對圖片大小、優(yōu)先展示的方式進行調(diào)整。

3、不同類型的頁面布局

①T型布局

這種是使用比較廣泛，就是頁面上方為導(dǎo)航或橫幅，頁面下方左側(cè)是欄目導(dǎo)航，頁面右側(cè)是欄目內(nèi)容。優(yōu)點是結(jié)構(gòu)相對于清晰，但是這種方式在網(wǎng)頁制作中經(jīng)常會使用到，顯得過于呆板。

②國字型布局

網(wǎng)站頁面頂部為橫幅，底部是版權(quán)信息展示，頁面中間是展示內(nèi)容，但內(nèi)容頁左右兩側(cè)是放置頁面工具或是留白。優(yōu)點是可以充分利用版面提供信息，但是很容易會造成內(nèi)容不夠空間展示。

③全屏型布局

這種網(wǎng)站頁面布局方式目前算是比較常見，通常是以一張全屏大圖作為布局的設(shè)計中心，相對來說比較前衛(wèi)。但是有可能會因為圖片過大造成加載速度緩慢，所以我們可以盡可能地把圖片壓縮后再使用。

了解完這些內(nèi)容后，大家知道如何制作網(wǎng)頁的布局了嗎？排版布局在網(wǎng)頁制作中有著不可忽視的地位，一個好的網(wǎng)站頁面布局也是能夠體現(xiàn)出網(wǎng)頁制作者的能力。