一個網頁分成4個部分：頂部區、橫幅區、板式區、底部區。對于剛接觸建站的小伙伴來說，這4個部分的劃分、作用都不太清晰，今天創新互聯就來介紹下從這4個部分如何進行網站建設。

一、通欄布局

這種布局方式讓視線不再受到方框的限制，比起上面的布局方式，自然多了些大氣、開闊的味道來。另外，主視覺部分還可以靈活處理，既可以向上拓展到logo和導航的頂部位置，也可以向下拓展到內容區域，這種布局方式也是非常常見的布局方式。

二、導航在主視覺下方的布局

這種雖然不多，但也時不時能看到，導航放在banner下面的好處是可以彌補banner中設計素材截斷的缺點，讓設計看上去完整、自然。所以說布局的方式受到多方面因素的影響，不僅考慮到信息內容所占據的空間，還包括你手頭現有的素材。

三、左中右布局

這種布局方式不常見到，但卻是非常富有新鮮感的布局方式，如果你已經做膩歪了水平分割的設計，嘗試一下這種布局也未嘗不是一種好的選擇。

四、環繞式布局

這種布局方式看上去更加靈活，banner區域相對較小，就可以在頁面放置更多的信息內容。

四大區域具體應該如何建設

一、頂部區

網站頂部導航欄目的內容一般有：品牌logo、菜單、搜索框、提示消息、登錄/注冊、聯系方式、語言切換等，當然，網站的類型不一樣，這里面的內容就會不一樣，就會有一些變動。除了頂級菜單在導航中顯示外，企業的下級菜單都需要隱藏，是通過將一些次要的信息隱藏來釋放頁面的空間，這樣使頂部欄更加的清爽簡潔，用戶的注意力可以更好的集中在那些重要的信息上。雙層菜單這種設計很新潮，所以越來越受設計師的青睞。雙層菜單主要是解決頂部導航欄需要展示的內容太多，而且某些功能不屬于同一層級，這時候可以使用雙層菜單。

二、橫幅區

橫幅區位于頂部區下方，只出現在網站主頁，是公司展示其營銷信息的一種推廣形式。橫幅區屬于頁面的黃金區域，用戶進入網站，首先注意到的是頂部區和橫幅區，橫幅區又因為占比面積大，最易吸引用戶注意。

用戶通常會把橫幅區看作帶有公司信息或網站產品信息的圖片集，可以幫助用戶對企業的相關產品或服務留下初步了解。由于橫幅區可以設置多張圖片，因此多呈現滾動形式。

三、板式區

板式區是整個網站中占比大的部分。這個區域是整個頁面中信息量大的部分，也是用戶最關注的部分。板式區最能體現網站的整體設計與布局，此部分規劃不好，會使得整體混亂。

四、底部區

底部區位于頁面底部，與頂部區相互呼應。底部區和頂部區都是作用于網站的所有頁面。因為大多數用戶只把底部區看做一個預示網頁結束的信號，所以一般不太會留意。但是，只要用得好，底部區也是具有很重要的作用。

分享題目：淺析網站建設的四大區域如何建設?
網頁鏈接：http://m.newbst.com/news48/48298.html

網站建設、網絡推廣公司-創新互聯，是專注品牌與效果的網站制作，網絡營銷seo公司；服務項目有網站建設等

廣告

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