網(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。
布局的結(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://aaarwkj.com/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)
猜你還喜歡下面的內(nèi)容
- 網(wǎng)站日志分析 2021-06-20
- 網(wǎng)站底部導(dǎo)航要怎么設(shè)置 2021-06-20
- 怎么提高網(wǎng)站的轉(zhuǎn)化率？ 2021-06-20
- 網(wǎng)頁(yè)字體大小與樣式的設(shè)定 2021-06-20
- 營(yíng)銷型網(wǎng)站具有哪些特征 2021-06-19
- 談?wù)劸W(wǎng)站文化與網(wǎng)頁(yè)設(shè)計(jì) 2021-06-19
- 使用CSS樣式表美化列表 2021-06-19
- 制作網(wǎng)站首頁(yè)需要重視哪些方面？ 2021-06-20
- 建設(shè)一個(gè)營(yíng)銷型網(wǎng)站需要多少錢呢？ 2021-06-20
- 網(wǎng)站如何做好seo準(zhǔn)備工作 2021-06-20
- 域名和服務(wù)器空間常識(shí) 2021-06-20
- 娛樂(lè)類網(wǎng)站 2021-06-20
- 你不得不看的網(wǎng)站運(yùn)營(yíng)？ 2021-06-20
- 搭建網(wǎng)站常用的幾種布局類型 2021-06-19
- 你的網(wǎng)站可以完美的回答訪客這五個(gè)問(wèn)題嗎？ 2021-06-19
- 你知道如何對(duì)新站進(jìn)行優(yōu)化嗎 2021-06-19
- 人工智能如何改變網(wǎng)頁(yè)設(shè)計(jì) 2021-06-19
- 顯示有Css樣式表的XML文檔 2021-06-19
- 網(wǎng)頁(yè)設(shè)計(jì)要符合廣大瀏覽用戶的審美習(xí)慣 2021-06-19