中國互聯網起步的年代，個人網站引入了互聯生活。一時間，制作出色的個人網站成了網民上網的“終極目標”。由于當時相關軟件功能相對簡單，中文資源匱乏，相關資料甚少，不少人是“摸爬滾打”地摸索著做出了自己的第一個個人網站。筆者就是其中的一員……
一、復雜方法
在手工制作個人網站的時代，我們可以總結出的網站制作步驟基本為：設計、切割、代碼生成、發布。而在此之前，應該規劃出網站的結構，包括頁面數、欄目設置等。
1.設計
進行頁面總體規劃，包括風格、布局等。網站制作要有整體風格，各部分要保持協調，整個頁面看起來才不顯得凌亂。然后用平面設計軟件制作整個頁面，常用的軟件有Adobe Photoshop、CorelDraw、Macromedia Fireworks等。Photoshop是平面設計的大拿，筆者也一直用它做頁面設計，它從6.0版開始特別增強了對網頁制作的支持，顯得非常方便。現在流行的Fireworks是Macromedia網頁制作三劍客的重劍手，由于它與Dreamweaver及Flash無縫集成，越來越受到網站制作人的歡迎。
2.切割
做完第1步，我們得到的只是一個圖片文件，還沒集成網頁上應該有的元素。接下來要將圖片按制作需求切割成小圖。切割功能前面提到的兩個設計軟件中已經集成了（如Photoshop中**的切片工具），不需要專門的軟件來處理。
3.代碼生成
這是整個制作過程中最重要的一環。我們要用HTML語言將切割下來的組件按整體設計“拼裝”回去。眾所周知，HTML語言是一種標記型語言，不須要編譯就可以直接在瀏覽器中執行。所以理論上，我們可以用記事本等文本編輯工具來寫代碼。手寫代碼雖然被看作是一種很“酷”的行為，但是很耗時間，而且很難精確地控制格式。這時，便該專門的HTML編輯軟件出場了。
HTML編輯軟件大體上可分為兩類：一類是代碼型，典型代表為Homesite、Hotdog等；一類是所見即所得型，典型代表為Frontpage。也有兩者兼具的，就是大名鼎鼎的Macromedia Dreamweaver。代碼型實際上就是一個文本編輯器，不同的是，它可以有專門的代碼提示功能，用起來比較方便。所見即所得是目前大家最推崇的方式，因為可視化的編輯基本丟棄了代碼，方便快捷。
說到Dreamweaver，筆者就不多介紹了，我相信大部分的網站制作人都使用它在工作。Dreamweaver**了代碼編寫模式和設計模式（即所見即所得），并且首次將“層”概念引入網頁制作。Dreamweaver幾乎可以滿足所有人的需求，甚至還**了ASP、PHP等腳本語言的代碼提示。
4.發布
將制作好的頁面放到服務器上，以便更多的人能瀏覽。發布通常采用FTP的方式，將文件上傳到服務器。目前的網頁制作工具基本上都有發布工具，可以通過各種方式發布你的頁面，如Dreamweaver中的“站點管理器”。用戶亦可使用FTP客戶端軟件進行這步操作。
一、復雜方法
在手工制作個人網站的時代，我們可以總結出的網站制作步驟基本為：設計、切割、代碼生成、發布。而在此之前，應該規劃出網站的結構，包括頁面數、欄目設置等。
1.設計
進行頁面總體規劃，包括風格、布局等。網站制作要有整體風格，各部分要保持協調，整個頁面看起來才不顯得凌亂。然后用平面設計軟件制作整個頁面，常用的軟件有Adobe Photoshop、CorelDraw、Macromedia Fireworks等。Photoshop是平面設計的大拿，筆者也一直用它做頁面設計，它從6.0版開始特別增強了對網頁制作的支持，顯得非常方便。現在流行的Fireworks是Macromedia網頁制作三劍客的重劍手，由于它與Dreamweaver及Flash無縫集成，越來越受到網站制作人的歡迎。
2.切割
做完第1步，我們得到的只是一個圖片文件，還沒集成網頁上應該有的元素。接下來要將圖片按制作需求切割成小圖。切割功能前面提到的兩個設計軟件中已經集成了（如Photoshop中**的切片工具），不需要專門的軟件來處理。
3.代碼生成
這是整個制作過程中最重要的一環。我們要用HTML語言將切割下來的組件按整體設計“拼裝”回去。眾所周知，HTML語言是一種標記型語言，不須要編譯就可以直接在瀏覽器中執行。所以理論上，我們可以用記事本等文本編輯工具來寫代碼。手寫代碼雖然被看作是一種很“酷”的行為，但是很耗時間，而且很難精確地控制格式。這時，便該專門的HTML編輯軟件出場了。
HTML編輯軟件大體上可分為兩類：一類是代碼型，典型代表為Homesite、Hotdog等；一類是所見即所得型，典型代表為Frontpage。也有兩者兼具的，就是大名鼎鼎的Macromedia Dreamweaver。代碼型實際上就是一個文本編輯器，不同的是，它可以有專門的代碼提示功能，用起來比較方便。所見即所得是目前大家最推崇的方式，因為可視化的編輯基本丟棄了代碼，方便快捷。
說到Dreamweaver，筆者就不多介紹了，我相信大部分的網站制作人都使用它在工作。Dreamweaver**了代碼編寫模式和設計模式（即所見即所得），并且首次將“層”概念引入網頁制作。Dreamweaver幾乎可以滿足所有人的需求，甚至還**了ASP、PHP等腳本語言的代碼提示。
4.發布
將制作好的頁面放到服務器上，以便更多的人能瀏覽。發布通常采用FTP的方式，將文件上傳到服務器。目前的網頁制作工具基本上都有發布工具，可以通過各種方式發布你的頁面，如Dreamweaver中的“站點管理器”。用戶亦可使用FTP客戶端軟件進行這步操作。
