網站設計的基本原則

設計網站中有哪些關鍵技巧？有哪些陷阱？在這裡，世界上一流的網站設計專家，讓你共享他們的秘密，告訴你：使網站賦予情趣的訣竅、應該避免做什麼、應使用什麼工具軟件以及他們喜愛和厭惡的網站。
　　　　
　　　　01 明確內容
　　　　如果你想成為一個網站設計者，並正想建一個網站的話，首先應該考慮網站的內容，包括網站功能和你的用戶需要什麼。你的整個設計都應該圍繞這些方面來進行。
　　　　02 抓住用戶
　　　　如果用戶不能夠迅速地進入你的網站，或操作不便捷，網站設計就是失敗的。不要讓用戶失望而轉向你的對手的網站。
　　　　
　　　　03 優化內容
　　　　內容是核心。大約在兩年以前，企業網站就像一本廣告冊子，更槽糕的是，網站使用了大量的圖片，似乎要幾個世紀才能下載完。 Chanels網站在設計的某些方面是成功的，但是內容太貪乏，並且要花很長時間才能找到所要的東西，因此不能算是一個成功的網站。
　　　　
　　　　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網站是一個典型的設計很差的網站。它基於一個浮動的架構，為了閱讀所有的文本浏覽者不得不使用卷滾條。
　　　　
　　　　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
　　　　
　　　　19 網站介紹
　　　　你應當有一個很清晰的網站介紹，告訴訪問者你的網站能夠提供些什麼，以便訪問者能找到想要的東西。有效的導航條和搜索工具使人們很容易找到有用的信息，這對訪問者很重要。告訴訪問者你所提供的正是他們想要的信息。
　　　　
　　　　20 “網站一旦發布，網站設計的優點和缺陷全都公布於世。
　　　　沒有什麼方法使你能夠比從自己的錯誤、傾聽其他人的建議和用戶反饋意見中學到更多的東西。”
　　　　
　　　　21 閃爍讓人頭痛
　　　　通過使用標識可以吸引訪問者對你的主頁特殊部分的注意，但這也讓你的訪問者頭痛。如果你想使訪問者再次光顧你的網站，就少用此方法。
　　　　
　　　　22 背景顏色
　　　　背景顏色也會產生一些問題，可能會使網頁難於閱讀。你應當堅持使用白色的背景和黑色的文本，另外還應當堅持使用通用字體。
　　　　
　　　　23 向前和向後按鈕
　　　　應當避免強迫用戶使用向前和向後按鈕。你的設計應當使用戶能夠很快地找到他們所要的東西。絕大多數好的站點在每一頁同樣的位置上都有相同的導航條，使浏覽者能夠從每一頁上訪問網站的任何部分。
　　　　
　　　　24 “堅持你的信念。嚴格遵守各種規則。避免想當然。絕不停止學習。”
　　　　
　　　　25 點擊記數器
　　　　不要輕易考慮在你的網站上放置一個醒目的點擊記數器。你設計網站是為了給訪問者提供服務，而不是推銷你自己認為重要的東西。大多數浏覽者認為計數器毫無意義。如果你顯示你的網站是多麼受歡迎，你最好提供一個鏈接，顯示訪問日志。
　　　　
　　　　26 不要用框架
　　　　與記數器一樣，框架在網頁上越來越流行。在大多數網站上，在屏幕的左邊有一個框架。但是設計者立刻就發現，在使用框架時產生了許多的問題。使用框架時如果沒有17英寸的顯示屏幾乎不可能顯示整個網站。框架也使得網站內個人主頁不能夠成為書簽。也許更重要的是，搜索引擎常常被框架混淆，從而不能列出你的網站。
　　　　
　　　　27 去掉圖像
　　　　在浏覽器中即使去掉了圖像功能，也要保證訪問者能夠在你的網站上獲得滿意的效果。對於那些使用ISDN連接並且關掉了圖像功能的訪問者，還能獲得好的網頁加載性能。可以通過在網頁底部提供另外的鏈接和使用替代文字，而不是圖像來滿足訪問者的需要。
　　　　
　　　　28 重復使用圖像
　　　　一些網站由於使用大量不重復的圖像而錯過了使用更好的技巧的機會。在創建商標時，在網頁上多次使用同樣的圖像是一個好的方法，並且一旦它們被裝入以後重新載入就會很快。
　　　　
　　　　29 避免使用過大的圖像
　　　　不要使用橫跨整個屏幕的圖像。避免訪問者向右滾動屏幕。占75%的屏幕寬度是一個好的建議。
　　　　
　　　　30 “避免使用炫耀的技巧。”