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

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

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


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

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


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

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


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

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


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

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


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

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

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

分享題目：網(wǎng)站常見(jiàn)布局的結(jié)構(gòu)
瀏覽地址：http://muchs.cn/news/118062.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站設(shè)計(jì)、服務(wù)器托管、App設(shè)計(jì)、定制開(kāi)發(fā)、外貿(mào)建站、微信公眾號(hào)

廣告

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

成都seo排名網(wǎng)站優(yōu)化