如何建立自己的網站

07-09

[原創]個人網站設計

網站設計規劃

1 .1 本網站建設的方向和目的：

1.1.1網站建設目的：

網站的建設不僅僅是製作主頁的問題，還需要考慮網站的定位、目標用戶、網站內容、服務事項、空間方案、安全性、藝術設計、資料庫技術等等。任何網站在建設之前就必須明確方向、用途和服務群體等一系列的問題，寫出詳盡的建站計劃，可以說這是網站建設的根源和核心所在。其實任何網站都一樣：企業網站的宗旨就是對外宣傳企業形象，發布企業最新的企業產品，其服務群體就是為對其產品感興趣的客戶或者正在使用企業產品的用戶服務，這就是企業網站的建設方向；個人網站的宗旨就是宣傳自己，提供一個自身和外界交流的場所；由此可見，網站的設計方向是依據網站的客戶、服務群體等多方面來確定的。

1.1.2 明確的目的：

不同的網站目的要求通過不同的方式來實現。一個展示個人能力的網站與一個以花卉種植為主題的網站，以及一個大型門戶網站和一個小型企業網站，其出發點和建站目的都有所不同，在整個網站的建設規劃方面的要求也是肯定是大不一樣的。對於網站的設計者和建設者來說，在設計規劃網站時必須要明確自己網站的瀏覽者，也就是確定自己的用戶群體。在已經確定了建設目的的前提下，應根據建站方向所會導致出現的不同用戶群體的需求來規劃設計整個網站。

本網站的結構和風格：網站的風格反映了一個網站的特色，它具有很大的代表性。出色的網站吸引人的地方不僅僅在於其內容，鮮明的結構和獨特的風格往往能起到畫龍點睛的作用。一個網站即使內容再豐富，如果網站的結構和風格不能吸引人，那也是毫無價值的。往往整個網站的風格是一個網站吸引瀏覽者的魅力所在，因此應當根據網站的主題、內容和瀏覽者的要求來設計自己獨特的網站風格。那麼什麼是網站的結構和風格呢？網站的結構是連接網站內容之間的支架。網站的結構是網站的核心和骨架，如果沒有網站結構，網站將會變得一團糟。現在，只有高度發展、高度結構化、易用且能獨立行走的網站才受瀏覽者的歡迎。

網站設計的前期準備

2.1.1 軟體準備

在網頁的設計過程中，因人而宜，每個人使用的軟體也許不同，如比較有名的網站設計軟體有Macromedia公司出品的網頁設計「三劍客」、有微軟的Frontpage 、還有國產的「東方網頁王」等等。在這裡，我們主要說的是Macromedia公司出品的「三劍客」。

這「三劍客」包括Dreamweaver MX、Fireworks MX和Flash MX，其中，Dreamweaver MX是網頁編輯軟體，Fireworks MX是圖形/圖像處理軟體，Flash MX是矢量動畫編輯軟體。當然，到今天為止，Macromedia公司出品的這個「三劍客」都已經是2004版，估計2005版也應該很快出來了。Macromedia公司一向以其優良的設計、友好的用戶界面和強大的功能而著稱，這三個軟體也不例外，它們是Macromedia公司專門為網頁設計、製作開發的系列軟體套件，三者之間可以無縫集成，能夠有效地解決網路帶寬問題，是設計動畫網頁的最佳工具。

Dreamweaver MX採用「所見即所得」的直觀設計模式，充分尊重設計人員的原始意識和想像力。她成功地將網頁設計功能中的技術實現部分和設計部分分離開來，使用戶只需專註於設計，而其餘的工作由Dreamweaver MX自動完成。另外，還有一點值得說明的是，Dreamweaver MX可以控制和刪除冗餘代碼，減小網頁文件的大小。從而能夠快速上傳和下載。

Fireworks MX的獨特之處在於它能夠優化、切分圖片映射圖，並提供了功能強大的翻滾圖工具。它是基於WEB應用的圖形/圖象處理軟體，提供了一種革命性的新方法來創建WEB圖形，並且具有所有其他圖形處理工具的諸多優點。Fireworks MX的最大優勢就在於它在任何時候可以從任何階段開始設計工作，這樣既可以節約時間又可以對產品進行擴展。另外，Fireworks MX中的諸多功能都是面向WEB應用的，因此對於WEB設計新手來說也很容易學習的。

Flash MX是比較另類、超前的一種網頁動畫製作軟體，它不僅能夠滿足網頁設計的諸多要求，更為網頁多媒體的使用者帶來了前所未有的便利。Flash MX提供了廣泛的平台支持，它不需要任何編程工作就能夠製作出精彩的動態效果。由於Flash MX採用矢量圖形格式來製作動畫，因此在低寬頻的網路環境中仍然可以具有高品質的畫面以及存儲空間小的優點，從而是瀏覽者能夠快速的下載效果非凡的動畫。

在我設計我的個人網站的過程中，我選擇了Dreamwear MX 2004和Flash MX 2004和 Photoshop三種軟體。因為自己向對於其它的軟體來說，這三個還算是比較熟悉的。

2.1.2 ISS 5.0的安裝與設置

在網際網路/企業網上的基於瀏覽的開發方案中，Microsoft 的IIS起到客戶端與伺服器端的連接作用。當訪問者在瀏覽器中鍵入對你伺服器上的網頁進行訪問的請求，這個請求通過網路路由到伺服器端，然後伺服器再將它交給IIS處理。IIS檢索所請求的頁，並根據請求的文件名對該網頁進行相應的處理。如果該文件是以.asp為擴展名或者該文件是某種類型的請求文件，那麼IIS將對該頁面上的代碼進行處理。

IIS 5.0是專為Windows 2000設計的WEB伺服器軟體。Windows 2000 Server在安裝系統時，就以自動安裝IIS 5.0；但Windows 2000 Professional不會自動安裝它。下面就簡單介紹一下在我設計過程中在Windows 2000 Professional 上安裝IIS 5.0的過程。

網站的製作過程

網站資料庫的設計過程

具體的要看你自己的興趣了，不能帶筆的。

網站的測試與上傳

一個好的網站建設好了之後是不能立即發布的，在這之前需要進行一段時間的測試，沒有經過測試的網站往往會在瀏覽器兼容性和顯示器兼容性上出現問題。同樣由於在程序開發和頁面製作的過程中難免會出現誤差，所以在正式發布前通過測試找出網站的Bug（網頁中的漏洞）是非常重要的一個環節，通常稱此過程為捉蟲。

為什麼測試顯得這麼重要呢？沒有經過測試的頁面會出現那些問題呢？下面將從幾個不同的方面來說明這些問題。

1.解析度不同產生差異

經常上網的人可能會有這樣的經歷，那就是同樣一個網頁在不同的解析度下會有不同的顯示。這就是由於解析度不同所造成的。

2.瀏覽器不同產生的差異

顯示器不同產生不同的瀏覽結果，瀏覽器版本不同也可能會使得網站的瀏覽效果產生差異。同一個頁面在IE和Netscape瀏覽器下的顯示效果也可能是不同的，這些頁面上的問題都是訪問者可能遇到的。網站建設者不能在頁面上發布類似於「本站默認瀏覽器在IE 5.0以上，默認顯示器解析度為800*600」的標記，反而應該想辦法去適應瀏覽網站的訪問者，而不是讓訪問者通過調整瀏覽器解析度和顯示器來適應網站。所以，網站的測試就顯的很重要了。

3.測試的項目。

在一個網站的開發過程中，網站的測試是保證整個網站整體質量的重要一環，本章將就網站的測試技術及相應的自動測試工具做一個簡要的介紹。主要就如下幾個方面進行探討：性能測試，安全性測試，穩定性測試，瀏覽器兼容性測試，可用性/易用性測試，鏈接測試，代碼合法性測試。

在我的個人網站的測試過程中，在資料庫的鏈接，地址的鏈接，還有圖片的相對位置都出現了許多小的錯誤，還好，經過我自己的修改，現在已基本消除了這種現象。

在我的整個網站的測試中，資料庫的測試是最重要的，它的設計的好與壞，直接關係的整個我的個人網站的成敗，所以，我在測試過程中，對資料庫的測試是花費時間最長的。