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