1、區(qū)塊型

為了網(wǎng)站優(yōu)化的效果，目前區(qū)塊型布局現(xiàn)在出現(xiàn)非常頻繁，在網(wǎng)頁(yè)上各個(gè)區(qū)域具有封閉的邊界，經(jīng)過(guò)合理放置顯得清晰美觀。但這種布局有一個(gè)缺點(diǎn)，就是由于片面固定，各區(qū)域很難根據(jù)其中的內(nèi)容的多少而調(diào)整大小，因此該布局不太適用與那些區(qū)域內(nèi)容長(zhǎng)度經(jīng)常變化的網(wǎng)頁(yè)。

2、國(guó)字型

國(guó)字形也可以稱之為是同字型，通常頂部是網(wǎng)站的標(biāo)題，廣告橫幅，然后是網(wǎng)站的主體內(nèi)容，而左右分別是一些較小的內(nèi)容條，中間就是主要內(nèi)容，最底部經(jīng)常會(huì)展示網(wǎng)站的一些基本信息、聯(lián)系方式、版權(quán)聲明等，這種布局方式是目前網(wǎng)上最常見(jiàn)，出現(xiàn)頻率最高的。

3、門戶型

這種網(wǎng)頁(yè)布局最大的特點(diǎn)就是內(nèi)容多，信息量大，圖片較少，一般都是通過(guò)文字排版產(chǎn)生視覺(jué)上的分區(qū)效果。這種版式小編個(gè)人很喜歡，但是以用戶角度分析的話，很容易讓用戶產(chǎn)生視覺(jué)疲勞，很可能會(huì)對(duì)用戶體驗(yàn)造成影響。

4、Flash型

其實(shí)這種布局與下面要說(shuō)的封面型很類型，但它與封面型不同的是，由于Flash強(qiáng)大的功能，因此它頁(yè)面所表達(dá)的的信息更加的豐富，器視覺(jué)效果機(jī)聽(tīng)覺(jué)效果都非常棒，處理的很得當(dāng)，絕對(duì)不亞于傳統(tǒng)的多媒體。

5、左右框架型

該框架結(jié)構(gòu)是將左右分為兩頁(yè)，一般布局都是左邊是導(dǎo)航鏈接，最上面是一個(gè)小的標(biāo)題或標(biāo)致，而右面就是主要內(nèi)容。通常論壇類的網(wǎng)站經(jīng)常會(huì)采用此種布局，該布局的特點(diǎn)是結(jié)構(gòu)清晰明了。

6、拐角型

其實(shí)，這種類型的網(wǎng)站布局與國(guó)字型有很多的相似之處，只是形式上不同而已。最頂部也是網(wǎng)站的標(biāo)題以及網(wǎng)站的橫幅廣告條，最常見(jiàn)的類型就是最上面是標(biāo)題及廣告，左側(cè)是導(dǎo)航鏈接。

7、封面型

這種類型最常出現(xiàn)的就是一些網(wǎng)站的首頁(yè)，多事精美的平面結(jié)合小動(dòng)畫，另外在加上幾個(gè)簡(jiǎn)單的鏈接或僅是一個(gè)“進(jìn)入”鏈接，沒(méi)有任何的提示。

8、標(biāo)題正文型

這種形式的網(wǎng)站布局也非常的常見(jiàn)，一般上面是網(wǎng)站的標(biāo)題，或是類似的東西，接著就是網(wǎng)站的正文內(nèi)容，例如一些文章或注冊(cè)登錄頁(yè)面。

9、上下框架型

這種局部類型與左右框架布局非常的類似，唯一的不同時(shí)這種類型是上下兩頁(yè)的框架。

10、綜合框架型

作為的綜合框架型其實(shí)就是左右框架和上下框架的結(jié)合體。

二、網(wǎng)頁(yè)版面布局有幾種？

八種

1．T型布局

T型布局是指頁(yè)面頂部為橫條網(wǎng)站標(biāo)志和廣告條，下方左半部分為主菜單，右半部分為顯示內(nèi)容的布局。因?yàn)椴藛伪尘帮溙剑w效果類似英文字母T，所以稱之為T型布局，這是網(wǎng)頁(yè)設(shè)計(jì)中使用最廣泛的一種布局方式。其優(yōu)點(diǎn)是頁(yè)面結(jié)構(gòu)清晰，主次分明，是初學(xué)者最容易學(xué)習(xí)的布局方法；缺點(diǎn)是規(guī)矩呆板，如果把握不好，在細(xì)節(jié)和色彩搭配上不注意，容易讓人看了之后感到乏味。

2．“口”型布局

“口”型布局是頁(yè)面上下各有一個(gè)廣告條，左邊是主菜單，右邊是友情鏈接等內(nèi)容，中間是主要內(nèi)容。其優(yōu)點(diǎn)是充分利用了版面，信息量大；缺點(diǎn)是頁(yè)面擁擠，不夠靈活。

3．“國(guó)”型布局

“國(guó)”型布局又稱為“同”型布局，是一些大型網(wǎng)站喜歡使用的布局類型。頁(yè)面頂部是一橫條，橫條左部設(shè)置網(wǎng)站標(biāo)志，右部是橫條廣告，橫條下部是水平放置的主導(dǎo)航欄。導(dǎo)航欄下方分為左中右三欄，左邊一般放置內(nèi)容導(dǎo)航、二級(jí)欄目、注冊(cè)登錄、搜索引擎等，右邊一般放置動(dòng)態(tài)新聞、熱點(diǎn)內(nèi)容、友情鏈接等，中間顯示網(wǎng)頁(yè)的主體內(nèi)容，在頁(yè)面的最下方是一橫條狀菜單或廣告，也可以是網(wǎng)站的一些基本信息、聯(lián)系方式、版權(quán)聲明等。這種布局通常用于主頁(yè)設(shè)計(jì)，主要優(yōu)點(diǎn)是頁(yè)面容納的內(nèi)容多，信息量大。

4．標(biāo)題正文型布局

標(biāo)題正文型布局最上方是標(biāo)題或廣告等內(nèi)容，下方是正文，通常文章頁(yè)面或注冊(cè)頁(yè)面采用此種布局，其特點(diǎn)是簡(jiǎn)潔明快，干擾信息少，較為正規(guī)。

5．“三”型布局

“三”型布局具有簡(jiǎn)潔明快的藝術(shù)效果，適合于藝術(shù)類、收藏類、展示類網(wǎng)站。這種布局往往采用簡(jiǎn)單的圖像和線條代替擁擠的文字，給瀏覽者以強(qiáng)烈的視覺(jué)沖擊，使其感覺(jué)進(jìn)入了一幅完整的畫面，而不是一個(gè)分門別類的超市。它的一級(jí)頁(yè)面和二級(jí)頁(yè)面的鏈接都按行水平排列在頁(yè)面的中部，網(wǎng)站標(biāo)志非常醒目。

6．“川”型布局

“川”型布局比較特殊，整個(gè)頁(yè)面在垂直方向分為3列，網(wǎng)站的內(nèi)容按欄目分布在這3列中，可以最大限度地突出主頁(yè)的索引功能。如果網(wǎng)站欄Bf良多，可以考慮采用這種布局。它和“國(guó)”形布局的主要區(qū)別是：把主內(nèi)容區(qū)換成了各個(gè)二級(jí)頁(yè)面的鏈接，其中的不足是二級(jí)欄目比例不易配置平衡，色彩不易協(xié)調(diào)。

7．POP布局

POP布局像一張宣傳海報(bào)，以一張精美圖片作為頁(yè)面的設(shè)計(jì)中心，在適當(dāng)位置放置主菜單，常用于時(shí)尚類站點(diǎn)。這種布局方式不講究上下和左右的對(duì)稱，但要求平衡有韻律，能達(dá)到動(dòng)感的效果，其優(yōu)點(diǎn)是漂亮吸引入，缺點(diǎn)是速度慢。

8．變化型

采用上述幾種布局的結(jié)合與變化，布局采用上、下、左、右結(jié)合的綜合型框架，再結(jié)合F1ash動(dòng)畫，使頁(yè)面形式更加多樣，視覺(jué)沖擊力更強(qiáng)。

網(wǎng)頁(yè)布局的基本形式主要有上述幾種類型，至于哪種布局類型最好，需要具體問(wèn)題具體分析，要從網(wǎng)站內(nèi)容、頁(yè)面結(jié)構(gòu)和表現(xiàn)形式等多方面進(jìn)行綜合考慮，同時(shí)也需要制作者具有較高的設(shè)計(jì)水平。

三、網(wǎng)站的結(jié)構(gòu)應(yīng)該怎么進(jìn)行布局設(shè)置

網(wǎng)站結(jié)構(gòu)布局是網(wǎng)站建設(shè)重要的一個(gè)環(huán)節(jié)，網(wǎng)站結(jié)構(gòu)布局主要是由網(wǎng)站的策劃人員將網(wǎng)站的布局草稿以及一些具體細(xì)節(jié)，提交給網(wǎng)頁(yè)制作人員。網(wǎng)頁(yè)制作人員就根據(jù)策劃內(nèi)容進(jìn)行網(wǎng)站的建設(shè)，添加內(nèi)容。在建設(shè)網(wǎng)站結(jié)構(gòu)之前，我們一定要清楚一個(gè)道理，網(wǎng)站的結(jié)構(gòu)是否合理對(duì)網(wǎng)站的發(fā)展非常重要。網(wǎng)站的結(jié)構(gòu)是一個(gè)比較大的框架，要怎樣設(shè)計(jì)布局才可以體現(xiàn)出網(wǎng)站的價(jià)值呢？

第一、要根據(jù)網(wǎng)站的主題進(jìn)行的確定以及設(shè)計(jì)網(wǎng)站的主題主要是通過(guò)企業(yè)所在的行業(yè)的一些特性以及目標(biāo)用戶群的一些習(xí)慣。例如，品牌類型的網(wǎng)站建設(shè)講究簡(jiǎn)約大方，在建設(shè)的時(shí)候，一般都是運(yùn)用一些與品牌價(jià)值相關(guān)的方面的內(nèi)容設(shè)計(jì)網(wǎng)站的首頁(yè)，這樣就可以很好地表現(xiàn)出高端、大氣，高貴的特性，這一點(diǎn)也是非常重要的。一般的企業(yè)網(wǎng)站制作主要是以產(chǎn)品的展示以及效益方面為核心，而且更多的時(shí)候是要考慮SEO的優(yōu)化。要怎樣才能將網(wǎng)站的SEO相關(guān)的細(xì)節(jié)展示出來(lái)是十分重要的。所以，企業(yè)的業(yè)務(wù)員在與客戶溝通的時(shí)候，要跟客戶說(shuō)清楚企業(yè)網(wǎng)站的類型是什么。

第二、網(wǎng)站視覺(jué)營(yíng)銷方面的策劃，主要還是要看網(wǎng)站結(jié)構(gòu)設(shè)計(jì)"網(wǎng)頁(yè)制作的視覺(jué)效果"對(duì)于一個(gè)企業(yè)網(wǎng)站，要怎樣建設(shè)才可以體現(xiàn)出網(wǎng)站品牌的特色呢，怎樣表現(xiàn)自己的不同點(diǎn)呢？我們可以通過(guò)視覺(jué)的設(shè)計(jì)，無(wú)論是什么類型的網(wǎng)站，視覺(jué)設(shè)計(jì)永遠(yuǎn)是最要表達(dá)的一個(gè)重點(diǎn)。簡(jiǎn)單來(lái)說(shuō)就是網(wǎng)站的設(shè)計(jì)人員，用戶的體驗(yàn)程度主要是有設(shè)計(jì)人員的專業(yè)程度決定的，而且設(shè)計(jì)師可以通過(guò)自己的高超技術(shù)吸引用戶，把用戶留在網(wǎng)站。搜索引擎是根據(jù)用戶留在網(wǎng)頁(yè)的時(shí)間，來(lái)判斷這個(gè)網(wǎng)站給用戶的體驗(yàn)感。

第三、網(wǎng)頁(yè)制作的結(jié)構(gòu)要根據(jù)用戶的需要進(jìn)行用戶的需求包括什么呢？主要有對(duì)產(chǎn)品的關(guān)注、產(chǎn)品的價(jià)值等等方面的滿足感。因此，網(wǎng)頁(yè)制作人員在布局是要考慮好用戶的需求。還要對(duì)自己產(chǎn)品非常熟悉，服務(wù)方面有什么優(yōu)勢(shì)等等。網(wǎng)站的細(xì)節(jié)完善后，就要將用戶最關(guān)心的問(wèn)題，按照關(guān)注程度進(jìn)行排列。網(wǎng)站首頁(yè)的內(nèi)容設(shè)置用戶最關(guān)注的內(nèi)容，要將網(wǎng)站的重點(diǎn)突出。還要根據(jù)用戶的重視程度進(jìn)行合理的布局。網(wǎng)站的首頁(yè)中部是最具焦點(diǎn)的位置，就放置產(chǎn)品，左側(cè)可以設(shè)置一些企業(yè)動(dòng)態(tài)。右側(cè)可以設(shè)置一些解決方案的分析。不同的位置可以設(shè)置相對(duì)應(yīng)的內(nèi)容，做到合理布局。

第四、對(duì)于一些固定的元素，要更加注重細(xì)節(jié)方面的設(shè)計(jì)因?yàn)檫@些元素幾乎每一個(gè)頁(yè)面都會(huì)有，例如網(wǎng)站導(dǎo)航設(shè)計(jì)有什么需要注意網(wǎng)站導(dǎo)航，網(wǎng)站底部等等。如果是一些文字型的固定元素，要注意排版的格式，是不是方便用戶的訪問(wèn)，特別是文字的顏色使用。

四、什么是框架結(jié)構(gòu)的網(wǎng)頁(yè)

框架結(jié)構(gòu)（幀結(jié)構(gòu)）是指利用<FRAME>將一個(gè)網(wǎng)頁(yè)分為若干個(gè)窗口，這樣可以在一個(gè)頁(yè)面上展示幾個(gè)不同內(nèi)容的網(wǎng)頁(yè)，例如將菜單和網(wǎng)頁(yè)內(nèi)容放到兩個(gè)框架中，這樣當(dāng)拉動(dòng)網(wǎng)頁(yè)內(nèi)容的滾動(dòng)條時(shí)，菜單部分的網(wǎng)頁(yè)可以保持固定不動(dòng)，為瀏覽網(wǎng)頁(yè)帶來(lái)方便。另外，對(duì)于一些內(nèi)容較少的網(wǎng)站，利用框架結(jié)構(gòu)也使得網(wǎng)頁(yè)布局看起來(lái)更加豐富。

但從網(wǎng)絡(luò)營(yíng)銷需要的角度而言，尤其是出于搜索引擎優(yōu)化方面的考慮，最好不要使用框架結(jié)構(gòu)（幀結(jié)構(gòu)）的網(wǎng)頁(yè)設(shè)計(jì)，或者要進(jìn)行特別處理，以便適應(yīng)搜索引擎的檢索規(guī)則?？蚣芙Y(jié)構(gòu)（幀結(jié)構(gòu)）的主要問(wèn)題在于不能為每個(gè)網(wǎng)頁(yè)都設(shè)置一個(gè)標(biāo)題（TITLE），更為糟糕的是，有些搜索引擎對(duì)框架結(jié)構(gòu)的頁(yè)面不能正確處理，會(huì)影響到搜索結(jié)果的排列名次。所以一般情況下，盡可能不采用框架結(jié)構(gòu)。現(xiàn)在一般網(wǎng)站都是采用表格定位的網(wǎng)頁(yè)設(shè)計(jì)

以上就是小編對(duì)于網(wǎng)頁(yè)設(shè)計(jì)框架布局問(wèn)題和相關(guān)問(wèn)題的解答了，如有疑問(wèn)，可撥打網(wǎng)站上的電話，或添加微信。

推薦閱讀：

yy娛樂(lè)排行榜網(wǎng)頁(yè)版（yy娛樂(lè)排行榜網(wǎng)頁(yè)版在線觀看）

巨量引擎為什么打不開(kāi)（巨量引擎為什么打不開(kāi)網(wǎng)頁(yè)）

網(wǎng)頁(yè)版軟件（網(wǎng)頁(yè)版軟件怎么添加到桌面）

上班族怎樣考在職研究生（上班族可以考全日制研究生么）

萬(wàn)科居住區(qū)景觀設(shè)計(jì)（萬(wàn)科居住區(qū)景觀設(shè)計(jì)圖）