網站常見布局的結構
2021-06-20 分類： 網站建設
常見布局的結構
布局的結構指整個網頁的大體骨架，在其確定結構之前，應該將布局的版面大小確定好。版面一般根據主流屏幕的分辨率而定，并且遵循向下兼容的原則。一般而言，用戶對于拖動橫向滾動條非常反感，而比較愿意拖動縱向滾動條。因此，對于布局的版面而言，一般只有寬度的限制，而高度是隨著內容增多而自動增加的。由于瀏覽器的邊框和縱向滾動條要占用一些寬度，在網頁布局設計的時候，對應于屏幕分辨率640×480、800×600、1024×768，版面的寬度應該設計為620 px、780 px、1 000 px。
布局的結構指整個網頁的大體骨架，在其確定結構之前，應該將布局的版面大小確定好。版面一般根據主流屏幕的分辨率而定，并且遵循向下兼容的原則。一般而言，用戶對于拖動橫向滾動條非常反感，而比較愿意拖動縱向滾動條。因此，對于布局的版面而言，一般只有寬度的限制，而高度是隨著內容增多而自動增加的。由于瀏覽器的邊框和縱向滾動條要占用一些寬度，在網頁布局設計的時候，對應于屏幕分辨率640×480、800×600、1024×768，版面的寬度應該設計為620 px、780 px、1 000 px。
(1) 2列，即整個布局結構只有左右2大塊。
這種布局結構一般將主要導航放在左側，右側則放置內容。是早期網頁布局的主要方式，目前也常用于一些個人、小型的組織站點中。powerpoint另存為網頁也是生成這樣的布局結構，一些BBS也是用這樣的結構。
(2) 3列，即整個布局分為左中右3大塊。
這種3列布局比上面的布局多了一欄右側的導航，由于網站內容越來越豐富，僅僅靠左側欄提供導航顯得有些不足。右側欄提供了一部分導航功能，并且放置了一些站外鏈接、輔助要素等。由于中間內容部分寬度有所減少，因此一般這類網頁高度加大了。目前這種布局結構在一些個人、中小型的組織站點和BLOG(博客)中非常常見。
(3)頂行+3列，即一個頁頭蓋在左、中、右3塊之上。
這種布局比上面的布局多了一個頁頭，放置Logo等重要標志，這種布局結構一般多用于企業或者組織的站點，內容比較多，導航也由左右兩側進行分擔。
(4)頂行+2列(又稱為T字形布局)。
這種布局比第一種布局多了一個頁頭，放置Logo等重要標志，這種布局結構一般多用于微型企業或者組織的站點，內容不太多，層次也不太復雜，導航的壓力也比較小，都集中在左側。
(5)頂行+N列+尾行。
這種布局一般存在于常見的商務公司站點，由于內容眾多，邏輯層次非常復雜，導航的壓力非常大，不僅僅是左右兩側就能夠擺平的。并且這類站點非常注重版權，一般都有獨立的尾行，專門用于擺放版權聲明、經營許可證號等信息。
此外，如果采用圖片布局或者Flash布局，布局結構可以是任意形狀，比如圓形、不規則形等，按照表現的需要而定。但是這類布局的應用一般限于首頁等比較重要的頁面，會給人耳目一新的感覺，而對于次級頁面采用不規則形將會使得網站不宜使用和維護。
文章標題：網站常見布局的結構
當前網址：http://m.2m8n56k.cn/news12/118062.html
成都網站建設公司_創新互聯，為您提供面包屑導航、外貿建站、商城網站、響應式網站、域名注冊、做網站
聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯
猜你還喜歡下面的內容
- 網站日志分析 2021-06-20
- 網站底部導航要怎么設置 2021-06-20
- 怎么提高網站的轉化率？ 2021-06-20
- 網頁字體大小與樣式的設定 2021-06-20
- 營銷型網站具有哪些特征 2021-06-19
- 談談網站文化與網頁設計 2021-06-19
- 使用CSS樣式表美化列表 2021-06-19
- 制作網站首頁需要重視哪些方面？ 2021-06-20
- 建設一個營銷型網站需要多少錢呢？ 2021-06-20
- 網站如何做好seo準備工作 2021-06-20
- 域名和服務器空間常識 2021-06-20
- 娛樂類網站 2021-06-20
- 你不得不看的網站運營？ 2021-06-20
- 搭建網站常用的幾種布局類型 2021-06-19
- 你的網站可以完美的回答訪客這五個問題嗎？ 2021-06-19
- 你知道如何對新站進行優化嗎 2021-06-19
- 人工智能如何改變網頁設計 2021-06-19
- 顯示有Css樣式表的XML文檔 2021-06-19
- 網頁設計要符合廣大瀏覽用戶的審美習慣 2021-06-19