更新時間：2025-05-24 10:28:22
網站建設
371網站制作精髓的65條原則
01.內容清晰
如果你想成為一名網站設計師，正在建設一個網站，你應該首先考慮網站的內容，包括網站的功能和你的用戶需要什么。你的整個設計應該圍繞這些方面展開。
02. 搶用戶
如果用戶不能快速進入你的網站，或者操作不方便，那么網站設計就失敗了。不要讓用戶失望并轉向競爭對手的網站。
03.優化內容
內容是核心。大約兩年前，一個企業網站看起來像一本廣告手冊，更糟糕的是，它使用了似乎需要幾個世紀才能下載的大量圖片。
香奈兒網站（www.tlkjt.com）在某些方面的設計是成功的，但內容過于稀疏，需要很長時間才能找到你要找的東西，因此不能算是一個成功的網站。
04.快速下載
沒有什么比需要很長時間下載的頁面更糟糕的了。根據經驗，標準網頁不應大于60K，并且在56K 調制解調器上加載需要30 秒。一些設計師說網頁應該在15 秒內加載。
05.網站升級
時刻關注SEO網站優化的運行狀況。性能良好的主機可能會隨著訪問者數量的增加而運行緩慢。但是，如果您不想失去訪問者，請務必仔細計劃您的升級。
06.堅持基礎
即使您不懂HTML 語言，您也可以通過購買受版權保護的WYSIWYG 網頁設計工具（例如Adobe PageMill 或Microsoft FrontPage Express）來創建外觀合理的網站。然而，根據設計，這些包雖然不需要HTML，但會減慢網站速度。
為了成功地設計網站，您必須了解HTML 的工作原理。大多數網頁設計師建議網絡新手應該在有關HTML 的書籍中尋找答案，并使用記事本創建網頁。
07. 學習HTML
使用HTML 設計網站可以讓您控制整個設計過程。但是，如果您是網站設計的新手，則應該尋找允許修改HTML 的軟件包。 HomeSite4 是一個很棒的網頁設計工具。在設計過程中，HomeSite4 可以幫助您學習HTML。它還允許您切換到所見即所得模式，以便您可以在將網站發送到網絡之前預覽您的網站。
08.用筆畫出網站的框架
圣人云：筆比刀厲害。在使用電腦之前，用筆畫出一個網站的框架，顯示所有網頁之間的相互關系。計劃您的用戶將如何在最短的時間內瀏覽您的網站。
09.“你永遠不會在計算機上找到好的解決方案”。 ——專家指教
10. 網站地圖
許多設計師將他們的站點地圖放在網站上，但這種做法弊大于利。絕大多數互聯網訪問者都在尋找一些特定的信息，他們對您的網站如何運作并不感興趣。如果您認為您的站點需要地圖，那么您的導航和工具欄很可能需要改進。
11.“睜大眼睛，注意一切。
最好的靈感來自對最不相關事物的觀察。觀察站點的結構和設計。了解站點結構的關鍵元素并確保您的設計圍繞站點導航展開。 ” —— 專家建議
12. 點擊規則聽說過3 次點擊規則嗎？對于小型站點，主頁上沒有一條信息需要點擊3 次以上。對于大型站點，使用導航和工具欄來改進操作。
13.特殊字體的應用
盡管您可以在HTML 中使用特殊字體，但無法預測訪問者將在他們的計算機上看到什么。在您的計算機上看起來不錯的頁面在不同的平臺上可能看起來很糟糕。一些網頁設計師喜歡使用定義屬性，這允許您使用特殊字體，但仍然需要一些解決方法，以防您選擇的字體不顯示在訪問者的計算機上。層疊樣式表(CSS) 可以幫助解決這些問題，但只有最新的瀏覽器才支持CSS。
14.“使用現實方便的命名約定。” —— 專家建議
15. 檢查拼寫錯誤
良好的拼寫是人們生活中的一項重要技能。不幸的是，許多設計師缺乏這種技能。確保拼寫正確，并格外注意經常容易拼錯的拼寫錯誤。
16.避免長文本頁面
在網站上擁有許多純文本頁面是乏味的，并且會浪費Web 的潛力。如果您有大量基于文本的文檔，您應該將它們以Adobe Acrobat 格式放置，以便您的訪問者可以離線閱讀。
17. 不要使用滾動條
人們討厭在網上滾動。 Trouble 網站(www.Trouble.co.uk) 是一個典型的設計糟糕的網站。它基于浮動結構，為了閱讀所有文本，查看者必須使用滾動條。
18. 專家最喜歡的網頁設計工具
1.Adobe Photoshop
2.宏觀
media Flash3.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.viaduct.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.tlkjt.com/
我們專注高端建站，小程序開發、軟件系統定制開發、BUG修復、物聯網開發、各類API接口對接開發等。十余年開發經驗，每一個項目承諾做到滿意為止，多一次對比，一定讓您多一份收獲！
