網頁首頁設計構架分析

1、什麼叫網頁設計的架構

根據客戶需求，准確定位網站目標群體，設定網站整體架構，規劃、設計網站欄目及其內容，制定網站開發流程及順序，以最大限度地進行高效資源分配與管理的設計

2、如何設計規劃企業網站的頁面布局及結構

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

3、網站結構怎麼設計好呢？

　【釋義】全方位、多角度、深層次地建立。
從字面來看，構建應該是多方位,多角度考慮的建設行為，是一個綜合的過程。
在網站構建過程中，我們應該考慮哪些
1、網站的速度
2、網站的美觀
3、網站的用戶體驗
4、網站的安全
5、網站和企業需求的匹配度
6、網站的生存周期
7、選擇好的服務商
互聯網有一項著名的8秒原則：客戶在訪問網站時，假如下載需要太長時間，他們就會放棄訪問。據調查有近50%的用戶由於網頁速度不穩定或頁面下載速度過慢，而停止訪問曾經推崇的網站。
指我們網站打開的速度怎麼樣，是用1s就能打開,還是需要5S,甚至更長。
如果很短的話，比如：0.5S,那麼恭喜您，你的網站的速度是很不錯的。高於3-5秒，就是很不理想的值了，假如時間超過8秒瀏覽者就會感到不耐煩甚至就直接封閉網頁了。
網站的速度和哪些信息有關呢？
一、網頁內容的大小；
網頁內容所包括的文本、產品的圖片（靜態的，動態的）、視頻、Flash文件等。這里涉及到瀏覽器的原理，瀏覽器的技術原理就是將網頁下載到客戶本地緩存，然後通過瀏覽器解析源碼，以瀏覽器窗口編譯出用戶可以正常閱讀的圖片和文字，因此，網頁文件的大小決定了網站是否能快速打開。
二、網路帶寬
網路的帶寬包括對接點和客戶端兩個位置，對接點指的是出口端（如電信對網通的對接點），另一個就是瀏覽者自己本身的帶寬；
三、DNS解析時時間：
包括往返解析的次數及每次解析所花費的時間，它們兩者的積就是DNS（何謂DNS）解析所消耗的時間；很多人忽視DNS的因素，其實，DNS對網站解析速度也是非常重要的。
四、伺服器和客戶端機器的配置：
包括伺服器端與客戶機整個硬體配置程度，同樣的網路環境下，酷睿四核的伺服器的運算能力肯定要強一些，毫無疑問的；同樣的網路環境下，你用一台賽揚的機器和酷睿四核處理器的電腦，打開同樣的網頁，速度， 後者肯定要快的多。
綜合以上四點，可得到網頁訪問總時間的計算公式：
網頁打開時間=網頁內容大小/最小帶寬+解析次數*每次解析時間+伺服器處理時間+客戶端解析時間
從上面的計算公式可以看到，通過進步網路的帶寬可以降低網頁時間，但要留意，網路中的瓶頸不一定是用戶的接進點，而很可能是不同網路運營商之間的對接點。
對於同一個用戶下載同一個頁面，第一項 即頁面的大小與網路最小帶寬的比值是基本一致的。第三項處理時間是指伺服器和用戶的PC機的處理能力，該項隨著網站伺服器的負載而變化，所以網站的伺服器處理能力越強，其響應的時間相對也會更好，在相同條件下，公式的第二項將會對響應時間產生重要的影響。這裡面的伺服器處理時間，都趨近一致了。
而我們所做的就是盡量地往減少DNS在解析過程中所花費的時間，由於只有縮短網站與用戶之間的間隔是進步訪問速度的一個最有效的方法，將用戶要訪問的內容推送到離用戶最近的地方，讓他們的訪問如同訪問本地。
企業網站頁面顯示的速度取決於眾多的因素，包括伺服器性能、網路傳輸質量、網站出口帶寬、網頁架構、網頁內容包括涉及到的圖片和視頻的大小等等。
從國外訪問國內伺服器上的網站主要面臨以下題目：
1、由於網站訪問量增加，伺服器CPU資源不足導致的處理能力不足；
2、隨著用戶訪問量的增多，網站出現了網站頁面顯示速度慢題目；
3、由於中國國家總出口帶寬的不足，導致從海外訪問中國境內的網站非常的慢，網站打開慢，就導致潛伏客戶的流逝。
4、隨著網站著名度的進步，網站受攻擊的可能性越來越大；網站著名度進步，對網站安全性的需求也越來越高。假如是電子商務網站，會尤其重視網站的安全加密瀏覽等功能。

4、關於網站主頁構架設計

現在大部分都這樣了。因為從用戶的角度來說，flash和圖片更能吸引客戶，從而產生點擊行為，但限與國內網速問題，目前純flash網站打開速度太慢。容易引起瀏覽者煩躁情緒，直接關了走人，退而次之，用較小面積的flash和JS代替雖然不會太炫，但比之靜態網站要更容易吸引用戶一些，新的架構，還是看設計師的了。。

5、什麼是網站總體架構設計

網站結構是指網站中頁面間的層次關系，按性質可分為邏輯結構及物理結構。是現代網路學習和發展的一個必須的基礎技術。根據需求分析的結果，准確定位網站目標群體，設定網站整體架構，規劃、設計網站欄目及其內容，制定網站開發流程及順序。

網站架構的內容有哪些？

有程序架構，呈現架構，和信息架構三種表現，步驟主要分為硬架構和軟架構兩步程序。

網站總體框架示意圖是網站後台支撐系統的想法，一般取決於網站本身的建設意圖。

網站架構水平的高低決定著網站的整體性能和運營模式的時效性和經濟性，它的設計必須考慮到網站的模式、運營思路、用戶群體使用習慣、網站的功能等等。

網站結構對網站的搜索引擎友好性及用戶體驗有著非常重要的影響。網站結構在決定頁面權重上起著非常關鍵的作用，會直接影響到搜索引擎對頁面的收錄。一個合理的網站結構可以引導搜索引擎抓取到更多、更有價值的網頁。如果網站結構混亂，往往就會造成搜索引擎陷入死循環、抓取不到頁面等問題。網站結構的好壞會決定用戶瀏覽的體驗度，合理的網站結構是優化網站關鍵詞排名的前提。

所以，網站結構可以影響網站內部頁面的重要性，合理的內部鏈接策略就可以對重要頁面進行突出、推薦等操作。

繪制網站概要圖符號

網站概要圖模板

6、網站框架設計的思路是怎麼樣的

1、網站色彩的布局
網站給客戶的第一印象就是網站整體色調的樣式，能夠幫助我們為客戶留下好印象，從而為後面的轉化做好鋪墊。
網頁配色，合理的配色可以加深客戶的記憶；
2、網站關鍵詞的布局
作為現代企業很多都選擇了與互聯網相輔的思想來做網頁優化，如果網站要做關鍵詞排名，要合理布置網頁關鍵詞，因為這樣的布局能夠為網站帶來一定的權重和收錄，提升網站排名，從而提高轉化量。
3、網站功能的布局
企業為了更好的留住客戶，並提升客戶的體驗度，從而讓線上自身官網開發一定的體驗功能，幫助企業挽留客戶的腳步，為企業帶來咨詢量。
4、網站欄目的布局
網站欄目的合理布局有兩點作用：第一能夠第一眼使客戶明白我們能為他們提供什麼服務；第二可以加強自身關鍵詞的相關性和權重；

7、網頁設計的布局有哪幾種

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

1.「國」字型：

2.拐角型：

3.標題正文型：

4.左右框架型：

5.上下框架型：

6.綜合框架型：

7.封面型：

8.Flash型：網頁設計

9.變化型：網頁設計

8、阿里巴巴網站的網頁布局結構

下面讓我們來對阿里巴巴的網頁設計布局進行分析：
阿里巴巴中國站(china.alibaba.com)被google收錄的中文網頁數量2006年8月份數據為5320000，不僅從被收錄的網頁數量上來說，要遠遠高於同類網站的平均水平，更重要的是，阿里巴巴的網頁質量比較高，潛在用戶更容易通過搜索引擎檢索發現發布在阿里巴巴網站的商業信息，從而為用戶帶來更多的商業機會，阿里巴巴也因此獲得更大的網站訪問量和更多的用戶。
1．從整體結構看：
設計作品的整體效果是至關重要的，在設計中切勿將各組成部分孤立分散，那樣會使畫面呈現出一種枝蔓紛雜的凌亂效果。點擊打開阿里巴巴的網站，訪問者可以很快的查找到自己所要尋找的信息和內容，理由是它的每個頁面都有獨立的標題，並且網頁標題中含有有效的關鍵詞，每個網頁還有專門設計的META標簽，而且圖形和文本層疊有序，框架結構明顯。從整體上看網站上的圖片不是很多，因為它知道搜索引擎讀不出來圖片的信息和內容的。
2．從頁面的相互關系看：
阿里巴巴的各組成部分在內容上的內在聯系和表現形式上的相互呼應很明確，並注意到了整個頁面設計風格的一致性，並且在搜索引擎搜索信息的情況下，阿里巴巴將它的主要業務放在了整個框架的最左邊也就是搜索引擎最關注的地方。它抓住了搜索引擎的在搜索信息的特點。實現視覺上和心理上的連貫，使整個頁面設計的各個部分極為融洽。
3.頁面分割的角度看：
分割，是指將頁面分成若干小塊，小塊之間有視覺上的不同，這樣可以使觀者一目瞭然。阿里巴巴在這方面就做的很出色。它在信息量很多時，將關鍵詞列出來，將畫面進行了有效的分割，使關注者更清楚的知道關鍵詞的背後就是他所要的信息。所以網頁設計中有效的分割可以被視為對於頁面內容的一種分類歸納。
4．從頁面對比的角度看：
對比就是通過矛盾和沖突，使設計更加富有生氣。對比手法很多，例如：多與少、曲與直、強與弱、長與短、粗與細、疏與密、虛與實、主與次、黑與白、動與靜、美與丑、聚與散等等。阿里巴巴在網頁設計中無論是顏色、文本信息、文字的大小、格式、等等都無可非議。因為它給人的感覺很協調很舒服。
5．從頁面和諧的角度看：
和諧是指整個頁面符合美的法則，渾然一體。如果一件設計作品僅僅是色彩、形狀、線條等的隨意混合，那麼作品將不但沒有「生命感」，而且也根本無法實現視覺設計的傳達功能。和諧不僅要看結構形式，而且要看作品所形成的視覺效果能否與人的視覺感受形成一種溝通，產生心靈的共鳴。這是設計能否成功的關鍵。打開阿里巴巴的網頁一開始給人有點單一的感覺，因為它的色彩不時很鮮明，但是從整體角度在看會發現它的顏色和線條的搭配讓人的視覺效果和它的網頁達到一種想溝通的效果，尤其是它框架兩邊的空白部分從美學角度可以說明兩點：一是顯示阿里巴巴企業的卓越；二是顯示網頁品味的優越感。所以從整體上體現出了網頁的格調。
所以阿里巴巴之所以能夠做到今天這樣的成就，可以看出它在每一個方面的專業化和深入的程度。所以其他的網站在設計布局的同時有必要向阿里巴巴深入的學習。

9、幾種常見網頁布局設計

網站是有網頁構成，這點相信很多的從事網站建設或者是接觸過網站開發的站長應該都清楚，但是你現在的問題是，雖然很多的企業都想要建設網站，但是對於網站的布局了解的並不清楚，下面就跟著我們沃然一起來了解一下網站建設中幾種常見的布局吧。
1、區塊型

2、國字型
3、門戶型
4、Flash型
5、左右框架型
6、拐角型
7、封面型
8、標題正文型
9、上下框架型
10、綜合框架型