網(wǎng)站常見布局的結(jié)構(gòu)

2021-06-20    分類： 網(wǎng)站建設(shè)

常見布局的結(jié)構(gòu)
布局的結(jié)構(gòu)指整個網(wǎng)頁的大體骨架，在其確定結(jié)構(gòu)之前，應(yīng)該將布局的版面大小確定好。版面一般根據(jù)主流屏幕的分辨率而定，并且遵循向下兼容的原則。一般而言，用戶對于拖動橫向滾動條非常反感，而比較愿意拖動縱向滾動條。因此，對于布局的版面而言，一般只有寬度的限制，而高度是隨著內(nèi)容增多而自動增加的。由于瀏覽器的邊框和縱向滾動條要占用一些寬度，在網(wǎng)頁布局設(shè)計的時候，對應(yīng)于屏幕分辨率640×480、800×600、1024×768，版面的寬度應(yīng)該設(shè)計為620 px、780 px、1 000 px。


(1) 2列，即整個布局結(jié)構(gòu)只有左右2大塊。

這種布局結(jié)構(gòu)一般將主要導(dǎo)航放在左側(cè)，右側(cè)則放置內(nèi)容。是早期網(wǎng)頁布局的主要方式，目前也常用于一些個人、小型的組織站點中。powerpoint另存為網(wǎng)頁也是生成這樣的布局結(jié)構(gòu)，一些BBS也是用這樣的結(jié)構(gòu)。


(2) 3列，即整個布局分為左中右3大塊。

這種3列布局比上面的布局多了一欄右側(cè)的導(dǎo)航，由于網(wǎng)站內(nèi)容越來越豐富，僅僅靠左側(cè)欄提供導(dǎo)航顯得有些不足。右側(cè)欄提供了一部分導(dǎo)航功能，并且放置了一些站外鏈接、輔助要素等。由于中間內(nèi)容部分寬度有所減少，因此一般這類網(wǎng)頁高度加大了。目前這種布局結(jié)構(gòu)在一些個人、中小型的組織站點和BLOG(博客)中非常常見。


(3)頂行+3列，即一個頁頭蓋在左、中、右3塊之上。

這種布局比上面的布局多了一個頁頭，放置Logo等重要標(biāo)志，這種布局結(jié)構(gòu)一般多用于企業(yè)或者組織的站點，內(nèi)容比較多，導(dǎo)航也由左右兩側(cè)進行分擔(dān)。


(4)頂行+2列(又稱為T字形布局)。

這種布局比第一種布局多了一個頁頭，放置Logo等重要標(biāo)志，這種布局結(jié)構(gòu)一般多用于微型企業(yè)或者組織的站點，內(nèi)容不太多，層次也不太復(fù)雜，導(dǎo)航的壓力也比較小，都集中在左側(cè)。


(5)頂行+N列+尾行。

這種布局一般存在于常見的商務(wù)公司站點，由于內(nèi)容眾多，邏輯層次非常復(fù)雜，導(dǎo)航的壓力非常大，不僅僅是左右兩側(cè)就能夠擺平的。并且這類站點非常注重版權(quán)，一般都有獨立的尾行，專門用于擺放版權(quán)聲明、經(jīng)營許可證號等信息。

此外，如果采用圖片布局或者Flash布局，布局結(jié)構(gòu)可以是任意形狀，比如圓形、不規(guī)則形等，按照表現(xiàn)的需要而定。但是這類布局的應(yīng)用一般限于首頁等比較重要的頁面，會給人耳目一新的感覺，而對于次級頁面采用不規(guī)則形將會使得網(wǎng)站不宜使用和維護。

文章標(biāo)題：網(wǎng)站常見布局的結(jié)構(gòu)
當(dāng)前網(wǎng)址：http://www.muchs.cn/news12/118062.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供面包屑導(dǎo)航、外貿(mào)建站、商城網(wǎng)站、響應(yīng)式網(wǎng)站、域名注冊、做網(wǎng)站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)

h5響應(yīng)式網(wǎng)站建設(shè)