正文

常見的四種網(wǎng)頁(yè)布局結(jié)構(gòu)（常見的網(wǎng)頁(yè)布局分類）

發(fā)布時(shí)間：2023-04-14 18:58:44 稿源：創(chuàng)意嶺閱讀： 71

大家好！今天讓創(chuàng)意嶺的小編來大家介紹下關(guān)于常見的四種網(wǎng)頁(yè)布局結(jié)構(gòu)的問題，以下是小編對(duì)此問題的歸納整理，讓我們一起來看看吧。

開始之前先推薦一個(gè)非常厲害的Ai人工智能工具，一鍵生成原創(chuàng)文章、方案、文案、工作計(jì)劃、工作報(bào)告、論文、代碼、作文、做題和對(duì)話答疑等等

只需要輸入關(guān)鍵詞，就能返回你想要的內(nèi)容，越精準(zhǔn)，寫出的就越詳細(xì)，有微信小程序端、在線網(wǎng)頁(yè)版、PC客戶端

官網(wǎng)：https://ai.de1919.com。

創(chuàng)意嶺作為行業(yè)內(nèi)優(yōu)秀的企業(yè)，服務(wù)客戶遍布全球各地，如需了解SEO相關(guān)業(yè)務(wù)請(qǐng)撥打電話175-8598-2043，或添加微信：1454722008

本文目錄:

1、網(wǎng)頁(yè)布局結(jié)構(gòu)有哪些
2、網(wǎng)頁(yè)組成結(jié)構(gòu)
3、常見的幾種WEB網(wǎng)頁(yè)布局結(jié)構(gòu)(PC端)
4、網(wǎng)站有哪幾種常見基本結(jié)構(gòu)？

常見的四種網(wǎng)頁(yè)布局結(jié)構(gòu)（常見的網(wǎng)頁(yè)布局分類）

一、網(wǎng)頁(yè)布局結(jié)構(gòu)有哪些

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

二、網(wǎng)頁(yè)組成結(jié)構(gòu)

一、網(wǎng)站組成結(jié)構(gòu)

1、后臺(tái)程序

2、空間（服務(wù)器）

3、域名

二、頁(yè)面的組成結(jié)構(gòu)

1、導(dǎo)航

2、banner常見構(gòu)圖方式

A-左右構(gòu)圖：橫向banner,左右構(gòu)圖會(huì)有更大的發(fā)揮空間；平衡性好

B-中軸構(gòu)圖：視覺焦點(diǎn)好

C-上下構(gòu)圖：視覺沖擊力好

D-三角構(gòu)圖：穩(wěn)定性好

E-傾斜構(gòu)圖：

3、Main內(nèi)容

A-左右布局：不方便；左邊會(huì)浪費(fèi)大量空間

B-上下布局：一屏一頁(yè)，沖擊力強(qiáng)

C-三字型布局：簡(jiǎn)約，排版快，美觀；常見的布局形式。

4、Footer頁(yè)腳

三、常見的幾種WEB網(wǎng)頁(yè)布局結(jié)構(gòu)(PC端)

布局就是以最合適瀏覽的方式將圖片和文字排放在頁(yè)面的不同位置。不同的制作者會(huì)有不同的布局設(shè)計(jì)。網(wǎng)頁(yè)布局有以下幾種常見結(jié)構(gòu)：

6.上下框架型

上下框架型布局與前面的左右框架型布局類似。其區(qū)別僅在于是一種上下分為兩頁(yè)的框架。一半深色一半淺色，一般用于設(shè)計(jì)型站點(diǎn)。

優(yōu)點(diǎn)是視覺沖擊力強(qiáng)，缺點(diǎn)是很難將兩部分有機(jī)地結(jié)合起來

四、網(wǎng)站有哪幾種常見基本結(jié)構(gòu)？

網(wǎng)站的幾種常見的組織結(jié)構(gòu)

一基本概念

1.主頁(yè)（Home Page）

主頁(yè)（Home Page)它是一個(gè)網(wǎng)頁(yè)，是進(jìn)入一個(gè)網(wǎng)站的開始畫面，就同“瘟酒吧”的藍(lán)天白云一樣。也就是說，主頁(yè)是一個(gè)網(wǎng)站的門面，要想設(shè)計(jì)出一個(gè)優(yōu)秀的網(wǎng)站，就必須有一個(gè)“要讓瀏覽者想不看都難”的主頁(yè)，它必須引人入勝，能吸引每一個(gè)來訪者的注意力，引發(fā)人們的好奇心，能讓人產(chǎn)生一種深入探索你的網(wǎng)站的沖動(dòng)。優(yōu)秀的主頁(yè)是一個(gè)好的網(wǎng)站必須具備的第一要素。

2.超級(jí)鏈接（Hyperlink)

超級(jí)鏈接是WWW的神經(jīng)系統(tǒng)，它也是向?qū)?，把你從一個(gè)網(wǎng)頁(yè)帶到另一個(gè)網(wǎng)頁(yè)，或者從網(wǎng)頁(yè)的某一部分引導(dǎo)到另一部分。超級(jí)鏈接是用特殊的文本或圖象來實(shí)現(xiàn)鏈接的，單擊它就可以實(shí)現(xiàn)它的功能。

3.網(wǎng)頁(yè)（Web Page)

網(wǎng)頁(yè)就是、、、、（很難懂的概念，極其抽象，看得見摸不著），你為什么到互聯(lián)網(wǎng)去，你在WWW上看到的就是網(wǎng)頁(yè)。它是由HTML編寫的文件，上面有貼圖，有音樂，有、、、、

4.超文本（HyperText)

超文本是一種新的文件形式，指一個(gè)文件的內(nèi)容可以無(wú)限地與相關(guān)資料鏈接。超文本是自然語(yǔ)言文本與計(jì)算機(jī)交互、轉(zhuǎn)移和動(dòng)態(tài)顯示等能力結(jié)合，超文本系統(tǒng)允許用戶任意構(gòu)造鏈接，通過Hyperlink來實(shí)現(xiàn)。

5 超文本語(yǔ)言（Hyper Text Markup Language）

超文本語(yǔ)言(HTML)是制作編寫網(wǎng)頁(yè)、包含超級(jí)鏈接的超文件的標(biāo)準(zhǔn)語(yǔ)言，它由文本和標(biāo)記組成。超文本文件的擴(kuò)展名一般為 .html或.htm。二，網(wǎng)站的組織結(jié)構(gòu)上網(wǎng)的網(wǎng)蟲一定覺得網(wǎng)絡(luò)上內(nèi)容豐富、信息繁雜，但你是否想過一個(gè)網(wǎng)站的組織結(jié)構(gòu)。網(wǎng)頁(yè)的組織結(jié)構(gòu)有以下四種：1、線性結(jié)構(gòu)

這是網(wǎng)站最簡(jiǎn)單的一種結(jié)構(gòu)，它是以某種順序組織的，可以是時(shí)間順序，也可以是邏輯甚至是字母順序。通過這些順序呈線性地鏈接。如一般的索引就采用線性結(jié)構(gòu)。線性結(jié)構(gòu)是組織網(wǎng)頁(yè)的基本結(jié)構(gòu)，復(fù)雜的結(jié)構(gòu)也可以看成是由線性結(jié)構(gòu)組成的。

2、二維表結(jié)構(gòu)

這種結(jié)構(gòu)允許用戶橫向、縱向地瀏覽信息。它就好象一個(gè)二維表，如看課表一樣。

3、等級(jí)結(jié)構(gòu)

等級(jí)結(jié)構(gòu)由一條等級(jí)主線構(gòu)成索引，每一個(gè)等級(jí)點(diǎn)又由一條線性結(jié)構(gòu)構(gòu)成。如網(wǎng)站導(dǎo)航等就是這種結(jié)構(gòu)。在構(gòu)造等級(jí)之前，你必須完全徹底的理解你的網(wǎng)站內(nèi)容，避免線性組織不嚴(yán)的錯(cuò)誤，不方便瀏覽者。

4、網(wǎng)狀結(jié)構(gòu)

這是最復(fù)雜的組織結(jié)構(gòu)，它完全沒有限制，網(wǎng)頁(yè)組織自由鏈接。這種結(jié)構(gòu)允許訪問者從一個(gè)信息欄目跳到另一個(gè)欄目去，其目的就是充分利用網(wǎng)絡(luò)資源和充分享受超級(jí)鏈接。整個(gè)互聯(lián)網(wǎng)就是一個(gè)超級(jí)大的“網(wǎng)”狀結(jié)構(gòu)。組織信息的最簡(jiǎn)單方式就是序列,在一個(gè)序列中你可以提供一種線性的敘述。作為一種有序的敘述或者處在一種邏輯秩序中的信息最適合組織成序列。這種序列可以是按時(shí)間排列的,也可以是從一般到特殊的一種邏輯主題的系列,甚至可以是按字母順序排列的,比方說在索引、百科全書與詞匯表中就是如此。然而,最簡(jiǎn)單的序列組織通常只用于較小的站點(diǎn),一旦敘述較為復(fù)雜,就要求更復(fù)雜的結(jié)構(gòu)了。較復(fù)雜的站點(diǎn)仍然可以作為一個(gè)序列來組織,但在主要序列中的每一頁(yè)可以有一頁(yè)或更多分支頁(yè)面和插入信息,或者是作為通向其它站點(diǎn)信息的中間鏈接。分欄

程序手冊(cè)、大學(xué)課程表、或者醫(yī)院的個(gè)案描述,最好是按分欄的方式來組織,分欄一種連接各種變數(shù)的好方式,比方說,歷史年表就可以分出諸如"事件"、"技術(shù)發(fā)展"、"文化"等等欄目。要做到成功地分欄,在這一分欄中的各個(gè)單位就應(yīng)該共享一個(gè)高度統(tǒng)一的主題和次級(jí)主題的結(jié)構(gòu),這些主題常常并沒有特別的重要性等級(jí),例如"結(jié)核病"并不比"胸膜炎"重要或者次要,但在觀念上這兩種疾病的描述都共享著一個(gè)統(tǒng)一的次級(jí)主題結(jié)構(gòu)這樣用戶就能夠順欄而下,閱讀有關(guān)結(jié)核病的材料,或者穿欄而過,比較這兩種病的"診斷圖像"。當(dāng)然,假如用戶缺少對(duì)有關(guān)信息相互聯(lián)系的知識(shí),他們使用起這種分欄來就會(huì)感到困難。所以,我們要假定這類站點(diǎn)的讀者是相對(duì)有經(jīng)驗(yàn)的讀者,他們對(duì)主題及其結(jié)構(gòu)已經(jīng)有一種基本的理解。在采用分欄的站點(diǎn)中,一種概觀的圖像是很有用的。等級(jí)

按等級(jí)劃分信息,是組織復(fù)雜信息的最好方式之一,并且含有等級(jí)組織的結(jié)構(gòu)特別適合于在站點(diǎn)上使用,原因是網(wǎng)上的站點(diǎn)一般都被組織得由一個(gè)單一的主頁(yè)向下延伸。大多數(shù)用戶都熟悉這種等級(jí)的圖形結(jié)構(gòu),都會(huì)覺得這些結(jié)構(gòu)能幫助他們一步步深入。一種等級(jí)組織也施加了一種有用的訓(xùn)練,它對(duì)你分析你自己站點(diǎn)的內(nèi)容施加了一種有用的訓(xùn)練,因?yàn)橹挥挟?dāng)你徹底地理解了你的材料,你才能使這種等級(jí)秩序工作得最好。另外,等結(jié)在公司與人們?nèi)粘Ｉ钪惺侨绱说貫槿耸熘?用戶也容易建立這樣一種進(jìn)入站點(diǎn)的認(rèn)知結(jié)構(gòu)。網(wǎng)網(wǎng)狀的組織結(jié)構(gòu)對(duì)信息類型的使用幾乎不施加什么限制,它的目的經(jīng)常是模仿思想的連續(xù)和觀念的自由流動(dòng)。在這種結(jié)構(gòu)中,用戶可以按他的興趣,以一種對(duì)每個(gè)訪問者都是獨(dú)特的、具有啟發(fā)性的方式隨意瀏覽。這種組織方式在互聯(lián)網(wǎng)上得到了長(zhǎng)足的發(fā)展,它可以把訪問者帶到一個(gè)站點(diǎn)的其他信息欄目中去,也可以把他帶到其他的站點(diǎn)上去,其目的就是要充分地利用網(wǎng)上的資源和鏈接。但是,網(wǎng)狀的組織結(jié)構(gòu)也可能容易造成混亂和模糊觀念,因?yàn)樗鼈冸y于使用戶理解和預(yù)測(cè)你的站點(diǎn)的內(nèi)容。只有對(duì)于那些由鏈接列表控制的小站點(diǎn),并且它的訪問者主要是受過較高教育或較有經(jīng)驗(yàn)的用戶為尋求進(jìn)一步的提高,它才工作得最好,而對(duì)理解你的基本主題卻不是最適用的。

以上就是關(guān)于常見的四種網(wǎng)頁(yè)布局結(jié)構(gòu)相關(guān)問題的回答。希望能幫到你，如有更多相關(guān)問題，您也可以聯(lián)系我們的客服進(jìn)行咨詢，客服也會(huì)為您講解更多精彩的知識(shí)和內(nèi)容。