1. 網站結構怎麼設計好呢

【釋義】全方位、多角度、深層次地建立。
從字面來看，構建應該是多方位,多角度考慮的建設行為，是一個綜合的過程。
在網站構建過程中，我們應該考慮哪些
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、隨著網站著名度的進步，網站受攻擊的可能性越來越大；網站著名度進步，對網站安全性的需求也越來越高。假如是電子商務網站，會尤其重視網站的安全加密瀏覽等功能。

2. 網頁版面布局設計的原則是什麼

一個好的網站必須要體現在整體的策劃、設計、布局、網站的定位、色彩搭配，最重要的是網站頁面的小細節處理。整體感覺是否符合行業的需求、符合公司的文化。有許多企業都會說我要做一個大氣的網站、實際上從專業的角度來講應該要做一個最適合你的網站，你搞機械銷售的不可能去像廣告設計公司的搞得很花哨的的，現在網站都講究簡潔，適用，用戶體驗好。網站設計中結構布局就顯得尤為重要，需要注意的以下方面：

網站的框架要簡約明了，主題思想明確，導航要設計合理，核心信息放在網站的左上側，這個地方搜索引擎爬蟲程序最感興趣先行抓取，客戶也最感興趣這里。製作網站框架要清晰，布局要合理，拒絕雜亂的代碼，拒絕大量的js腳本和flash動畫，這樣會影響網站的訪問速度，欄目設置要清晰易見，讓用戶瀏覽起來簡潔舒服。一個網站一處滾動就已經OK了。網頁布局應該遵循一個原則，即「先上後下，先左後右」原則。由於搜索引擎在執行搜索的時候，其搜索的順序跟我們瀏覽頁面的順序是一樣的，即前面說的原則。遵循這個原則有助於搜索引擎蜘蛛抓取頁面快速收錄。

由於搜索引擎爬蟲程序是直接識別頁面代碼來得到信息的。這樣製作網站的目的也就是為了讓網頁蜘蛛能夠毫不吃力地順利爬行完網頁。當然沒什麼好辦法控制搜索引擎，但有辦法改變頁面。製作網站過程中，標簽的使用也是很有講究的，通常要把握下面幾個原則：保持良好的層次框架，近似h1h2h3等標簽都應依照標簽本身的用處來使用，比方：h1標簽表示網頁主標題，且在一個網頁中只能使用一次。在部分權重較高的標簽中，合理的融入關鍵詞，如h1、strong等標簽。

css命名規則符合一定標准規范，較長名稱選擇駝峰式命名規則，如.tophead。代碼盡量做到簡潔，禁止使用代碼生成工具製作網頁。代碼在實現基本的框架、樣式、和行為分離的基礎上，還要做到可用、精簡、有序而且符合seo代碼標准規范。網站js結構選擇jquery，全部腳本盡量封裝到一個包內。網站flash調用代碼盡量要確保瀏覽器兼容性，這些結構問題都要在製作中要先行規劃。

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

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

4. 網頁版面布局設計的類型有哪些

設計首頁的第一步是設計版面布局。就象傳統的報刊雜志編輯一樣，我們將網頁看作一張報紙，一本雜志來進行排版布局。雖然動態網頁技術的發展使得我們開始趨向於學習場景編劇，但是固定的網頁版面設計基礎依然是必須學習和掌握的。它們的基本原理是共通的，你可以領會要點，舉一反三。
版面指的是瀏覽器看到的完整的一個頁面(可以包含框架和層)。因為每個人的顯示器解析度不同，所以同一個頁面的大小可能出現640*480像素,800*600像素,1024*768像素等不同尺寸。
布局，就是以最適合瀏覽的方式將圖片和文字排放在頁面的不同位置。
你可能注意到:「最適合」是一個不確定的形容詞，什麼才是最適合的呢?抱歉的是阿捷不能也不可能給您一個完整的正確的答案。就好比有人希望知道成功的秘訣是什麼，成功者只能建議您用什麼方法，什麼途徑才能最容易獲得成功，而不可能有一步成功的"秘訣"告訴您。

5. 如何做好網頁的版式設計

網站的欄目策劃是在網站製作過程中容易忽視的一個細節，因為在網站製作的過程中都比較重視頁面的設計和網站實現的功能，其實網站的欄目策劃在網站製作過程中起著決定性的作用，是用戶的一個導航索鏈，有的欄目設置精妙，就可以把用戶帶入到另一個頁面，讓用戶在網站中停留，使用戶更加了解企業。所以，網站欄目也是一個核心要點，下面沃然建站總結了一些關於網站欄目策劃的小建議，
1、 網站欄目策劃的重點是導航：
在網站策劃中要注意導航條的位置要明顯且統一，有一些網站是無法做到，這個會給用戶帶來易進不易出的一個環繞，從而導致用戶直接關閉網站，跳出率就會增長。

2、 網站欄目結構要層級分明，條理清晰：
打開一個網站，有的是有很多內容的，有各式各樣的產品，而欄目就是方便用戶找到所需內容的一個重要導航，所以嘉陵道小程序製作公司建議要做到層次分明、條理清晰，網站欄目最好不要超過三層，不要讓用戶層層剝繭似的找到所需內容，同時對推廣也是有影響的。

3、網站欄目命名要清晰、易懂：
中國文字博大精深，有些企業喜歡別出心裁的取一些欄目名，創意確實很好，但是想要知道名稱意思並不是自己為主，這樣容易產生反效果，如果你能創造通俗易懂，又有創意的那就更好了。

4、網站欄目在網站建設中布局要合理：
嘉陵道小程序製作公司提醒欄目不是隨便放著就可以了，也需要配合網站建設中網頁設計的整體搭配，做到二者兼得是最佳的狀態。

6. 如何做一個專題頁面網站

看你服務的什麼平台了，我維護央視網，搜狐，新浪等網站，專門做專題，flash，seo。
相對來說新浪的後台最容易。

專題最好用tab做，也就是表格模式，兼容性最好，但是如果你要常常修改的專題就用div。
一般門戶網站的專題用靜態的html就好。
想用ps或者其他軟體做好設計，可以直接切片。如需要加入焦點圖或者flash效果，就要使用DW來添加了。

最好的方法是，你看中哪個專題了。直接下載，放入DW修改。改成自己的就是了

7. 如何製作網站專題頁面

一、以下是網站專題頁製作的基本功：

1、創意設計
說到創意，應該是設計師最擅長，但肯定也是最頭疼的問題，如何評判一個創意的好壞，借用周董的一句話「哎呦，不錯哦」。當別人看到你的頁面的時候，能發出這種感慨，那基本上你的這個頁面應該是做到位了。這里介紹5種小方法：
2、版式設計
版式設計應該算是最基本的設計原則，這個雖然闡述起來比較簡單，如果要運用的好還是需要多下工夫。這里通過一個簡單的例子來解釋版式設計中的幾個原則：
3、色彩設計
這里的色彩設計並不是對色彩理論的解釋，也不是對色彩感覺的解釋，因為本人是個色彩感覺一般的設計師。這里只說3個原則：色彩對比、色彩大小與形狀、彩色位置。
4、趣味設計
趣味設計更多的是一種親切感，並不是所有的頁面都要求有，但是偶爾為之，會讓頁面添色不少。
5、關於頁面載入
圖片設計的時候注意大小，這個是關繫到頁面的載入時間。
二、以下是網站專題頁製作的整體思路：
1、確定產品專題頁面表現形式
電腦端網站上面目前主流的專題頁面就是是長頁面滾動條，還是多屏滾動切換的形式。如果是移動端的話可以使用H5做一個多屏滾動切換的效果來展現;表現形式本身並沒有什麼，個人建議是在電腦端如果是信息比較多的可以優先考慮長頁面滾動條的形式，如果是針對產品某一個點展開討論，內容相對比較少，可以優先考慮多屏滾動切換形式。
2、順著用戶心思架構樓層
不同的產品，不同的主題，不同的切入點，不同的人策劃出來的專題頁面布局都是不一樣的，所以無法非常固定提供給大家一個類似公式的東西去嵌套，大家要確定好思路。
3、別忘了你要干什麼
產品專題頁面設計到最後的時候，不要忘了你的初衷：你想要通過這個專題頁實現什麼?如用戶注冊會員，點擊咨詢產品，點擊下單，關注公眾號，參與活動等等。
如果你前面的布局策劃的非常好，完全牽著用戶的想法在走，那麼走到這一步，應該說離你的目標距離又近了一步，只差臨門一腳了!甭管最後能不能實現目標，你要做的就是再添「一把火」，告訴用戶的緊迫性，讓用戶自己著急。

8. 怎樣設計網站的結構和布局

網站結構有兩方面的意思，一是物理結構，二是邏輯結構。
一是物理結構
一般物理結構分為兩種，一是扁平式，是所有網頁都在域名根目錄下。第二種就是樹型結構，也就是根目錄下分成多個頻道，或者叫類別，目錄等，甭管名稱是什麼，都是一個意思，然後在每一個頻道下面再放上屬於這個頻道的網頁。
第二個意義指的是邏輯結構或鏈接結構，也就是由網頁內部鏈接所形成的邏輯的或鏈接的網路圖。
比較好的情況是邏輯結構與前面的樹型物理結構相吻合，也就是說:
主頁鏈接向所有的頻道主頁
主頁一般不直接鏈接向內容頁，除非是你非常想推的幾個特殊的頁
所有頻道主頁都連向其他頻道主頁
頻道主頁都連回網站主頁
頻道主頁也連向屬於自己本身頻道的內容頁
頻道主頁一般不連向屬於其他頻道的內容頁
所有內容頁都連向網站主頁
所有內容頁都連向自己的上一級頻道主頁
內容頁可以連向同一個頻道的其他內容頁
內容頁一般不連向其他頻道的內容頁
內容頁在某些情況下，可以用適當的關鍵詞連向其他頻道的內容頁
頻道形成分主題
目錄與文件的命名原則
由於：hun
yin
jia
ting
等於
hun-yin-jia-ting等於
hunyinjiating
不等於
hun20%yin20%jia20%ting；
所以：文件名因此取名為「hun-yin-jia-ting.htm」或者「hunyinjiating.htm」，而不要取名為「hun
yin
jia
ting.htm」或「hyjt.htm」；
原則：取短舍長，取全拚捨簡拼，取舊舍新（同級），適情而定。
目錄與文件權重級別
1
www..com
2
www..com/seo
3
www..com/seo.html
4
www..com/index.html
5
www..com/seo/123
6
www..com/seo/inde.html
同級下的目錄大於文件的原則；
同級下的集體大於個體的原則；

9. 如何設計網站版面

版面布局的步驟：

一.草案

新建頁面就象一張白紙，沒有任何錶格，框架和約定俗成的東西，你可以盡可能的發揮你的想像力，將你想到的"景象"畫上去(我們建議您用一張白紙和一支鉛筆，當然用作圖軟體photoshop等也可以)。這屬於創造階段，不講究細膩工整，不必考慮細節功能，只以粗陋的線條勾畫出創意的輪廓即可。盡你的可能多畫幾張，最後選定一個滿意的作為繼續創作的腳本。

二.粗略布局

在草案的基礎上，將你確定需要放置的功能模塊安排到頁面上。(註：功能模塊我們在"首頁設計-引子"中提過，主要包含網站標志,主菜單,新聞,搜索,友情鏈接,廣告條,郵件列表,計數器,版權信息等)。注意，這里我們必須遵循突出重點、平衡諧調的原則，將網站標志，主菜單等最重要的模塊放在最顯眼，最突出的位置，然後在考慮次要模塊的排放。

三.定案

將粗略布局精細化，具體化。（靠你的智慧和經驗，旁敲側擊多方聯想，才能作出具有創意的布局。）

在布局過程中，我們可以遵循的原則有：

1、正常平衡---亦稱"勻稱"。多指左右、上下對照形式，主要強調秩序，能達到安定誠實、信賴的效果。
2、異常平衡---即非對照形式，但也要平衡和韻律，當然都是不均整的，此種布局能達到強調性、不安性、高注目性的效果。
3、對比---所謂對比，不僅利用色彩、色調等技巧來作表現，在內容上也可涉及古與今、新與舊、貧與富等對比。
4、凝視---所謂凝視是利用頁面中人物視線，使瀏覽者仿照跟隨的心理，以達到注視頁面的效果，一般多用明星凝視狀。
5、空白---空白有兩種作用，一方面對其他網站表示突出卓越，另一方面也表示網頁品位的優越感，這種表現方法對體顯網頁的格調十分有效。
6、盡量用圖片解說---此法對不能用語言說服、或用語言無法表達的情感，特別有效。圖片解說的內容，可以傳達給瀏覽者的更多的心理因素。

以上的設計原則，雖然枯燥，但是我們如果能領會並活用到頁面布局裡，效果就大不一樣了。比如：

○網頁的白色背景太虛，則可以加些色快；
○版面零散，可以用線條和符號串聯；
○左面文字過多，右面則可以插一張圖片保持平衡；
○表格太規矩，可以改用導角試試。

經過不斷的嘗試和推敲，你的網頁一定會亮麗起來的哦:)

10. 總結網站設計的幾種版面布局形式

網站設計中.新鮮和個性是布局的最高境，能加強視覺效果。
1、T結構布局，就是指頁面頂部為橫條網站標志+廣告條，下方左面為主菜單，右面顯示內容的布局，因為菜單條背景教深，整體效果類似英文字母T,這是網頁設計中用的最廣返的一種布局方式。
這種布局的優點是頁面結構清晰，主次分明。是初學者最容易上手的布局方法。缺點是規矩呆板，如果細節色彩上不注意，很容易讓人看之無味。
2、口型布局。就是頁面一般上下各有一個廣告條，左面是主菜單，右面放友情連接等，中間是主要內容。
這種布局的優點是充分利用版面，信息量大。缺點是頁面擁擠，不夠靈活。也有將四邊空出，只用中間的窗口型設計，例如網易壁紙站。
3、三型布局。這種布局多用於國外站點，國內用的不多。特點是頁面上橫向兩條色塊，將頁面整體分割為四部分，色塊中大多放廣告條。
4、對稱對比布局，採取左右或者上下對稱的布局，一半深色，一半淺色，一般用於設計型站點。優點是視覺沖擊力強，缺點是將兩部分有機的結合比較困難。
5、POP布局。POP引自廣告術語，就是指頁面布局象一張宣傳海報，以一張精美圖片作為頁面的設計中心。常用於時尚類站點。優點：漂亮吸引人。缺點就是速度慢。作為版面布局還是值得借鑒的。