網站首頁

01 明確內容

如果你想成為一個網站設計者，並正想建一個網站的話，首先應該考慮網站的內容，包括網站功能和你的用户需要什麼。你的整個設計都應該圍繞這些方面來進行。

02 抓住用户

如果用户不能夠迅速地進入你的網站，或操作不便捷，網站設計就是失敗的。不要讓用户失望而轉向你的對手的網站。

03 優化內容

內容是核心。大約在兩年以前，企業網站就像一本廣告冊子，更槽糕的是，網站使用了大量的圖片，似乎要幾個世紀才能下載完。比如某網站在設計的某些方面是成功的，但是內容太貪乏，並且要花很長時間才能找到所要的東西，因此不能算是一個成功的網站。

04 快速下載

沒有什麼比要花很長時間下載頁面更槽糕的了。作為一條經驗，一個標準的網頁應不大於60K，通過56K調制解調器加載花30秒的時間。有的設計者説網頁加載應在15秒內。最好符合WEB標準化用css定位的網站往往比表格定位要少很多代碼。

05 網站升級

時刻注意網站的運行狀況。性能很好的主機隨着訪問人數的增加，可能會運行緩慢。但是，如果你不想失去訪問者的話，一定要仔細計劃好你的升級計劃。

06 堅持基本原則

即使你不懂HTML語言，你只需購買一個有版權的所見即所得的網頁設計工具，如Adobe PageMill 或 Microsoft FrontPage Express，當然則是Dreamweaver啦，就可以創建一個看起來很合理的網站。但是，在設計時，這些軟件包雖然不需要HTML，卻使網站速度下降。為了成功地設計網站，你必須理解HTML是如何工作的。大多數的網站設計者建議網絡新手應從有關HTML的書中去尋找答案，用Notepad製作網頁。

07 學習HTML

用HTML設計網站，可以控制設計的整個過程。但是，如果你僅僅是網站設計的新手，你應該尋找一個允許修改HTML的軟件包。HomeSite4是一個很好的Web設計工具。在設計過程中，HomeSite4能幫助你學習HTML。它還允許你切換到所見即所得的模式，以便你在把網站發送到Web之前，預覽你的網站。HTML編寫過程中可以大段大段地刪減，這是一特點。

08 用筆畫一個網站的框架

聖人云：筆比劍更強大。在用計算機之前，用筆畫一個網站的框架，顯示出所有網頁的相互關係。計劃好你的用户如何以最少的時間瀏覽你的網站。

09 “在計算機上永遠也找不到好的方案”。

1．網頁設計軟件 Photoshop\Dreamweaver\Fireworks\Flash\HTML語言

2．網站後台編程 ASP開發環境、Windows窗體編程、常用控件；ASP編程、ASP Web服務器控件、配置和優化ASP應用程序、調試和錯誤處理、ADO、連接和操作數據源、數據集、水晶報表的使用、Web服務創建和使用；留言板、BBS論壇、電子商務系統。

3．數據庫管理 Access數據庫的基本概念、結構、數據表的建立、數據表的基本維護、SQL Server基礎、數據源的鏈接、SQL語言、集合函數、數據類型。

4．學習綜合性網頁設計規則、頁面整體排版能力的處理、圖片美工及 WEB 程序塊的調入和美化、程序的調試和運用、網站綜合訓練 、動態網頁創作模式。

1.記住用户的目標

用户往往帶着目的訪問一個站點，每個鏈接，每次點擊都要合乎他們的經驗並且引導他們通向他們的目標。當傳輸你的頁面時，應該讓關鍵的導航鏈接首先裝載——萬一用户想轉到網站其它的區域。模仿通常的用户圖形界面往往可以增加可用性。

2. 記住網站的目的

網站設計應該反應商業或者客户的需求，有效的傳播主要信息與促進品牌。然而網站的目標最好通過尊重用户的習慣來達到，所以站點結構必須滿足用户的需要，快速的將用户引導至其目標而避免任何公司和區域行話。

3. 避免沒有必要的介紹

雖然介紹的動畫非常精彩，但是它們往往延誤了用户訪問他們正在尋找的信息。應該經常提供給用户一個忽略介紹的命令或者訪問你的主頁的選擇，當他們第二次訪問您的主頁時，對所有的用户都應該忽略簡介動畫（使用客户端的javascript來完成這個功能），然後在目標頁面提供返回到動畫頁面的選擇。

4. 提供合乎邏輯的導航與交互

· 保證用户的導航: 顯示用户訪問過的上一個地址和他即將訪問的下一個地址. 通過鏈接的不同顏色在用户訪問後提醒他們訪問過的頁面.

· 提供用户一個輕鬆跳出他們正在訪問的部分回到出發點的的鏈接.

· 明確説明每個鏈接的位置. 保證鏈接的結構和命名法的可視性,而不是隱藏它們直到用户觸發了某個事件（比如鼠標移近）.

· 確保按鈕定義了足夠好的反應區域.

· 利用Flash流的特性首先裝載主要的導航元素.

· 確保導航的後退按鈕. 為了做到這一點可以使用瀏覽器內置的前進和後退導航系統,將Flash影片邏輯的分成幾塊並置於獨立的HTML頁面中. 做為一種選擇, 為影片建立一個基於Flash的後退按鈕以便用户可以利用它後退到一個包含上一個訪問頁面的場景或楨.

5. 設計的連貫性

提高您的站點性能的最好方法是用户界面的一致性. 元素結構的再使用,元素的設計以及命名的習慣將使用户在導向他們的目標時對站點傳達的信息的注意力更加豐富, 而且這也有利於站點的維護. 你可以在整個站點中使用小影片(Smart Clip)來重複使用交互元素, 還可以讓最初導航系統的文字和圖片在目標頁面中重新使用.

6. 不要過度使用動畫

避免不必要的動畫. 最好的動畫應該是可以增加站點的設計目標的動畫, 在導航的時候講述一個故事或者有幫助的事情. 在包含大量文字的頁面使用重複的動畫將使視線從消息轉移.

7. 慎重使用聲音

聲音可以為你的站點錦上添花但是絕對不是必要的. 例如：使用聲音來説明用户剛剛觸發了一個時間. 確保使用了聲音的開關與音量調節方法, 並且要記住聲音會顯著的增加文件的大小. 當你確實使用了聲音的時候，Macromedia Flash會將聲音轉換為MP3文件甚至流媒體化.

8. 面向低帶寬的用户

越少的下載越好. 初始的下載頁面大小不能超過40K, 包括所有Macromedia文件，圖像和HTML文件. 為了減少下載時間, 使用矢量圖形(除非圖像使壓縮過的BMP, 那樣最好仍保持為BMP格式), 並且只有在用户確定的要用到某個文件時才使用Load Movie動作. 如果用户必須等待, 提供一個裝載的時間序列與進度條, 只要可能，必須在前5秒內裝載導航系統.

9. 設計的易用性

確保你的站點的內容能被所有的用户閲讀, 包括那些殘疾用户. 高度使用ALT標籤可以確保網站內容能被輔助工具解釋. 影片的可縮放性是讓更多用户瞭解網站內容的另一項易用的Macromedia特色. 如果需要一個徹底的Macromedia Flash內容可用性的討論,請登陸Macromedia Flash可用性網站.

10. 可用性測試

讓一些新手來訪問站點並同時完成用户目標與站點目標. 甚至簡短的Macromedia Flash動畫都有可能阻擋用户實現目標, 所以使用Macromedia Flash的帶寬模擬器（Bandwidth Profiler——譯者注）(在視圖菜單的測試影片模式下)來分析站點在不同帶寬模式下的性能.每次 重複測試影片哪怕是很小的改動. 確保站點的測試者從人口統計學上合乎站點的預定用户—特別是預定用户中有對站點的導航有不同級別的滿意程度.