網站布局圖是什麼

A. 網頁版面布局有幾種

八種
1．T型布局
T型布局是指頁面頂部為橫條網站標志和廣告條，下方左半部分為主菜單，右半部分為顯示內容的布局。因為菜單背景餃探，整體效果類似英文字母T，所以稱之為T型布局，這是網頁設計中使用最廣泛的一種布局方式。其優點是頁面結構清晰，主次分明，是初學者最容易學習的布局方法；缺點是規矩呆板，如果把握不好，在細節和色彩搭配上不注意，容易讓人看了之後感到乏味。
2．「口」型布局
「口」型布局是頁面上下各有一個廣告條，左邊是主菜單，右邊是友情鏈接等內容，中間是主要內容。其優點是充分利用了版面，信息量大；缺點是頁面擁擠，不夠靈活。
3．「國」型布局
「國」型布局又稱為「同」型布局，是一些大型網站喜歡使用的布局類型。頁面頂部是一橫條，橫條左部設置網站標志，右部是橫條廣告，橫條下部是水平放置的主導航欄。導航欄下方分為左中右三欄，左邊一般放置內容導航、二級欄目、注冊登錄、搜索引擎等，右邊一般放置動態新聞、熱點內容、友情鏈接等，中間顯示網頁的主體內容，在頁面的最下方是一橫條狀菜單或廣告，也可以是網站的一些基本信息、聯系方式、版權聲明等。這種布局通常用於主頁設計，主要優點是頁面容納的內容多，信息量大。
4．標題正文型布局
標題正文型布局最上方是標題或廣告等內容，下方是正文，通常文章頁面或注冊頁面採用此種布局，其特點是簡潔明快，干擾信息少，較為正規。
5．「三」型布局
「三」型布局具有簡潔明快的藝術效果，適合於藝術類、收藏類、展示類網站。這種布局往往採用簡單的圖像和線條代替擁擠的文字，給瀏覽者以強烈的視覺沖擊，使其感覺進入了一幅完整的畫面，而不是一個分門別類的超市。它的一級頁面和二級頁面的鏈接都按行水平排列在頁面的中部，網站標志非常醒目。
6．「川」型布局
「川」型布局比較特殊，整個頁面在垂直方向分為3列，網站的內容按欄目分布在這3列中，可以最大限度地突出主頁的索引功能。如果網站欄Bf良多，可以考慮採用這種布局。它和「國」形布局的主要區別是：把主內容區換成了各個二級頁面的鏈接，其中的不足是二級欄目比例不易配置平衡，色彩不易協調。
7．POP布局
POP布局像一張宣傳海報，以一張精美圖片作為頁面的設計中心，在適當位置放置主菜單，常用於時尚類站點。這種布局方式不講究上下和左右的對稱，但要求平衡有韻律，能達到動感的效果，其優點是漂亮吸引入，缺點是速度慢。
8．變化型
採用上述幾種布局的結合與變化，布局採用上、下、左、右結合的綜合型框架，再結合F1ash動畫，使頁面形式更加多樣，視覺沖擊力更強。
網頁布局的基本形式主要有上述幾種類型，至於哪種布局類型最好，需要具體問題具體分析，要從網站內容、頁面結構和表現形式等多方面進行綜合考慮，同時也需要製作者具有較高的設計水平。

B. 網頁設計的布局有哪幾種

網頁設計的布局有哪幾種？

1.「國」字型：

2.拐角型：

3.標題正文型：

4.左右框架型：

5.上下框架型：

6.綜合框架型：

7.封面型：

8.Flash型：網頁設計

9.變化型：網頁設計

C. 網頁效果圖的網頁布局分類

網頁布局大致可分為：骨骼型、滿版型、分割型、對稱型、傾斜型、焦點型、三角型、自由型。下面分別論述。詳例請參照圖片冊。
（1）骨骼型描述：網頁中骨骼型是一種規范、嚴謹的分割方式，也是最為普通和最為常見的一種形式，類似報刊的版式。常見的網頁骨骼有豎向通欄、雙欄、三欄、四欄和橫向通欄、雙欄、三欄和四欄等。通常以豎向分欄居多。這種版式給人以和諧、理性的美。
（2）滿版描述：滿版型頁面以圖像充滿整版。主要以圖像為訴求點，可將部分文字置於圖像之上。視覺傳達效果直觀而突出。給人以生動大方人感覺。滿版型版式被各種網站所採用，以學校、娛樂、體育、藝術、兒童以及個性化網頁，其中以韓國網站居多。
（3）分割型描述：分割型版式指把整個頁面分成上下或左右兩部分，分別安排圖片或文字內容。兩部分形成對比，使圖片部分感性而具表現力，文字部分則理性而具說服力。可以調整圖片和文字所佔的面積比例，來調節對比強弱。如果圖片比例過大，文字字體過於纖細，段落疏鬆，會造成視覺心理的不平衡，顯得生硬。
（4）中軸或對稱型描述：中軸型版式是將圖片和文字沿瀏覽器窗口的中間軸心位置作水平或垂直方向排列的一種設計方式。沿中軸水平方向排列的頁面可以給人穩定、平靜、含蓄的感覺，沿中軸垂直方向排列的頁面可以給人以舒暢的感覺。採用這種版式設計的網頁比較適合做網站的首頁。
（5）焦點型描述：焦點型的網頁版式通過對瀏覽者視線人誘導，可以使頁面產生強烈的視覺效果，如集聚感或膨脹感等。中心焦點型是將圖片或文字置於頁面的視覺中心。向心焦點型是視覺元素引導瀏覽者人視線向頁面中心聚攏。離心焦點型是視覺元素引導瀏覽者的視線向外輻射。焦點型版式為各類網站使用，以體育、娛樂、動畫網站為多。
（6）傾斜或曲線型描述：傾斜型頁面主題形象或多幅圖片、文字作傾斜編排，形成不穩定感或強烈的動感，引人注目。此類網站版式為各類網站所採用。曲線型網站圖片、文字在頁面上作曲線的分割或編排構成，產生韻律與節奏。此類網站版式為各類網站所採用。
（7）三角型描述：三角型版式是指見面各視覺元素呈三角形或多角形排列。正三角形最具穩定性，倒三角形則可產生動感。側三角形構成一種均衡版式，既安定又有動感。三角形版式為各類網站所採用。
（8）自由型描述：自由型版式人頁面具有活潑、輕快人氣氛。自由型版式也可應用於多種網站。如網路、娛樂、體育、個人、商務等。
以上介紹的版式基本類型並不是固定不變的，在實際設計中，設計師可以根據網頁所要傳達的主題內容來靈活地變化版式。在設計前要認真分析網站的定位，在設計中要靈活把握版式結構，才能更好地達到設計目的。

D. 常用的幾種網頁布局類型

現在網頁布局是網頁設計當中非常重要的一環，很多客戶可能都會糾結甚至會涉足網頁設計和布局的工作當中，可以說一個好的布局不僅能夠給企業帶來長期發展的前景，不知道大家都了解哪幾種形式，北大青鳥昆明計算機學院http://www.kmbdqn.cn/給大家總結了以下幾種布局類型，在你UI設計工作中可以根據具體需求來做分析。

1.國字型布局，一些大型網站更傾向於這種布局類型，即最上面是網站的標題和橫幅廣告條，接下來是網站的主要內容，中間是主要部分，左右分出兩小條內容，這種結構是我們在網上見過的差不多最多的一種結構類型。

2.匡字型布局，這種結構與國字型布局只是形式上的區別，這樣的布局形式釋放了更多空間，接下來的左側也是一窄列的鏈接，右側是很寬的正文.

3.左右框架型，這種結構與上一種只是形式上的區別，但其實很相近，上面是標題和廣告橫幅，接下來的左側是一窄列鏈接，右側就是非常正規的正文，下面是網站的輔助信息，這種類型是一種很常見的結構類型。我們見到的大部分的大型論壇都採用這種結構，當然也有一些企業網站也喜歡採用。

4.上下框架型，其實質與左右框架類似，區別只是這種類型是一種上下分為兩頁的框架。這種類型的布局形式大多在一些文章頁面或者是注冊頁面會出現。

5.川字型布局，整個頁面在垂直方向上分為三列，網站的內容按照欄目肺部在這三列當中，最大限度的突出主業的索引功能。

6.F型布局，這種布局方式屬於傳統的布局方式，更依賴於視覺線索，更好地控制用戶的視覺路徑，相比較來講，F布局也更加自然，更加友好。F式布局符合用戶的瀏覽習慣，更自然。符合「從上到下，從左到右」的閱讀模式。

最後還有兩種網頁布局類型，一種是Flash型局部形式，另一種是封面型布局形式，下邊兩組，小編就不添加圖片了，這兩種形式的布局，大家應該很好理解。

E. 幾種常見網頁布局設計

網頁設計的布局有哪幾種？
1.「國」字型：
網頁設計也可以稱為「同」字型，是一些大型網站所喜歡的類型，即最上面是網站的標題以及橫幅廣告條，接下來就是網站的主要內容，左右分列一些兩小條內容，中間是主要部分，與左右一起羅列到底，最下面是網站的一些基本信息、聯系方式、版權聲明等。這種結構是我們在網上見到的差不多最多的一種結構類型。

2.拐角型：
這種結構與上一種其實只是形式上的區別，其實是很相近的，上面是標題及廣告橫幅，接下來的左側是一窄列鏈接等，右列是很寬的正文，下面也是一些網站的輔助信息。在這種類型中，一種很常見的類型是最上面是標題及廣告，左側是導航鏈接。

3.標題正文型：
這種類型即最上面是標題或類似的一些東西，下面是正文，比如一些文章頁面或注冊頁面等就是這種類。

4.左右框架型：
這是一種左右為分別兩頁的框架結構，一般左面是導航鏈接，有時最上面會有一個小的標題或標致，右面是正文。我們見到的大部分的大型論壇都是這種結構的，有一些企業網站也喜歡採用。這種類型結構非常清晰，一目瞭然。

5.上下框架型：
與上面類似，區別僅僅在於是一種上下分為兩頁的框架。

6.綜合框架型：
上頁兩種結構的結合，相對復雜的一種框架結構，較為常見的是類似於「拐角型」結構的，只是採用了框架結構。

7.封面型：
這種類型基本上是出現在一些網站的首頁，大部分為一些精美的平面設計結合一些小的動畫，放上幾個簡單的鏈接或者僅是一個「進入」的鏈接甚至直接在首頁的圖片上做鏈接而沒有任何提示。這種類型大部分出現在企業網站和個人主頁，如果說處理的好，會給人帶來賞心悅目的感覺。

8.Flash型：網頁設計
其實這與封面型結構是類似的，只是這種類型採用了目前非常游戲行的Flash，與封面型不同的是，由於Flash強大的功能，頁面所表達的信息更豐富，其視覺效果及聽覺效果如果處理得當，絕不差於傳統的多媒體。

9.變化型：網頁設計
即上面幾種類型的結合與變化，比如本站在視覺上是很接近拐角型的，但所實現的功能的實質是那種上、左、右結構的綜合框架型。

F. 什麼是網頁的版面布局

網頁布局方法很多,根據各人不同的喜好布局也不同:通常的布局方法有以下幾種:
一.通過表格來布局
表格布局的優勢在於它能對不同對象加以處理，而又不用擔心不同對象之間的影響。而且表格在定點陣圖片和文本上比起用CSS更加方便。表格布局唯一的缺點是，當你用了過多表格時，頁面下載速度受到影響
二.通過層疊樣式表來布局
CSS(層疊樣式表)被提出來，它能完全精確的定位文本和圖片。CSS對於初學者來說顯得有點復雜，但它的確是一個好的布局方法。你曾經無法實現的想法利用CSS都能實現
三.通過框架來布局
框架結構的頁面被許多人不喜歡，可能是因為它的兼容性。但從布局上考慮，框架結構不失為一個好的布局方法。它如同表格布局一樣，把不同對象放置到不同頁面加以處理，因為框架可以取消邊框，所以一般來說不影響整體美觀

G. 網頁製作的結構布局有哪些

布局就是以最合適瀏覽的方式將圖片和文字排放在頁面的不同位置。不同的製作者會有不同的布局設計。網頁布局有以下幾種常見結構：
1.「同」字型結構布局
所謂同字型就夠就是指頁面頂部為「網站標志+廣告條+主菜單」或主菜單，下方左側為二級欄目條，右側為鏈接欄目條，屏幕中間顯示具體內容的布局。
這種布局的優點是充分利用版面，頁面結構清晰，左右堆成，主次分明，信息量大；缺點是頁面擁擠，太規矩呆板，如果細節色彩上缺少變化調劑，很容易讓人感到單調缺乏。
2.「國」字型布局
「國」字型布局是在「同」字型布局基礎上演化而來的，在保留「同」字型的同時，在頁面的下方增加一橫條狀的菜單或廣告，是一些大型網站所喜歡的類型。一般最上面是網站標題及橫幅廣告條，接下來就是網站的主要內容，左右分列一些兩小條內容，中間是主要部分，與左右一起羅列到底，最下面是網站的一些基本信息、聯系方式、版權聲明等。這種結構是在網上見到的最多的一種結構類型。
這種布局的優點是充分利用版面，信息量大，與其他頁面的鏈接切換方便，缺點是頁面擁擠，四面封閉，令人感到憋氣。
3.T型布局
這是一個形象的說法，是指頁面的頂部是「網站標志+廣告條」，左面是主菜單，右面是主要內容。這種布局的優點是頁面結構清晰、主次分明，是初學者最容易上手的布局方法；缺點是頁面呆板，如果不注意細節上的色彩，很容易讓人「看之無味」。
4.「三」字型布局
這種布局多用於國外站點，國內用得不多。特點是在頁面上有橫向兩條色塊，將頁面整體分割為但部分，色塊中大多放廣告條、更新和版權提示。
5.對比布局
顧名思義，這種布局採用左右或者上下對比的方式：一半深色，一半淺色。一般用於設計型站點。優點是視覺沖擊力強；缺點是將兩部分有機地結合比較困難。
6.POP布局
POP引自廣告術語，是指頁面布局像一張宣傳海報，一一張精美的圖片作為頁面的設計中心。這種類型基本上是出現在一些網站的首頁，大部分為一些精美的平面設計結合一些小的動畫，放上幾個簡單的鏈接或者僅是一個「進入」的鏈接，甚至直接在首頁的圖片上做鏈接而沒有任何提示。這種布局大部分出現在企業網站和個人主頁，如果處理得好的話，會給人帶來賞心悅目的感覺。
7.Flash布局
這種布局是指整個或大部分幅面的網頁本身就是一個Flash動畫，它本身就是動態的，畫面一般不叫絢麗、有趣，是一種比較新潮的布局方式。其實這與封面型結構是類似的，只是這種類型才採用了目前非常流行的Flash，與封面型不同的是，由於Flash強大的功能，頁面所表達的信息更豐富，其視覺效果及聽覺效果如果處理得當，絕不差於傳統的多媒體。

H. 網頁布局有哪些類型

1、“國”字型

也可成為“同”字型，一般的大型網站都喜歡使用這種類型的網頁布局，也是網上最常見的網頁布局結構類型。在網頁上方是網站標題和橫幅廣告條;然後是網站主要內容，左右各分列兩小條內容，中間則是主要部分，一起羅列到底;最下方則是網站一些基本信息、聯系方式、版權聲明等。

2、拐角型

拐角型與國字型設計很相近，只是形式上的區別。在網頁上方是網站標題和廣告橫幅;然後左側是一窄列鏈接或導航鏈接，右側是網站正文;最下方也是一些網站輔助信息。

3、標題正文型

標題正文型在最上方是標題或一些類似信息;下方則是正文信息，即文章頁面或注冊頁面等。

4、左右框架型

左右框架型是一種左右為分別兩頁的框架結構布局，這種類型業非常清晰且一幕瞭然。一般左側是導航鏈接，在最上方有個小標題或標志;右側則是正文。

5、上下框架型

上下框架型是一種上下為分別兩頁的框架結構布局。一般上方是導航鏈接，下方則是正文。

6、封面型

封面型基本上是一些網站首頁的設計布局，大部分出現在企業網站和個人主頁上。多數是一些精美平面設計結合一些小的動畫設計，再配上幾個簡單的鏈接或是設計一個”進入“鏈接，也可以直接再網站首頁圖片上做鏈接。