『壹』 常用的網頁組織結構有哪些
網站的組織結構 上網的網蟲一定覺得網路上內容豐富、信息繁雜,但你是否想過一個網站的組織結構。網頁的組織結構有以下四種:
1、線性結構 這是網站最簡單的一種結構,它是以某種順序組織的,可以是時間順序,也可以是邏輯甚至是字母順序。通過這些順序呈線性地鏈接。如一般的索引就採用線性結構。線性結構是組織網頁的基本結構,復雜的結構也可以看成是由線性結構組成的。
2、網狀結構 這是最復雜的組織結構,它完全沒有限制,網頁組織自由鏈接。這種結構允許訪問者從一個信息欄目跳到另一個欄目去,其目的就是充分利用網路資源和充分享受超級鏈接。整個互聯網就是一個超級大的「網」狀結構。
3、等級結構 等級結構由一條等級主線構成索引,每一個等級點又由一條線性結構構成。如網站導航等就是這種結構。在構造等級之前,你必須完全徹底的理解你的網站內容,避免線性組織不嚴的錯誤,不方便瀏覽者。
『貳』 網站結構包括哪些部分
1、網站域名
域名相當於網站的名稱,人們通過域名就能搜索到網站。
2、網站空間
網站空間就是存放網站內容的空間,也稱為虛擬主機空間。網站空間能存放很多內容,包括網站文件、資料、文字、文檔、資料庫、網站頁面、圖片等,儲存這些內容的地方就是虛擬空間。而企業如果資金充足,擁有屬於自己的空間不是難事;如果資金不富裕,也可以和其它企業共用一個空間,這樣在很大程度上可以節省成本。同時網站空間有幾種不同的類型,可以根據網站類型來選擇不同的儲存空間。
3、網站源代碼
網站源代碼也稱為源程序,指未編譯的文本代碼或一個網站的全部源碼文件,是一系列人類可讀的計算機語言指令。一般是通過一定的程序把源代碼翻譯成我們所看到的東西,是網站最原始的代碼,也是網站必不可少的一部分。
『叄』 網站有哪三種結構
一:星型結構
這種結構是目前在區域網中應用得最為普遍的一種,在企業網路中幾乎都是採用這一方式。星型網路幾乎是Ethernet(乙太網)網路專用,它是因網路中的各工作站節點設備通過一個網路集中設備(如集線器或者交換機)連接在一起,各節點呈星狀分布而得名。這類網路目前用的最多的傳輸介質是雙絞線,如常見的五類線、超五類雙絞線等。
這種拓撲結構網路的基本特點主要有如下幾點:
(1)容易實現:它所採用的傳輸介質一般都是採用通用的雙絞線,這種傳輸介質相對來說比較便宜,如目前正品五類雙絞線每米也僅1.5元左右,而同軸電纜最便宜的也要2.00元左右一米,光纜那更不用說了。這種拓撲結構主要應用於IEEE 802.2、IEEE 802.3標準的以太區域網中;
(2)節點擴展、移動方便:節點擴展時只需要從集線器或交換機等集中設備中拉一條線即可,而要移動一個節點只需要把相應節點設備移到新節點即可,而不會像環型網路那樣"牽其一而動全局";
(3)維護容易;一個節點出現故障不會影響其它節點的連接,可任意拆走故障節點;
(4)採用廣播信息傳送方式:任何一個節點發送信息在整個網中的節點都可以收到,這在網路方面存在一定的隱患,但這在區域網中使用影響不大;
(5)網路傳輸數據快:這一點可以從目前最新的1000Mbps到10G乙太網接入速度可以看出。
二:環型結構
這種結構的網路形式主要應用於令牌網中,在這種網路結構中各設備是直接通過電纜來串接的,最後形成一個閉環,整個網路發送的信息就是在這個環中傳遞,通常把這類網路稱之為"令牌環網"。
實際上大多數情況下這種拓撲結構的網路不會是所有計算機真的要連接成物理上的環型,一般情況下,環的兩端是通過一個阻抗匹配器來實現環的封閉的,因為在實際組網過程中因地理位置的限制不方便真的做到環的兩端物理連接。
這種拓撲結構的網路主要有如下幾個特點:
(1)這種網路結構一般僅適用於IEEE 802.5的令牌網(Token ring network),在這種網路中,"令牌"是在環型連接中依次傳遞。所用的傳輸介質一般是同軸電纜。
(2)這種網路實現也非常簡單,投資最小。可以從其網路結構示意圖中看出,組成這個網路除了各工作站就是傳輸介質--同軸電纜,以及一些連接器材,沒有價格昂貴的節點集中設備,如集線器和交換機。但也正因為這樣,所以這種網路所能實現的功能最為簡單,僅能當作一般的文件服務模式;
(3)傳輸速度較快:在令牌網中允許有16Mbps的傳輸速度,它比普通的10Mbps乙太網要快許多。當然隨著乙太網的廣泛應用和乙太網技術的發展,乙太網的速度也得到了極大提高,目前普遍都能提供100Mbps的網速,遠比16Mbps要高。
(4)維護困難:從其網路結構可以看到,整個網路各節點間是直接串聯,這樣任何一個節點出了故障都會造成整個網路的中斷、癱瘓,維護起來非常不便。另一方面因為同軸電纜所採用的是插針式的接觸方式,所以非常容易造成接觸不良,網路中斷,而且這樣查找起來非常困難,這一點相信維護過這種網路的人都會深有體會。
(5)擴展性能差:也是因為它的環型結構,決定了它的擴展性能遠不如星型結構的好,如果要新添加或移動節點,就必須中斷整個網路,在環的兩端作好連接器才能連接。
三:匯流排型結構
這種網路拓撲結構比較簡單,匯流排型中所有設備都直接與採用一條稱為公共匯流排的傳輸介質相連,這種介質一般也是同軸電纜(包括粗纜和細纜),不過現在也有採用光纜作為匯流排型傳輸介質的,如ATM網、Cable Modem所採用的網路等都屬於匯流排型網路結構。
這種結構具有以下幾個方面的特點:
(1)組網費用低:從示意圖可以這樣的結構根本不需要另外的互聯設備,是直接通過一條匯流排進行連接,所以組網費用較低;
(2)這種網路因為各節點是共用匯流排帶寬的,所以在傳輸速度上會隨著接入網路的用戶的增多而下降;
(3)網路用戶擴展較靈活:需要擴展用戶時只需要添加一個接線器即可,但所能連接的用戶數量有限;
(4)維護較容易:單個節點(每台電腦或集線器等設備都可以看作是一個節點)失效不影響整個網路的正常通信。但是如果匯流排一斷,則整個網路或者相應主幹網段就斷了。
(5)這種網路拓撲結構的缺點是一次僅能一個端用戶發送數據,其它端用戶必須等待到獲得發送權。
四:混合性結構
就是綜合了以上三種網路結構。
『肆』 網頁布局結構有哪些
一、簡介:布局就是以最合適瀏覽的方式將圖片和文字排放在頁面的不同位置。不同的製作者會有不同的布局設計。
二、網頁布局有以下幾種常見結構:
【1】「國字」型布局:
「國」字型布局由「同」字型布局進化而來,因布局結構與漢字「國」相似而得名。其頁面的最上部分一般放置網站的標志和導航欄或Banner廣告,頁面中間主要放置網站的主要內容,最下部分一般放置網站的版權信息和聯系方式等。
『伍』 網站的結構一般有哪些
網站的目錄結構
網站的目錄是指在創建網站時建立的目錄,我們要根據網站的主題和內容來分類規劃,不同的欄目要對應不同的目錄,在各個欄目目錄下我們也要根據內容的不同對其劃分不同的分目錄,比如說頁面圖片放到images目錄下,新聞放到news目錄下,資料庫放到database目錄下等等。同時要注意目錄的的層次不宜太深,一般不要超過三層,另外給目錄起名的時候要盡量使用能表達目錄內容的英文或漢語拼音,這樣會更加方便日後的管理維護。
網頁的構成和布局
不同主題的網站對網頁內容的安排會有所不同,但大多數網站首頁的頁面結構都會包括頁面標題、網站LOGO、導航欄、登錄區、搜索區、熱點推薦區、主內容區和頁腳區(如圖),其他頁面不需要設置如此復雜了,一般由頁面標題、網站LOGO、導航欄、主內容區和頁腳區等構成。
搞網站設計不是把所有內容放置到網頁中就行了,還需要我們把網頁內容進行合理的排版布局,以給瀏覽者賞心悅目的感覺,增強網站的吸引力。在設計布局的時候我們要注意把文字、圖片在網頁空間上均勻分布並且不同形狀、色彩的網頁元素要相互對比,以形成鮮明的視覺效果。我們常見的布局結構有
「同」字形布局、「國」字形布局、「匡」字形布局、「三」字形布局和「川」字形布局等。
1.
「同」字形布局:所謂「同」字形結構,就是整個頁面布局類似「同」字,頁面頂部是主導航欄,下面左右兩側是二級導航條、登錄區、搜索區等,中間是主內容區,如http://www.china-channel.com。
2.
「國」字形布局:它是在「同」字形布局上演化而來的,它在保留「同」字形的同時,在頁面的下方增加一橫條狀的菜單或廣告,如http://www.yesky.com。
3.
「匡」字形布局:這種布局結構去掉了「國」字形布局的右邊的邊框部分,給主內容區釋放了更多空間,內容雖看起來比較多,但布局整齊又不過於擁擠,適合一些下載類和賀卡類站點使用,如http://nj.onlinedown.net。
4.
「三」字形布局:一般應用在簡潔明快的藝術性網頁布局,這種布局一般採用簡單的圖片和線條代替擁擠的文字,給瀏覽者以強烈的視覺沖擊,如http://www.cphoto.com.cn。
5.
「川」字形布局:整個頁面在垂直方向分為三列,網站的內容按欄目分布在這三列中,最大限度地突出主頁的索引功能,一般適用在欄目較多的網站里,如http://www.ezIT.com.cn。
『陸』 當前比較流行的網站架構有哪些
目前功能相似的能解決同類需求的主要是國外的開源框架,如Bootstrap、Foundation、Semantic UI。Bootstrap是由Twitter在2011年8月推出的開源WEB前端框架,集合CSS和HTML,使用了最新的瀏覽器技術,為快速WEB開發提供了一套前端工具包,包括布局、網格、表格、按鈕、表單、導航、提示,其核心就是基於Less框架構建的CSS。Bootstrap框架擁有美觀的樣式和封裝完善的JQ插件,使用方便,基於Bootstrap的擴展也很多,這是其他框架所無法比擬的,也是其最受歡迎的條件之一。
Foundation宣稱是世界最好的響應式前端框架,默認支持5種網格布局,是三款框架中最復雜也是最靈活的。Bootstrap默認支持四種網格布局,Pure默認支持一種。
Semantic UI是語義化設計的前端框架,開發更加直觀,UI組建可實時調試輸出,其最大的特點是充分利用CSS3動畫特效,簡潔實用漂亮的樣式。以上各種產品我們也用過,當時我們發現全球有將近6%的網站是基於Bootstrap做的。不過對於中國開發者來說,Bootstrap門檻仍然較高,而且本土化支持不夠好。
首先,Bootstrap只支持英文字體,並沒有對中文字體做設置。在不同操作系統、不同瀏覽器下,默認的中文字體可能是不一樣的,這樣會導致網頁在某些時候顯示得不太好看。而且英文字型大小和中文字型大小的大小也不一樣,直接用Bootstrap來做文字排版並不能達到最好的效果。另外,國內瀏覽器種類繁多,Bootstrap也無法照顧到對國內瀏覽器的支持,我們希望不斷加強對各種本土瀏覽器的支持,幫助廣大前端開發者從最繁瑣痛苦的瀏覽器性問題中解脫出來。其次,Bootstrap還沒有把重點放在豐富界面組件上,而Amaze UI非常注重提高開發者的效率,我們會不斷增加跨屏的界面組件,讓開發者盡量少些代碼。第三,Bootstrap 因為最早是從PC端開始做的,所以有些地方是先PC後移動,而Amaze UI的思路是先移動後PC。例如,Bootstrap使用了jQuery庫,而Amaze UI使用了Zepto.js,Zepto.js的體積不到jQuery的1/3,對移動端的性能很大提升。
因此,一個針對中國市場的、移動優先的跨屏前端開發框架開發者有很強的需求,也是一個行業的空白。
Amaze UI應該是中國首個HTML5跨屏前端開發框架,其不僅兼容前幾者的優勢,還具有以下優勢:
1、加入更多符合中國市場特性的元素:中文排版更優化,兼容中國本土主流瀏覽器
2、更輕量化,不僅適用於桌面端,更適合移動端3、包含一些封裝好的Widgets,其他框架則沒有
『柒』 什麼是網站結構
網站結構是指網站中頁面間的層次關系;按性質可分為邏輯結構及物理結構。網站結構對網站的搜索引擎友好性及用戶體驗有著非常重要的影響。
(1)網站結構在決定頁面重要性(即頁面權重)方面起著非常關鍵的作用。
(2)網站結構是衡量網站用戶體驗好壞的重要指標之_。清晰的網站結構可以幫助用戶快速獲取所需信息;相反,如果一個網站的結構極其糟糕的話,用戶在訪問時就猶如走進了一座迷宮,最後只會選擇放棄瀏覽。
(3)網站結構還直接影響搜索引擎對頁面的收錄,一個合理的網站結構可以引導搜索引擎從中抓取更多有價值的頁面。
網站結構對網站及網站中頁面的影響。搜索引擎對重要頁面的抓取
由於互聯網中信息量極其龐大,為了向用戶展示更多有價值的信息,搜索引擎會優先抓取每個網站中相對重要的頁面(即權重較高的頁面)i然而,搜索引擎是怎樣發現這些重要頁面的呢?根據重要頁面的鏈接指向的頁面可能是重要頁面的思路;搜索引擎首先會從權重相對較高的頁面(即源頁面)出發跟蹤其中的鏈接,從而抓取其他相對重要的頁面(即目標頁面。)
『捌』 網站的組成結構都有哪些
扁平or樹型:一說到網站結構,大家都會提到扁平結構和樹型結構,言必稱「結構扁平化」,這些指的是物理結構,即基於內容聚合的目錄及文件位置決定的結構。其實對於網路搜索引擎來說,只要結構合理、有邏輯性、內容有規律可循都可以,都是友好的。
鏈接結構:相對於物理結構,就要說到邏輯結構:即通過內部鏈接形成的鏈接結構,邏輯結構才是搜索引擎最關注的。對於一個網站來說,網頁僅僅可以通過首頁——目錄1——目錄2一層一層follow到是遠遠不夠的,一個優秀的鏈接結構應該是網狀的。
首頁鏈接應該鏈向重要的頻道頁,頻道頁再鏈向下面的節點頁或普通頁面。同時,頻道頁、節點頁和普通頁面都應該可以鏈回到首頁
無論哪些頁面之間互相鏈接,都需要一個描述恰當的錨文本
鏈接不要放在JS、FLASH等搜索引擎不可見的位置,使用圖片做鏈接入口應該完善alt標簽
網路搜索引擎目前僅支持對部分JS和FLASH進行解析,絕大多數放在JS和FLASH里的鏈接都是獲取不到的
為重要頁面留更多入口。網路搜索引擎認為,獲得更多內部投票的網頁相對來說更加重要
「離首頁越近」的網頁,越容易受到網路重視。這個「近」指的是頁面離首頁的點擊距離。即使URL所在目錄層級較深,只要在首頁有入口,網路也認為這是一個非常重要的頁面。
不要產生可怕的孤島頁面。雖然網路在提交入口、社會化挖掘方面做了許多工作,但鏈接抓取依然是網路獲得新頁面的最重要渠道
『玖』 網站建設頁面結構都有哪些
網站結構主要包括四方面:
一,友好的網站結構
1, 扁平or樹型:
2, 鏈接結構
1)首頁鏈接應該鏈向重要的頻道頁,頻道頁再鏈向下面的節點頁或普通頁面。同時,頻道頁、節點頁和普通頁面都應該可以鏈回到首頁
2)無論哪些頁面之間互相鏈接,都需要一個描述恰當的錨文本
3)鏈接不要放在js、flash等搜索引擎不可見的位置,使用圖片做鏈接入口應該完善alt標簽
二,通過導航讓網路更好地認識站點
對於用戶,導航要解決的問題是:我在網站的什麼位置,我想看上一級、甚至上上一級更多內容的入口在哪裡;對於spider,導航要解決的問題是:這個頁面屬於哪個領域,要表達的主題是什麼。所以說,清晰的導航系統不僅有助於提高用戶體驗,對seo的意義也是重大的,所有seo做得出色的網站基本都擁有清晰明確的導航。
三,合理的domain結構
除了在網站建設的時候站長會思考到底使用二級域名還是子目錄,在網站運營的過程中,也會考慮是否要把子目錄的內容拆分成二級域名。
四,url結構很重要
1,url結構規律化:同一個網頁有不同url,會造成多個url同時被用戶推薦導致權值分散;同時網路最終選擇展現的那個url不一定符合你的預期。站點應該盡量不把sessionid和統計代碼等不必要的內容放在url,如果一定要這樣做可以通過robots禁止網路抓取這些非規范url
2,最好能讓用戶從url即可判斷出網頁內容,便於蜘蛛解析的同時便於用戶間傳播
3,url盡量短
4,不要添加蜘蛛難以解析的字元
5,動態參數不要太多太復雜,目前網路對動態url已經有了很好的處理,但是參數過多過復雜的url有可能被蜘蛛認為不重要而拋棄
『拾』 網站結構主要包括哪些方面
一個網頁的組成,頁面框架+美工+程序+資料庫。
頁面框架:也就是網站的結構設計,包括了UI和LOGO等,總體來說是為了方便用戶操作記性的界面,效果,已經頁面的流程進行的設計。
美工:要求會的最基本的幾個軟體PHOTOSHOP,FLASH,FIREWORKS ,一般網站設計用PS比較多。
程序:要求會的語言很多,包括客戶端的腳本語言和服務端的語言,客戶端語言包含HTML,JAVASCRIPT,VBSCRIPT,服務端語言包括,ASP,JSP,PHP,.net等等。 資料庫方面:用的資料庫也許有很多種,我見過有用ACCESS的,也有SQLSERVER的,還有DB2,ORECLE等等。一般對於網站來說如果不是象銀行這樣的大規模數據交換,SQLSERVER已經足以。