1. 網站結構的主要類型
1、星型網路結構
在星型網路結構中各個計算機使用各自的線纜連接到網路中,因此如果一個站點出了問題,不會影響整個網路的運行。星型網路結構是現在最常用的網路拓撲結構,如圖1所示。
2、環型網路結構
環型網路結構的各站點通過通信介質連成一個封閉的環形。環形網路容易安裝和監控,但容量有限,網路建成後,難以增加新的站察睜敏點。因此,現在組建區域網已經基本上不使用環型網路結構了。
3、匯流排型網路結構
在匯流排型網路結構中所有的站點共享一條數據通敗枝道。匯流排型網路安裝簡單方便,需要鋪設的電纜最短,成本低,某個站點的故障一般不會影響早寬整個網路,但介質的故障會導致網路癱瘓。匯流排網安全性低,監控比較困難,增加新站點也不如星型網容易。所以,匯流排型網路結構現在基本上已經被淘汰了。
2. 網站的結構都有什麼
網站的目錄結構
網站的目錄是指在創建網站時建立的目錄,我們要根據網站的主題和內容來分類規劃,不同的欄目要對應不同的目錄,在各個欄目目錄下我們也要根據內容的不同對其劃分不同的分目錄,比如說頁面圖片放到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。
3. 網站的組成結構都有哪些
扁平or樹型:一說到網站結構,大家都會提到扁平結構和樹型結構,言必稱「結構扁平化」,這些指的是物理結構,即基於內容聚合的目錄及文件位置決定的結構。其實對於網路搜索引擎來說,只要結構合理、有邏輯性、內容有規律可循都可以,都是友好的。
鏈接結構:相對於物理結構,就要說到邏輯結構:即通過內部鏈接形成的鏈接結構,邏輯結構才是搜索引擎最關注的。對於一個網站來說,網頁僅僅可以通過首頁——目錄1——目錄2一層一層follow到是遠遠不夠的,一個優秀的鏈接結構應該是網狀的。
首頁鏈接應該鏈向重要的頻道頁,頻道頁再鏈向下面的節點頁或普通頁面。同時,頻道頁、節點頁和普通頁面都應該可以鏈回到首頁
無論哪些頁面之間互相鏈接,都需要一個描述恰當的錨文本
鏈接不要放在JS、FLASH等搜索引擎不可見的位置,使用圖片做鏈接入口應該完善alt標簽
網路搜索引擎目前僅支持對部分JS和FLASH進行解析,絕大多數放在JS和FLASH里的鏈接都是獲取不到的
為重要頁面留更多入口。網路搜索引擎認為,獲得更多內部投票的網頁相對來說更加重要
「離首頁越近」的網頁,越容易受到網路重視。這個「近」指的是頁面離首頁的點擊距離。即使URL所在目錄層級較深,只要在首頁有入口,網路也認為這是一個非常重要的頁面。
不要產生可怕的孤島頁面。雖然網路在提交入口、社會化挖掘方面做了許多工作,但鏈接抓取依然是網路獲得新頁面的最重要渠道
4. 網站的基本架構是什麼
網站架構按照製作步驟分為硬架構和軟架構。
一、硬架構
1、機房:在選擇機房的時候,根據網站用戶的地域分布,可以選擇網通、電信等單機房或雙機房。
2、帶寬:預估網站每天的訪問量,根據訪問量選擇合適的帶寬,計算帶寬大小主要涉及峰值流量和頁面大小兩個指標。
3、伺服器:選擇需要的伺服器,如圖片伺服器,頁面伺服器,資料庫伺服器,應用伺服器,日誌伺服器,對於訪問量大點的網站而言,分離單獨的圖片伺服器和頁面伺服器相當必要。
二、軟架構
1、網站的框架:現在的PHP框架有很多選擇,比如:CakePHP,Symfony,Zend Framework,根據創作團隊對各個框架熟悉程度選擇。
2、邏輯的分層
1)表現層:所有和表現相關的邏輯都應該被納入表現層的范疇。
2)應用層:主要作用是定義用戶可以做什麼,並把操作結果反饋給表現層。
3)領域層:包含領域邏輯的層,就是告訴用戶具體的操作流程的。
4)持久層:即資料庫,保存領域模型保存到資料庫,包含網站的架構和邏輯關系等。
(4)網站主要有什麼結構類型擴展閱讀
網站的分類
1、根據網站所用編程語言分類:例如asp網站、php網站、jsp網站、Asp. net網站等;
2、根據網站的用途分類:例如門戶網站(綜合網站)、行業網站、娛樂網站等;
3、根據網站的功能分類:例如單一網站(企業網站)、多功能網站(網路商城)等等。
4、根據網站的持有者分類:例如個人網站、商業網站、政府網站、教育網站等。
5、根據網站的商業目的分類:營利型網站(行業網站、論壇)、非營利性型網站(企業網站、政府網站、教育網站)。
5. 網頁製作的結構布局有哪些
布局就是以最合適瀏覽的方式將圖片和文字排放在頁面的不同位置。不同的製作者會有不同的布局設計。網頁布局有以下幾種常見結構:
1.「同」字型結構布局
所謂同字型就夠就是指頁面頂部為「網站標志+廣告條+主菜單」或主菜單,下方左側為二級欄目條,右側為鏈接欄目條,屏幕中間顯示具體內容的布局。
這種布局的優點是充分利用版面,頁面結構清晰,左右堆成,主次分明,信息量大;缺點是頁面擁擠,太規矩呆板,如果細節色彩上缺少變化調劑,很容易讓人感到單調缺乏。
2.「國」字型布局
「國」字型布局是在「同」字型布局基礎上演化而來的,在保留「同」字型的同時,在頁面的下方增加一橫條狀的菜單或廣告,是一些大型網站所喜歡的類型。一般最上面是網站標題及橫幅廣告條,接下來就是網站的主要內容,左右分列一些兩小條內容,中間是主要部分,與左右一起羅列到底,最下面是網站的一些基本信息、聯系方式、版權聲明等。這種結構是在網上見到的最多的一種結構類型。
這種布局的優點是充分利用版面,信息量大,與其他頁面的鏈接切換方便,缺點是頁面擁擠,四面封閉,令人感到憋氣。
3.T型布局
這是一個形象的說法,是指頁面的頂部是「網站標志+廣告條」,左面是主菜單,右面是主要內容。這種布局的優點是頁面結構清晰、主次分明,是初學者最容易上手的布局方法;缺點是頁面呆板,如果不注意細節上的色彩,很容易讓人「看之無味」。
4.「三」字型布局
這種布局多用於國外站點,國內用得不多。特點是在頁面上有橫向兩條色塊,將頁面整體分割為但部分,色塊中大多放廣告條、更新和版權提示。
5.對比布局
顧名思義,這種布局採用左右或者上下對比的方式:一半深色,一半淺色。一般用於設計型站點。優點是視覺沖擊力強;缺點是將兩部分有機地結合比較困難。
6.POP布局
POP引自廣告術語,是指頁面布局像一張宣傳海報,一一張精美的圖片作為頁面的設計中心。這種類型基本上是出現在一些網站的首頁,大部分為一些精美的平面設計結合一些小的動畫,放上幾個簡單的鏈接或者僅是一個「進入」的鏈接,甚至直接在首頁的圖片上做鏈接而沒有任何提示。這種布局大部分出現在企業網站和個人主頁,如果處理得好的話,會給人帶來賞心悅目的感覺。
7.Flash布局
這種布局是指整個或大部分幅面的網頁本身就是一個Flash動畫,它本身就是動態的,畫面一般不叫絢麗、有趣,是一種比較新潮的布局方式。其實這與封面型結構是類似的,只是差畢橡這種類型才採用了目前非常流行的Flash,與封面型不同的是,由於Flash強大的功能,頁面所表達的信息更豐富,其視覺效果及聽覺效果如果處理得當,絕不差於虛旁傳統的多媒體。不同性質的網站,其頁面內容安排是不同的。一般網頁的基本內容包括標題、網站標識圖案(LOGO)、頁眉、頁腳、主體內容、廣告欄等。下面簡單說明:A、頁面標題在站點的沒一個頁面中都有一個標題,用來提示頁面的主要內容,著一信息將出現在瀏覽器的標題欄中,而不是在頁面的布局中。它的重要作用就是引導訪問者清楚地瀏覽網站的各項內容,不至於迷失方向。標題的加入在HTML語言中比較簡單
電子商務網站的主頁內容布局授課:花小琴常見的網頁布局結構國字型布局——國字型布局由同字型布局進化而來,因布局結構與漢字國相似而得名。其頁面的最上部分一般放置網站的標志和導航欄或Banner廣告,頁面中間主要放置網站的主要內容,最下部分一般放置網站的版權信息和聯系方式等。常見的網頁布局結構T型布局——T型布局結構因與英文大寫字母T相似而得名。其頁面的頂部一般放置橫網站的標志或Banner廣告,下方左側是導航欄菜單,下方右側則用於放置網頁正文等主要內容。常見的網頁布局結構標題正文型——標題正文型布局的布局結構一般用於顯示文章頁面、新聞頁面和一些注冊頁面等。常見的網頁布局結構左右框架型布局——左右框架型布局結構是一些大型論壇和企業經常使用的一種布局結構。其布局結構主要分為左右兩側的頁面。左側一般主要為導航欄鏈接,右側則放置網站的主要內容常見的網頁布局結構上下框架型——上下框架型布局與前面的左右框架型布局類似。其區別僅在於是一種上下分為兩頁的框架。常見的網頁布局結構綜合框架型——綜合框架型布局是結合左右框架型布局和上下框架型布局的頁面布局技術常見的網頁布局結構POP布局——POP布局是一種頗具藝術感和時尚感的網頁布局方式。頁面設計通常以一張精美的海報畫面為布局的主體。常見的網頁布局結構FLASH布局——FLASH布局是指網頁頁面以一個或多個Flash作為頁面主體的學習前端第一步:劃分網頁結構,網頁的結構的劃分應該遵循哪些原則,如何去劃分網頁的結構呢?
對於一個前端初學者,第一步就是要學會如何劃分一個網頁的結構。當設計師給到你一張設計圖,你需要根據這張圖做出一個符合標準的頁面,這里所說的標准,即w3c標准,參考w3school在線教程。那麼做出一個完整的符合標準的網頁第一步就是要劃分網頁的結構。一般來講,網頁結構的劃分需要遵循幾個原則:
一、自上而下原則
因為瀏覽器在渲染一個網頁的順序是自上而下的。這里提到了渲染這一個詞,所謂的渲染就是瀏覽器將代碼轉換為頁面顯示內容的過程。瀏覽器會自上而下讀取你寫的代碼並自上而下的顯示。
二、從左至右原則
在自上而下的同時,同一行的內容是從左至右渲染,所以在劃分結構的時候有從左至右的順序。
三、一像素原則
這個原則對於初學者來說必須堅持,但也並不是說無論什麼時候都得死認這個道理。前期我們在劃分網頁的時候一定要劃分准確,尤其是橫向。試想,如果外面的盒子寬度是1200像素,裡面兩個盒子一個600像素另一個601像素,加起來超過了父級的寬度那麼必然第二個盒子會換到下一行進行顯示。
在說完上述三個原則過後有些人就會一味地追求遵循這些原則,比如在劃分結構的時候一定要分為上下部分,但是比如下面我截取這個網頁的一部分,圖片和文字其實是屬於一個整體,文字是對圖片的說明,所以就不應該分為上下,而應該水平方向劃分,每一個圖文作為一部分內容,水平分為四部分:
我們說一般網頁有header(頭部區)、banner(廣告橫幅區)、main(主體內容區)、footer(底部區),單頁並非所有網頁都是這樣,有些網頁沒有banner但是初學者容易將header下面那一部分硬劃分為banner,有些網頁除了這幾部分還會有比如icon等區域由喜歡將他們劃分到main中去。
說到main區,這個結構劃分就多種多樣了。有些網頁是有一個從左到右通欄的背景色甚至背景圖片,這樣我們結構的劃分也應該有外層一個通欄的盒子,將背景色或者背景圖給他,裡面再嵌套一個inner盒,給可視區域的固定寬度並居中。如果沒有通欄的背景那麼這個時候是不需要給通欄的盒子,直接main區給固定寬度居中就好了。
那麼在結構劃分的時候有些盒子區域之間的空隙怎麼去劃分這也是初學者最容易犯難的問題。其實嚴格意義來講這些空白在結構劃分的時候並不會造成影響,因為空白區域在都可以用代碼來實現。不過一些文字區域你不能貼著文字的上下來劃分,因為文字都是自帶行高的。
另外,有些地方可能會有一部分小圖片或者一部分內容覆蓋在外面大盒子上,這部分在劃分結構的時候可以不用管,因為後期在代碼實現的時候我們可以利用定位技術實現。