于設計(jì)布局頁面時(shí)，每個(gè)元素的(de)重要性有(yǒu)所不同，所以所使用的(de)排列與布局方式亦有(yǒu)所不同，考量糟糕絕不同內(nèi)容的(de)排列順序是最為(wèi)關鍵的(de)。假如要依據頁面內(nèi)容同意網頁版式布局，最為(wèi)常用的(de)布局形式作(zuò)為(wèi)右側排序、水(shuǐ)平出面排序、水(shuǐ)平與垂直出面排列及滿屏排序四種。
除此之外(wài)有(yǒu)些網站于設計(jì)布局時(shí)，會根據網站的(de)目的(de)與性質來(lái)考量網站的(de)普遍性。由于通(tōng)常用戶均會根據個(gè)人(rén)愛好(hǎo)來(lái)設計(jì)師(shī)網頁布局。但(dàn)是假如想要使設計(jì)師(shī)出的(de)網頁越來(lái)越具創意與與衆不同，也需讓浏覽者感覺到網站的(de)實用性與美(měi)觀性。
1、右側的(de)網頁布局
右側網頁布局是指頁面之中的(de)內(nèi)容居右排序。一般的(de)4：3屏幕分辨率餘為(wèi)1024×768px，因此創作(zuò)網頁時(shí)，一般會确認頁面的(de)特定寬度作(zuò)為(wèi)1024px，長(cháng)度可依據具體(tǐ)內(nèi)容展開(kāi)調整，假如小(xiǎo)于768px，亦需采用滾動條。
假如用戶采用16：9寬屏來(lái)下(xià)載網頁，那(nà)麽1024px寬度的(de)頁面把難以完工(gōng)填完整個(gè)屏幕，此時(shí)按照(zhào)右側布局的(de)頁面，把手動對(duì)于左側的(de)像素展開(kāi)平鋪，直到填完整個(gè)屏幕。
該網站頁面之中的(de)布局結構簡潔因而富裕新意，透過色彩的(de)運用，把頁面背景處理(lǐ)為(wèi)小(xiǎo)鳥的(de)剪影，把主體(tǐ)部分設立于了頁面的(de)右側，于更改分辨率時(shí)，于左側手動填充白色背景色，整個(gè)界面簡潔而且耐用。
2、水(shuǐ)平出面的(de)頁面布局
水(shuǐ)平出面的(de)頁面布局是指頁面內(nèi)容出面布局，這(zhè)是最為(wèi)常用的(de)一種頁面布局方式。使用水(shuǐ)平出面的(de)方式布局頁面盡管非常人(rén)壽保險，但(dàn)是非常難造成版面呆闆與枯燥，所以需于求穩的(de)基礎之上(shàng)，于裝飾性元素之上(shàng)餘花(huā)精力。
如果用戶采用寬頻(pín)浏覽頁面時(shí)，頁面的(de)左右兩邊會遭除此之外(wài)擴展，以此填完屏幕，較常見的(de)方法是采用純色、逐漸褪色或是圖案。
3、水(shuǐ)平與垂直出面的(de)頁面布局
水(shuǐ)平與垂直出面布局是指把頁面的(de)橫向與縱向均劇(jù)情為(wèi)100％的(de)布局方式，這(zhè)類網頁于任何分辨率的(de)屏幕之中均會必然出面表明(míng)。
假如一款頁面使用了整體(tǐ)性非常弱，或是非常獨有(yǒu)的(de)排列方式，任何微(wēi)小(xiǎo)的(de)改動均也許造成頁面的(de)美(měi)觀度大幅度上(shàng)升，那(nà)麽便需采用這(zhè)種方式布局頁面。
4、滿屏的(de)網頁布局
滿屏的(de)網頁布局是指于架設程序時(shí)，絕不為(wèi)頁面之中的(de)各個(gè)部分設立特定的(de)位置，或者收集相(xiàng)對(duì)的(de)百分比擺放(fàng)元素。這(zhè)樣于有(yǒu)所不同分辨率之下(xià)，頁面之中的(de)各個(gè)元素便會手動變更表明(míng)的(de)位置，使頁面我們滿屏表明(míng)。
不過這(zhè)種布局方式亦适用一個(gè)缺點，假如屏幕分辨率發生(shēng)變化(huà)，頁面之中的(de)圖像亦也許遭平移，這(zhè)便難以确保圖像的(de)清晰度。克服這(zhè)個(gè)問(wèn)題的(de)方法便是采用矢量圖形與Flash動畫(huà)代替位圖圖像。