-
當前位置:首頁 > 創(chuàng)意學(xué)院 > 技術(shù) > 專題列表 > 正文
網(wǎng)站結(jié)構(gòu)有哪幾種(網(wǎng)站結(jié)構(gòu)有哪幾種形式)
大家好!今天讓創(chuàng)意嶺的小編來大家介紹下關(guān)于網(wǎng)站結(jié)構(gòu)有哪幾種的問題,以下是小編對此問題的歸納整理,讓我們一起來看看吧。
開始之前先推薦一個非常厲害的Ai人工智能工具,一鍵生成原創(chuàng)文章、方案、文案、工作計劃、工作報告、論文、代碼、作文、做題和對話答疑等等
只需要輸入關(guān)鍵詞,就能返回你想要的內(nèi)容,越精準,寫出的就越詳細,有微信小程序端、在線網(wǎng)頁版、PC客戶端
官網(wǎng):https://ai.de1919.com。
創(chuàng)意嶺作為行業(yè)內(nèi)優(yōu)秀的企業(yè),服務(wù)客戶遍布全球各地,如需了解SEO相關(guān)業(yè)務(wù)請撥打電話175-8598-2043,或添加微信:1454722008
本文目錄:
一、幾種常見網(wǎng)頁布局設(shè)計
網(wǎng)頁設(shè)計的布局有哪幾種?
1.“國”字型:
網(wǎng)頁設(shè)計也可以稱為“同”字型,是一些大型網(wǎng)站所喜歡的類型,即最上面是網(wǎng)站的標題以及橫幅廣告條,接下來就是網(wǎng)站的主要內(nèi)容,左右分列一些兩小條內(nèi)容,中間是主要部分,與左右一起羅列到底,最下面是網(wǎng)站的一些基本信息、聯(lián)系方式、版權(quán)聲明等。這種結(jié)構(gòu)是我們在網(wǎng)上見到的差不多最多的一種結(jié)構(gòu)類型。
2.拐角型:
這種結(jié)構(gòu)與上一種其實只是形式上的區(qū)別,其實是很相近的,上面是標題及廣告橫幅,接下來的左側(cè)是一窄列鏈接等,右列是很寬的正文,下面也是一些網(wǎng)站的輔助信息。在這種類型中,一種很常見的類型是最上面是標題及廣告,左側(cè)是導(dǎo)航鏈接。
3.標題正文型:
這種類型即最上面是標題或類似的一些東西,下面是正文,比如一些文章頁面或注冊頁面等就是這種類。
4.左右框架型:
這是一種左右為分別兩頁的框架結(jié)構(gòu),一般左面是導(dǎo)航鏈接,有時最上面會有一個小的標題或標致,右面是正文。我們見到的大部分的大型論壇都是這種結(jié)構(gòu)的,有一些企業(yè)網(wǎng)站也喜歡采用。這種類型結(jié)構(gòu)非常清晰,一目了然。
5.上下框架型:
與上面類似,區(qū)別僅僅在于是一種上下分為兩頁的框架。
6.綜合框架型:
上頁兩種結(jié)構(gòu)的結(jié)合,相對復(fù)雜的一種框架結(jié)構(gòu),較為常見的是類似于“拐角型”結(jié)構(gòu)的,只是采用了框架結(jié)構(gòu)。
7.封面型:
這種類型基本上是出現(xiàn)在一些網(wǎng)站的首頁,大部分為一些精美的平面設(shè)計結(jié)合一些小的動畫,放上幾個簡單的鏈接或者僅是一個“進入”的鏈接甚至直接在首頁的圖片上做鏈接而沒有任何提示。這種類型大部分出現(xiàn)在企業(yè)網(wǎng)站和個人主頁,如果說處理的好,會給人帶來賞心悅目的感覺。
8.Flash型:網(wǎng)頁設(shè)計
其實這與封面型結(jié)構(gòu)是類似的,只是這種類型采用了目前非常游戲行的Flash,與封面型不同的是,由于Flash強大的功能,頁面所表達的信息更豐富,其視覺效果及聽覺效果如果處理得當,絕不差于傳統(tǒng)的多媒體。
9.變化型:網(wǎng)頁設(shè)計
即上面幾種類型的結(jié)合與變化,比如本站在視覺上是很接近拐角型的,但所實現(xiàn)的功能的實質(zhì)是那種上、左、右結(jié)構(gòu)的綜合框架型。
二、網(wǎng)頁制作的結(jié)構(gòu)布局有哪些?
布局就是以最合適瀏覽的方式將圖片和文字排放在頁面的不同位置。不同的制作者會有不同的布局設(shè)計。網(wǎng)頁布局有以下幾種常見結(jié)構(gòu):
1.“同”字型結(jié)構(gòu)布局
所謂同字型就夠就是指頁面頂部為“網(wǎng)站標志+廣告條+主菜單”或主菜單,下方左側(cè)為二級欄目條,右側(cè)為鏈接欄目條,屏幕中間顯示具體內(nèi)容的布局。
這種布局的優(yōu)點是充分利用版面,頁面結(jié)構(gòu)清晰,左右堆成,主次分明,信息量大;缺點是頁面擁擠,太規(guī)矩呆板,如果細節(jié)色彩上缺少變化調(diào)劑,很容易讓人感到單調(diào)缺乏。
2.“國”字型布局
“國”字型布局是在“同”字型布局基礎(chǔ)上演化而來的,在保留“同”字型的同時,在頁面的下方增加一橫條狀的菜單或廣告,是一些大型網(wǎng)站所喜歡的類型。一般最上面是網(wǎng)站標題及橫幅廣告條,接下來就是網(wǎng)站的主要內(nèi)容,左右分列一些兩小條內(nèi)容,中間是主要部分,與左右一起羅列到底,最下面是網(wǎng)站的一些基本信息、聯(lián)系方式、版權(quán)聲明等。這種結(jié)構(gòu)是在網(wǎng)上見到的最多的一種結(jié)構(gòu)類型。
這種布局的優(yōu)點是充分利用版面,信息量大,與其他頁面的鏈接切換方便,缺點是頁面擁擠,四面封閉,令人感到憋氣。
3.T型布局
這是一個形象的說法,是指頁面的頂部是“網(wǎng)站標志+廣告條”,左面是主菜單,右面是主要內(nèi)容。這種布局的優(yōu)點是頁面結(jié)構(gòu)清晰、主次分明,是初學(xué)者最容易上手的布局方法;缺點是頁面呆板,如果不注意細節(jié)上的色彩,很容易讓人“看之無味”。
4.“三”字型布局
這種布局多用于國外站點,國內(nèi)用得不多。特點是在頁面上有橫向兩條色塊,將頁面整體分割為但部分,色塊中大多放廣告條、更新和版權(quán)提示。
5.對比布局
顧名思義,這種布局采用左右或者上下對比的方式:一半深色,一半淺色。一般用于設(shè)計型站點。優(yōu)點是視覺沖擊力強;缺點是將兩部分有機地結(jié)合比較困難。
6.POP布局
POP引自廣告術(shù)語,是指頁面布局像一張宣傳海報,一一張精美的圖片作為頁面的設(shè)計中心。這種類型基本上是出現(xiàn)在一些網(wǎng)站的首頁,大部分為一些精美的平面設(shè)計結(jié)合一些小的動畫,放上幾個簡單的鏈接或者僅是一個“進入”的鏈接,甚至直接在首頁的圖片上做鏈接而沒有任何提示。這種布局大部分出現(xiàn)在企業(yè)網(wǎng)站和個人主頁,如果處理得好的話,會給人帶來賞心悅目的感覺。
7.Flash布局
這種布局是指整個或大部分幅面的網(wǎng)頁本身就是一個Flash動畫,它本身就是動態(tài)的,畫面一般不叫絢麗、有趣,是一種比較新潮的布局方式。其實這與封面型結(jié)構(gòu)是類似的,只是這種類型才采用了目前非常流行的Flash,與封面型不同的是,由于Flash強大的功能,頁面所表達的信息更豐富,其視覺效果及聽覺效果如果處理得當,絕不差于傳統(tǒng)的多媒體。
三、網(wǎng)站的鏈接結(jié)構(gòu)有哪幾種?
鏈接結(jié)構(gòu)一般分為兩種:
一是“樹狀鏈接結(jié)構(gòu)”,類似DOS的目錄結(jié)構(gòu),首頁鏈接指向一級頁面,一級頁面鏈接指向二級頁面。立體結(jié)構(gòu)看起來就像蒲公英。這樣的鏈接結(jié)構(gòu)瀏覽時,一級級進入,一級級退出。優(yōu)點是條理清晰,訪問者明確知道自己在什么位置,不會迷路。缺點是瀏覽效率低,一個欄目下的子頁面到另一個欄目下的子頁面,必須經(jīng)過首頁。
二是“星狀鏈接結(jié)構(gòu)”,類似網(wǎng)絡(luò)服務(wù)器的鏈接,每個頁面之間都建立有鏈接。這種鏈接結(jié)構(gòu)的優(yōu)點是瀏覽方便,隨時可以達到自己喜歡的頁面。缺點是鏈接太多,容易使瀏覽者迷路,搞不清自己在什么位置,看了多少內(nèi)容。
四、網(wǎng)站的常見結(jié)構(gòu)
網(wǎng)站結(jié)構(gòu)是指網(wǎng)站中頁面之間的層次關(guān)系
對搜索引擎優(yōu)化而言,優(yōu)秀的網(wǎng)站結(jié)構(gòu)優(yōu)化應(yīng)該包括網(wǎng)站物理結(jié)構(gòu)優(yōu)化和邏輯結(jié)構(gòu)優(yōu)化兩個方面,一種是網(wǎng)站的物理結(jié)構(gòu),一種是網(wǎng)站的邏輯結(jié)構(gòu)。下面我們來分析一下這兩種結(jié)構(gòu)。
網(wǎng)站的物理結(jié)構(gòu):
網(wǎng)站物理結(jié)構(gòu)指的是網(wǎng)站目錄及所包含文件所存儲的真實位置所表現(xiàn)出來的結(jié)構(gòu)。 物理結(jié)構(gòu)也分為兩種結(jié)構(gòu),一種是扁平結(jié)構(gòu),一種是樹型結(jié)構(gòu)(網(wǎng)站的樹形結(jié)構(gòu)和扁平樹形結(jié)構(gòu)哪個好?)。
扁平結(jié)構(gòu)的體現(xiàn)方式為:所有網(wǎng)頁都在根目錄級別 示例:
http://seo.aizhan.com/pagaA.html
http://wseo.aizhan.com/pagaB.html
http://seo.aizhan.com/pagaC.html
樹型結(jié)構(gòu)的體現(xiàn)方式為:
根目錄下分多個頻道或欄目,網(wǎng)頁分部在各頻道或欄目下。 示例:
http://seo.aizhan.com/cat1/pagaA.html
http://seo.aizhan.com/cat2/pagaB.html
http://seo.aizhan.com/cat3/pagaC.html
網(wǎng)站的邏輯結(jié)構(gòu): 網(wǎng)站的邏輯結(jié)構(gòu)也就是由網(wǎng)頁內(nèi)部鏈接所形成的邏輯的或鏈接的網(wǎng)絡(luò)圖,如下圖:
網(wǎng)站的結(jié)構(gòu)的總結(jié),如下圖:
以上就是關(guān)于網(wǎng)站結(jié)構(gòu)有哪幾種相關(guān)問題的回答。希望能幫到你,如有更多相關(guān)問題,您也可以聯(lián)系我們的客服進行咨詢,客服也會為您講解更多精彩的知識和內(nèi)容。
推薦閱讀:
景觀設(shè)計師網(wǎng)站推薦(景觀設(shè)計師網(wǎng)站推薦知乎)
官方網(wǎng)站會不會被假冒(官方網(wǎng)站會不會被假冒舉報)
怎么搞自己的網(wǎng)站(如何弄自己的網(wǎng)站)
日本創(chuàng)意文具(日本創(chuàng)意文具設(shè)計)
中小學(xué)線上教學(xué)平臺(國家教育平臺免費網(wǎng)課)
問大家
陽江穩(wěn)妥的網(wǎng)站建設(shè)設(shè)計價格高不高?諸位老鄉(xiāng)們幫回答下
山東省濟南市征婚交友相親網(wǎng)站哪個好?濟南征婚交友戀愛去哪里?
天津好的網(wǎng)站建設(shè)設(shè)計正規(guī)價多少錢?在座的老鄉(xiāng)們幫回答下
推薦一個比較好的免費相親網(wǎng)站吧!要靠譜的,我在濟南,著急結(jié)婚
征婚交友網(wǎng)站哪個好?我在濟南,大齡男女相親交友平臺哪家正規(guī)?
邯鄲專業(yè)制作美名遠揚的站牌廣告有網(wǎng)站推薦嗎?在座的資深人士們急需賜教
在濟南,找對象靠譜的網(wǎng)站有哪些?泉城相親征婚交友脫單在哪里?
滁州好的網(wǎng)站建設(shè)設(shè)計口碑好的有哪家?路過的老鐵們有誰了解
在濟南,網(wǎng)上哪一個相親交友網(wǎng)站比較靠譜呀?要真實可靠的
專業(yè)網(wǎng)站制作中如何設(shè)計排版電商類網(wǎng)站的banner?
湟中優(yōu)秀的廣告片短視頻拍攝制作需要了解哪些事項?在座的筒子們聊一聊