網(wǎng)站建設(shè)中網(wǎng)頁設(shè)計(jì)布局大致可分為：“國”字型、拐角型、標(biāo)題正文型、左右框架型、上下框架型、綜合框架型、封面型、Flash型、變化型這九種。
口型布局 口型布局的頁面上下各有一個廣告條，左側(cè)是主菜單，右側(cè)放置友情鏈接等內(nèi)容，中間是主要內(nèi)容，如圖 (b)所示?？谛筒季值膬?yōu)點(diǎn)是充分利用版面，信息量大。其缺點(diǎn)是頁面擁擠，不夠靈活。
流動布局（html網(wǎng)頁默認(rèn)的布局方式）特點(diǎn)：塊狀元素都會在所處的包含元素內(nèi)自上而下按順序垂直延伸分布，因?yàn)樵谀J(rèn)狀態(tài)下，塊狀元素的寬度都為100%。內(nèi)聯(lián)元素都會在所處的包含元素內(nèi)從左到右水平分布顯示。
對稱對比布局 顧名思義，它指采取左右或者上下對稱的布局，一半深色，一半淺色，一般用于設(shè)計(jì)型網(wǎng)站。其優(yōu)點(diǎn)是視覺沖擊力強(qiáng)，缺點(diǎn)是將兩部分有機(jī)地結(jié)合比較困難。
網(wǎng)頁布局有以下幾種常見結(jié)構(gòu)：【1】“國字”型布局：“國”字型布局由“同”字型布局進(jìn)化而來，因布局結(jié)構(gòu)與漢字“國”相似而得名。
常見的網(wǎng)頁布局形式：T字型、口型、三字型、對稱對比布局、pop布局，三字型網(wǎng)頁多見于政府網(wǎng)站?！叭毙筒季志哂泻啙嵜骺斓乃囆g(shù)效果，適合于藝術(shù)類、收藏類、展示類網(wǎng)站。
控制導(dǎo)航數(shù)量一個網(wǎng)站內(nèi)的導(dǎo)航欄數(shù)量最好不要超過7個。這樣不僅能凸顯導(dǎo)航的作用，還能避免給用戶留下雜亂無章的印象。首要導(dǎo)航放首位無論是搜索、關(guān)于我們、首頁還是購物車，都應(yīng)該讓用戶一眼就能看到。
）、利用導(dǎo)航突破關(guān)鍵詞排名 如果你在SEO行業(yè)有一段時間，你會發(fā)現(xiàn)一個問題，某個關(guān)鍵詞熱度高的詞，怎樣做排名都無法提升，這個時候，其實(shí)你可以充分利用，網(wǎng)站導(dǎo)航的高權(quán)重，將該內(nèi)容頁面，寫入網(wǎng)站導(dǎo)航。
新建html頁面 打開html編輯軟件，新建一個html頁面。如圖：添加導(dǎo)航標(biāo)簽 在標(biāo)簽里新建一個標(biāo)簽，然后在標(biāo)簽里添加幾個標(biāo)簽。如圖：在標(biāo)簽內(nèi)添加文字。在新建的添加要顯示的內(nèi)容。
打開Dreamweaver軟件應(yīng)用程序，這里用的是cs6版本。打開“文件”菜單，在下拉中找到“新建(N)”，或者用快捷鍵ctrl+n來直接新建一個html文檔。
導(dǎo)航欄設(shè)計(jì)是網(wǎng)站建設(shè)中非常重要的一個環(huán)節(jié)，設(shè)計(jì)一款可用的、足夠吸引人的導(dǎo)航，是多么的重要。若想要你的網(wǎng)站足夠吸引人，必須要掌握如下幾點(diǎn)要點(diǎn)。
導(dǎo)航欄基本都是橫排、豎排列的，看到的大部分都是橫排排列的，每個人都有自己的方法做出好看的導(dǎo)航排列，方法有很多種，選擇自己快速的方法即可。
網(wǎng)頁設(shè)計(jì)一般分為三種大類：功能型網(wǎng)頁設(shè)計(jì)（服務(wù)網(wǎng)站&B/S軟件用戶端）、形象型網(wǎng)頁設(shè)計(jì)（品牌形象站）、信息型網(wǎng)頁設(shè)計(jì)（門戶站）。設(shè)計(jì)網(wǎng)頁的目的不同，應(yīng)選擇不同的網(wǎng)頁策劃與設(shè)計(jì)方案。
網(wǎng)頁布局有以下幾種常見結(jié)構(gòu)： “同”字型結(jié)構(gòu)布局 所謂同字型就夠就是指頁面頂部為“網(wǎng)站標(biāo)志+廣告條+主菜單”或主菜單，下方左側(cè)為二級欄目條，右側(cè)為鏈接欄目條，屏幕中間顯示具體內(nèi)容的布局。
左右框架型布局結(jié)構(gòu)是一些大型論壇和企業(yè)經(jīng)常使用的一種布局結(jié)構(gòu)。其布局結(jié)構(gòu)主要分為左右兩側(cè)的頁面。左側(cè)一般主要為導(dǎo)航欄鏈接，右側(cè)則放置網(wǎng)站的主要內(nèi)容.【5】上下框架型 上下框架型布局與前面的左右框架型布局類似。
這也是現(xiàn)在網(wǎng)上見到的差不多最多的一種結(jié)構(gòu)類型。拐角型：這種類型其實(shí)與國字型很相近的，只是在形式上不一樣，最上面的部分是網(wǎng)站的標(biāo)題以及網(wǎng)站的橫幅廣告條，一種很常見的類型是最上面是標(biāo)題及廣告，左側(cè)是導(dǎo)航鏈接。
一：星型結(jié)構(gòu) 這種結(jié)構(gòu)是目前在局域網(wǎng)中應(yīng)用得最為普遍的一種，在企業(yè)網(wǎng)絡(luò)中幾乎都是采用這一方式。
頻道導(dǎo)航型頁面是以網(wǎng)站頻道導(dǎo)航為主的頁面，常用于頻道比較多的網(wǎng)站首頁。如，導(dǎo)航性質(zhì)的網(wǎng)站和目錄網(wǎng)站。頻道導(dǎo)航的優(yōu)點(diǎn)是可以設(shè)置一個頻道導(dǎo)航更好地展示公司的產(chǎn)品。
1、在網(wǎng)頁設(shè)計(jì)中，頁面布局是至關(guān)重要的。本文將介紹三種經(jīng)典布局：T型、口型與POP，幫助讀者更好地了解它們的特點(diǎn)和適用場景。T型布局以橫條作為頂部標(biāo)志和廣告區(qū)域，左半部分為主菜單，右半部分則是內(nèi)容的舞臺。
2、網(wǎng)頁布局有以下幾種常見結(jié)構(gòu)： “同”字型結(jié)構(gòu)布局 所謂同字型就夠就是指頁面頂部為“網(wǎng)站標(biāo)志+廣告條+主菜單”或主菜單，下方左側(cè)為二級欄目條，右側(cè)為鏈接欄目條，屏幕中間顯示具體內(nèi)容的布局。
3、T型布局是指頁面頂部為橫條網(wǎng)站標(biāo)志和廣告條，下方左半部分為主菜單，右半部分為顯示內(nèi)容的布局。因?yàn)椴藛伪尘帮溙剑w效果類似英文字母T，所以稱之為T型布局，這是網(wǎng)頁設(shè)計(jì)中使用最廣泛的一種布局方式。
4、網(wǎng)站建設(shè)的常見頁面布局有哪些？網(wǎng)站建設(shè)中網(wǎng)頁布局大致可分為“國”字型、拐角型、標(biāo)題正文型、左右框架型、上下框架型、綜合框架型、封面型、Flash型、變化型等，下面分別論述。
APP 抽屜式導(dǎo)航——適合信息層級多的界面設(shè)計(jì) 抽屜式導(dǎo)航常常與標(biāo)簽導(dǎo)航結(jié)合使用。如果一款產(chǎn)品的信息層級非常多，一屏無法將所有內(nèi)容全部展示，這是便可選擇抽屜式導(dǎo)航，將部分菜單隱藏，突出核心功能，節(jié)省頁面展示空間。
跳板式導(dǎo)航的特征是，登錄界面中的菜單選項(xiàng)就是進(jìn)入各個應(yīng)用的起點(diǎn)。
舵式導(dǎo)航可以看為底部標(biāo)簽式導(dǎo)航的一種變體。它在后者的基礎(chǔ)上，突出強(qiáng)調(diào)了一個標(biāo)簽并且放在中間的位置，樣子看起來像攢了一個舵，所以取名為舵式導(dǎo)航。
交互設(shè)計(jì)類型：這種類型的設(shè)計(jì)包括頁面布局、操作交互等，旨在通過設(shè)計(jì)來提升用戶的交互體驗(yàn)，讓用戶在使用產(chǎn)品時能夠更加便捷自如。
完美適用于卡片式布局：設(shè)計(jì)師可以在頁面展示大量的內(nèi)容，同時以彈出的方式顯示信息來節(jié)省空間；七：模態(tài) 由于涉及到交互，模態(tài)是一種交流重要信息的方式。
