1、網站設計要怎麼設計?
網站設計精華65條原則
01.明確內容
如果你想成為一個網站設計者，並正想建一個網站的話，首先應該考慮網站的內容，包括網站功能和你的用戶需要什麼。你的整個設計都應該圍繞這些方面來進行。
02.抓住用戶
如果用戶不能夠迅速地進入你的網站，或操作不便捷，網站設計就是失敗的。不要讓用戶失望而轉向你的對手的網站。
03.優化內容
內容是核心。大約在兩年以前，企業網站就像一本廣告冊子，更槽糕的是，網站使用了大量的圖片，似乎要幾個世紀才能下載完。
Chanels網站（www.emju.com）在設計的某些方面是成功的，但是內容太貪乏，並且要花很長時間才能找到所要的東西，因此不能算是一個成功的網站。
04.快速下載
沒有什麼比要花很長時間下載頁面更槽糕的了。作為一條經驗，一個標準的網頁應不大於60K，通過56K數據機載入花30秒的時間。有的設計者說網頁載入應在15秒內。
05.網站升級
時刻注意網站的運行狀況。性能很好的主機隨著訪問人數的增加，可能會運行緩慢。但是，如果你不想失去訪問者的話，一定要仔細計劃好你的升級計劃。
06.堅持基本原則
即使你不懂HTML語言，你只需購買一個有版權的所見即所得的網頁設計工具，如Adobe PageMill或Microsoft FrontPage Express，就可以創建一個看起來很合理的網站。但是，在設計時，這些軟體包雖然不需要HTML，卻使網站速度下降。
為了成功地設計網站，你必須理解HTML是如何工作的。大多數的網站設計者建議網路新手應從有關HTML的書中去尋找答案，用Notepad製作網頁。
07.學習HTML
用HTML設計網站，可以控制設計的整個過程。但是，如果你僅僅是網站設計的新手，你應該尋找一個允許修改HTML的軟體包。HomeSite4是一個很好的Web設計工具。在設計過程中，HomeSite4能幫助你學習HTML。它還允許你切換到所見即所得的模式，以便你在把網站發送到Web之前，預覽你的網站。
08.用筆畫一個網站的框架
聖人雲：筆比劍更強大。在用計算機之前，用筆畫一個網站的框架，顯示出所有網頁的相互關系。計劃好你的用戶如何以最少的時間瀏覽你的網站。
09.「在計算機上永遠也找不到好的方案」。——專家忠告
10.網站地圖
許多設計者把他們的網站地圖放在網站上，這種做法，卻是弊大於利。絕大部分的訪問者上網是尋找一些特別的信息，他們對於你的網站是如何工作的，並沒有興趣。如果你覺得你的網站需要地圖，那很可能是需要改進你的導航和工具條。
11.「睜大你的眼睛，留意所有的事情。
對最不相關的東西的觀察可以得到最好的靈感。觀察一個站點的結構和設計。理解站點結構的關鍵元素，確保你的設計是圍繞站點瀏覽進行的。」 ——專家忠告
12.點擊規則 聽說過3次點擊規則嗎？對於小型網站，在你的主頁上，沒有任何一條信息，需要點擊次數超過3次的。對於大型網站，使用導航和工具條來改善操作。
13.特殊字體的應用
雖然你可以在你的HTML中使用特殊的字體，但是，你不可能預測你的訪問者在他們的計算機上將看到什麼。在你的計算機里看起來相當好的頁面，在另一個不同的平台上看起來可能非常糟糕。一些網站設計員喜歡使用來定義特性，這雖然允許你使用特殊的字體，但是仍需要一些變通的方法，以免你所選擇的字體在訪問者的計算機上不能顯示。級聯風格表CSS有助於解決這些問題，但是只有最新版的瀏覽器才支持CSS。
14.「使用切合實際的簡便的命名規則。」 ——專家忠告
15.檢查錯別字
好的拼寫是人們一生中重要的技能。但是遺憾的是，許多設計者都缺少這種技能。確保你拼寫正確，並且格外注意平常容易誤寫的錯別字。
16.避免長文本頁面
在一個站點上有許多隻有文本的頁面，是令人乏味的，且也浪費Web的潛力。如果你有大量的基於文本的文檔，應當以Adobe Acrobat格式的文件形式來放置，以便你的訪問者能離線閱讀。
17.不要使用卷滾條
人們厭惡在網上使用卷滾條。Trouble網站（www.Trouble.co.uk）是一個典型的設計很差的網站。它基於一個浮動的架構，為了閱讀所有的文本，瀏覽者不得不使用卷滾條。
18.專家最喜愛的Web設計工具
1.Adobe Photoshop
2.Macromedia Flash
3.Adobe Illustrator
4.Adobe ImageRead
5.Dreamweaver
6.Macromedia Fireworks
7. Allaire Homesites
8.Microsoft Notepad
9. Macromedia Director
10. Lightwave
11. Macromedia Freehand
12．其它：Adobe Acrobat Exchange，Allaire ColdFusion,BBEdit,HTMLValidator等。
19.網站介紹
你應當有一個很清晰的網站介紹，告訴訪問者你的網站能夠提供些什麼，以便訪問者能找到想要的東西。但是，許多設計者都沒有這樣做。有效的導航條和搜索工具使人們很容易找到有用的信息，這對訪問者很重要。告訴訪問者你所提供的正是他們想要的信息。
20.「網站一旦發布，網站設計的優點和缺陷全都公布於世。
沒有什麼法使你能夠比從自己的錯誤、傾聽其他人的建議和用戶反饋意見中學到多的東西。」——專家忠告
21.閃爍讓人頭痛
通過使用標識可以吸引訪問者對你的主頁特殊部分的注意，但這也讓你的訪問者頭痛。如果你想使訪問者再次光顧你的網站，就少用此方法。
22.背景顏色
背景顏色也會產生一些問題，可能會使網頁難於閱讀。你應當堅持使用白色的背景和黑色的文本，另外還應當堅持使用通用字體。
23.向前和向後按鈕
應當避免強迫用戶使用向前和向後按鈕。你的設計應當使用戶能夠很快地找到他們所要的東西。絕大多數好的站點在每一頁同樣的位置上都有相同的導航條，使瀏覽者能夠從每一頁上訪問網站的任何部分。
24.「堅持你的信念。嚴格遵守各種規則。避免想當然。絕不停止學習」 ——專家忠告
25.點擊記數器
不要輕易考慮在你的網站上放置一個醒目的點擊記數器。你設計網站是為了給訪問者提供服務，而不是推銷你自己認為重要的東西。大多數瀏覽者認為計數器毫無意義，它們很容易被做假，瀏覽者也不想看廣告。如果你顯示你的網站是多麼受歡迎，你最好提供一個鏈接，顯示訪問日誌。
26.不要用框架
與記數器一樣，框架在網頁上越來越流行。在大多數網站上，在屏幕的左邊有一個框架。但是設計者立刻就發現，在使用框架時產生了許多的問題。使用框架時如果沒有17英寸的顯示屏幾乎不可能顯示整個網站。框架也使得網站內個人主頁不能夠成為書簽。也許更重要的是，搜索引擎常常被框架混淆，從而不能列出你的網站。
27.去掉圖像
在瀏覽器中即使去掉了圖像功能，也要保證訪問者能夠在你的網站上獲得滿意的效果。對於那些使用ISDN連接並且關掉了圖像功能的訪問者，還能獲得好的網頁載入性能。可以通過在網頁底部提供另外的鏈接和使用替代文字，而不是圖像來滿足訪問者的需要。
28.重復使用圖像
一些網站由於使用大量不重復的圖像而錯過了使用更好的技巧的機會。在創建商標時，在網頁上多次使用同樣的圖像是一個好的方法，並且一旦它們被裝入，以後重新載入就會很快。
29.避免使用過大的圖像
不要使用橫跨整個屏幕的圖像。避免訪問者向右滾動屏幕。佔75%的屏幕寬度是一個好的建議。
30.「避免使用炫耀的技巧。」 ——專家忠告
31.選擇使用Flash動畫
許多使用比較慢的計算機的訪問者發現動畫圖標很容易耗盡系統資源，使網站的操作變得很困難，因此，應該給用戶一個跳過使用Flash動畫的選擇。
32.盡量少使用Flash插件
雖然許多Web設計者認為Flash功能很強大，並且Netscape5.0將支持Flash，在使用時不必再下載任何插件。
但是，最好還是取消使用Flash做各介面的想法。
33.讓用戶先預覽小圖像
如果不得不放置大的圖像在網站上，就最好使用Thumbnails軟體，把圖像的縮小版本的預覽效果顯示出來，這樣用戶就不必浪費金錢和時間去下載他們根本不想看的大圖像。
34.動畫與內容應有機結合
確保動畫和內容有關聯。它們應和網頁渾然一體，而不是乾巴巴的。動畫並不只是Macromedia Director等製作的東西的簡單堆積。
35.慎用聲音
聲音的運用也應得到警惕。內聯聲音是網頁設計者的另一個禁地。因為過多地使用聲音會使下載速度很慢，同時並沒有帶給瀏覽者多少好處。首次聽到滑鼠發出聲音可能會很有趣，但是多次以後肯定會很煩人。使用聲音前，應該仔細考慮聲音將會給你帶來什麼。
36.少用Java和AxtiveX
在網頁上應盡量少使用Java和AxtiveX。因為並不是每一種瀏覽器都需要使用它，只有那些Netscape和Explorer的早期版本的使用者才需要它。另外Mac在處理Java時也存在問題，過分地使用Java，會使Mac崩潰。
37.設計成功的網站
www.emju.com
www.bmw.co.uk
www.yugop.com
www.comicrelief.org.uk
www.dreamcast-europe.com
www.newsunlimited.co.uk
www.newbeetle.com
www.swoon.com
www.viact.co.uk
38.慎用插件
在Web設計中，如果依賴於一些特別的插件，會減少網站的吸引力。如果訪問者沒有所要求的插件，將不得不到其它站點去下載，這樣訪問者有可能就不會返回了。
39.使用著名的插件
如果網站上有聲音或視頻，要保證使用者通過使用某個知名的插件，能夠聽到或看到。許多站點使用QuickTime、RealPlay和Shockwave插件。因為，許多訪問者並不願意浪費很多時間和金錢去下載可能僅使用一次的插件。
40.使用先進技術
跟上新的技術。Web技術的進步絕不會停止，所以應花一些時間來研究新產品和開發技術。
41.自己創建圖像和聲音
使用你自己創建的或從某個商業網站上下載的圖像和聲音。在製作商業網站時，應該花足夠的資金來創建圖形，以增強公司的宣傳。——專家忠告
43.平台的兼容性
要為用戶著想，必須最少在一台PC和一台Mac機上測試你的網站，看看兼容性如何。
44.用軟體分析工具找錯
使用軟體分析工具檢查HTML。軟體分析工具Doctor HTML能夠幫助檢查HTML中的任何問題。如果你有許多網頁需要檢查，可選用軟體分析工具。在網址www.weblint.org/validation.html中，你能夠找到更多有效的HTML工具。
45.避免錯誤鏈接
網站中可能與其它一些有用的站點作了鏈接。但是，如果在你的網頁上有鏈接，一定要經常檢查它們，保證鏈接有效。鏈接的網站可能很多，但不要鏈接到與你的內容無關的網站上。
46.給觀眾成熟的東西
如果網站沒有完成，就不要發送到Web上。所有好的網站都是在幕後完成之後再發布的。
47.在搜索引擎上登記網站
任何一個人發現你的網站的機會都很少，除非你把你的網站在主要的搜索引擎上進行登記。
48.設計一個留言板
瀏覽者願意把時間花在好的網站上，所以最好有一個留言本，這能激勵訪問者再次回到你的網站，還有助於擴充網站內容。
49.測試網站
在你的網站正式發布之前，必須進行有用的測試。在設計網站時要使用最新的軟體，但是不要忘了人們並不會使用最新的瀏覽器，所以要照顧到以前的瀏覽器。在上載網站時還要測試所有的鏈接和導航工具條。
50.「盡你所能反復測試所設計的網站，直到你不能發現新的東西為止」——專家忠告
51.演示即將發布的網站
在網站正式運行之前，讓人演示它。演示中人們會告訴你所設計的網站是否容易使用。
52.動畫點綴 網頁上的動畫最多隻用一個。
53.「傾斜的按鈕看起來不會太好，最好不要使用。」——專家忠告
54.內容組織
在開始創建新的網頁前，仔細考慮網站內容的組織。決定好想讓訪問者瀏覽的內容，然後設計導航系統。
55.「空白萬歲」
注意留空白。不要用圖像、文本和不必要的動畫GIFs來充斥網頁，即使有足夠的空間，在設計時也應該避免使用。
56.「利用空白去吸引注意力。
為了吸引眼球，Web設計者使用各種方法， 比如：閃爍、旋轉等，但是利用空白會吸引更多的注意力。」——專家忠告
57.圖像壓縮
為了保持小的圖像，可以使用類似GIF向導的程序，它能自動對圖像進行壓縮。先聲明圖像的大小
在圖像顯示之前最好能詳細說明圖像大小屬性，可以在IMG標簽中保存這個屬性。這可以使網頁顯得很流暢，因為瀏覽器可以在圖像被下載之前在屏幕上顯示整個網頁。
58.設計失敗的網站
——在它上面找一件T恤衫要花一個小時；
——給顧客承諾的服務太多，但真正實現的太少；
——二年以前的設計水平，忽視了顧客的需要；
——不吸引人，主頁太雷同
——設計太差
.
——沒有新意
——導航不知所雲
59.圖像大小屬性 可以在IMG標簽中保存這個屬性。這可以使網頁顯得很流暢，因為瀏覽器可以在圖像被下載之前在屏幕上顯示整個網頁。
60.用戶注冊
如果能知道誰瀏覽了網站以及是怎樣瀏覽網站的，那麼就能得到大量有用的信息。但是，要求訪問者在瀏覽網站之前進行注冊，這樣做是要冒風險的，因為這將趕走一批不願意注冊的人。獲得信息的另一種方法是進行有獎競猜或金錢獎勵，讓用戶能主動填一些信息反饋表。
61.使網站具有交互功能 在網站上提供一些回答問題的工具，使得訪問者能從網站上獲得交互的信息。
62.圖片更新
盡可能經常更換網站上的圖片，人們更願意點擊的是圖片而不是文本。
63.在網站上提供游戲
游戲是很好的交互工具，它是使訪問者能再次光顧網站的好方法。
64.挑選工具軟體
仔細選擇Web設計工具。保證使用自己最想要的、自我感覺最好的軟體。
65.使用最新版本的軟體
盡量使用Web設計軟體的最新版本。
如果覺得好的話，記得留言哦。
來源：http://www.fanxubo.cn 第二人生
2、如何設計網站導航系統？
導航模式
網站的導航如何設計，在設計網站導航時首先應該明確用戶的瀏覽習慣，根據用戶的瀏覽習慣，首先會先大概地掃視一遍頁面，其次則會開始尋找導航欄，快速從導航欄上找到主要信息，引導用戶尋找網站對他有用的信息。一般來說左邊的權重要比右邊的權重要高一些。
網站的導航信息應該明確，，設計一個有魅力的導航還能留住用戶瀏覽更多的內容信息，帶給用戶良好的體驗。在網站導航設計上應該主要關注一下幾點：導航的模式常見的導航模式有很多，例如頂部水平橫欄式，垂直導航欄，側邊固定式，滑出或者彈出窗口導航等，通常網站是根據所要展示的內容要點來選擇不同的導航。如果網站的內容較少，在網站導航上可以選取水平式導航，這樣既可以重點內容而且簡單清晰，網站內容較多的時候可以選擇抽屜式的導航，用戶在瀏覽網站時各種信息都很明確。如果網站的顯示頁過長，比較試用的是垂直式導航，方便用戶在瀏覽內容時導 航信息始終保持在一個位置可以被快速找到。
導航內容
網站的導航應該是對整個網站想要展示的信息總結，導航的信息要與詳細頁面符合，標題的總結要精簡，注意網站小內容最好不要以導航的總標題形式出現，可通過細分的下拉菜單，或者以更多形式的小菜單欄里出現。
導航細節
在導航設計時可以設置一個「回到頂部」 的標志，以便用戶快速到達頭部的導航位置。這樣對於網站內容較多用戶下滾的內容過長時就可以快速的回到頂部了。
導航創意
我們都喜歡新的東西，在看慣了千篇一律的導航形式如果能給導航加點創意，那麼肯定會非常吸引人眼球。
網站的導航在網站設計中有著舉足輕重的地位，好的網站導航是成功的一半，所以在網站的導航設置上更加註意。
3、網站導航欄如何設計才有利於SEO優化？
1）、網站導航包含關鍵詞
通常來講，網站導航一般都會包含核心關鍵詞與長尾關鍵詞，為了使得頁面看著簡潔美觀，通常只是選擇某個關鍵詞替代，而利用Title標簽，表達完整的關鍵詞。
當然，這里值得提醒的是，有的企業站點為了增加某個關鍵詞的密度，而把關鍵詞放在網站導航上，而去掉超鏈接，這雖然是一種策略，但略有作弊嫌疑。
2）、網站導航合理利用H2-H3標簽
除了特殊的SEO單頁優化，會出現多個H1標簽，一般正常的網站每個獨立頁面基本上只包含1個獨立H1，所以在導航條設計的時候，你需要合理的分配標簽H2-H3，給相應的欄目，從而提高重視度。
3）、避免內容頁面與網站導航關鍵詞沖突
站內錨文本是每個SEO人員，都會設置的，但這里大家經常忽略一個小細節，通常而言，搜索引擎，習慣只記錄某個鏈接的出現的錨文本關鍵詞。
基於搜索引擎的抓取順序，從上到下，從左到右，如果在導航條出現的關鍵詞，就盡量不要在內容頁面，給這個鏈接同樣的錨文本，你可以採用語義相關的詞。
4）、利用導航突破關鍵詞排名
如果你在SEO行業有一段時間，你會發現一個問題，某個關鍵詞熱度高的詞，怎樣做排名都無法提升，這個時候，其實你可以充分利用，網站導航的高權重，將該內容頁面，寫入網站導航。
通常來講，一定時間後，你的關鍵詞排名會有一定改善。
5) 、盡量不要使用圖片做網址導航
如果必須使用圖片作為網站的導航鏈接，就要對圖片進行SEO(搜索引擎優化)(搜索引擎優化)優化，以圖片鏈接指向頁面的主要關鍵詞(KEY)作為ALT內容，另外在圖片的周圍布置文字鏈接作為輔助。建議你最好使用文字，圖片也是不得已而為之。
4、網站導航的設計有哪些特點
你好、網站導航是影響用戶體驗的重要因素，只有清晰專業的設計才會給用戶帶來耳目一新的感覺，從而提升公司的形象，故而在網站建設中，設計師要重視導航的設計。以下是設計網站導航的幾個特點。
1、清晰性
清晰性是網站導航設計的首要目標，導航起著引導用戶瀏覽信息的重要作用，而導航設計的清晰與否直接影響了網站信息架構以及用戶體驗。導航的清晰不僅體現在導航按鈕的明朗設計上，還要體現出主導航與副導航之間清晰明了層次性。
2、麵包屑導航
麵包屑導航是一種線性的導航方式，通過搭建極具層次的網站架構，讓用戶在訪問網站時迅速獲取當前頁面在網站中的位置，通過提供各個層級的快速入口，方便用戶操作。需要注意的是，並不是所有的網站都適用麵包屑導航，對於一些層級較深骨架清晰的網站，麵包屑導航不失為一種極佳的選擇。
3、關鍵詞
導航系統中的鏈接通常是網站獲得內部鏈接的最後主要來源，在導航欄目設計中，盡量使用目標關鍵詞，並對重要欄目添加目錄式的鏈接，以提高網站關鍵詞的權重。需要注意點是這雖然是優化網站的好辦法，但在導航設計中要注意關鍵詞的密度。
如果你有其它的疑問可以繼續追問，如果覺得有幫助，請採納，謝謝！
5、網站建設導航欄的重要性
導航的作用是必不可少的
一個性能超好的網站導航是讓一個網站從庸俗走向不凡的必經之路，在今天的社會中，千變萬化的網路系統中，許多網頁已經把網頁導航設計的也來也形式化，規則化，然而網頁導航的能力也並不是傳說或者虛擬，此刻就來分析一下這個道理。
一個不凡導航設計的重要性
存在一個管理學的概念就是「最佳實踐」就是把某一個東西或者某一樣技術達到極致，進行實踐，最大效果的減少出錯的問題，這樣也就是我們口中暢談的問題的最佳解決和處理方法。我們現在使用的網站的導航都是一個網站成功設計的典範，同時也是導航設計最佳的實驗，導航具有清晰的內容劃分和連接模式，可以從初始頁開始領著客戶進行一步一步的深入了解，是真正受歡迎和實用的一種設計。相對的是，如果你設計的導航系統不好，把這個操作和瀏覽的模式進行復雜化，那麼這樣是打不成目標的，因為用戶一旦無法最短時間里找到目標，必然會選擇離開。
一個良好的導航欄的菜單設計就像一個優秀的交警，他可以指明方向，並且行為簡單，方便用戶快速的達到目的，當然，這樣以來用戶第一件事情想要了解的就是他們的位置，這樣方便下一步或者撤回上一步，讓客戶的思路也很清晰，這也是為什麼在設計導航的時候讓用戶進行體驗的一個重要原因。現如今導航的設計已經和以前大不相同，其中也帶有了個人的創意，但是要挑選或者創造一款眾多人都喜歡的導航欄也是一件不容易的事情。不過科技在進步，導航欄也在改善，最完美的一款就是現在新出的可以用漢堡的菜單一樣吸收各種導航的元素，很方便一擊就開。
為了不讓客戶產生迷惑當然需要產生相同的因素，當你放入簡單的元素的時候，客戶就不會很復雜的操作他們想要的內容，所以，任何設計，務必保持簡單的因素，不要讓客戶花時間去尋找他們關心的內容，考慮如何才能讓他們快速的操作。這一點是必須要考慮的。
所以說一個正確的導航欄的設計基礎應該是簡單性和實用性，要幫客戶定位內容並且解決問題，自然也會有更多的客戶過來體驗，而且導航欄也要和你網站兼容，要快速的進行對數據的分析，慢慢進步，畢竟今天才是移動端的開始。
望採納，謝謝！
6、網站導航設計需要注意哪些問題？
導航設計：導航是整個網站的指南針，帶領用戶准確查找所需的信息。可從以下方面講述導航設計的重要性：
1）、從優化方面看導航：有些人會把網站導航設計成flash的形式。flash的導航是很有特色，但是不利於優化。蜘蛛抓取網頁根據文字和的腳本進行抓取，而flash導航把所有的鏈接都放到了flash腳本里，蜘蛛是不會抓取flash腳本里的鏈接的。
2）、從用戶體驗方面看導航：有些不成熟的網站，盡管導航設計得非常漂亮非常有特色，但是用戶體驗並不好。