首先，復雜的方法
在手工制作個人網站的時代，我們可以總結出制作網站的基本步驟:設計、裁剪、代碼生成、發布。在此之前要規劃好網站的結構，包括頁面數量和欄目設置。
1.設計
做好頁面的整體規劃，包括風格和布局。網站制作要有壹個整體風格，各個部分要協調壹致，這樣整個頁面才不會顯得淩亂。然後用平面設計軟件做整個頁面。常用的軟件有Adobe Photoshop、CorelDraw、Macromedia Fireworks等。Photoshop是平面設計的集大成者，作者壹直用它來做頁面設計。從6.0版本開始，特別增強了對網頁制作的支持，非常方便。現在流行的煙火是Macromedia三劍客的重劍。由於其與Dreamweaver和Flash的無縫集成，越來越受到網站制作者的歡迎。
切割
在步驟1之後，我們得到的只是壹個圖片文件，還沒有集成網頁上應該有的元素。接下來，根據制作要求，把圖片剪成小圖。切割功能已經集成在上面提到的兩個設計軟件中(比如Photoshop中提供的切片工具)，不需要專門的軟件來處理。
3.代碼生成
這是整個生產過程中最重要的部分。我們將根據整體設計，使用HTML語言來“組裝”切割的組件。眾所周知，HTML語言是壹種標記語言，不需要編譯就可以直接在瀏覽器中執行。所以理論上，我們可以使用記事本等文本編輯工具來編寫代碼。雖然手寫代碼被認為是壹種“很酷”的行為，但它既耗時又難以精確控制格式。這時候，就該出現專門的HTML編輯軟件了。
HTML編輯軟件大致可以分為兩類:壹類是代碼型，比較典型的有Homesite、Hotdog等。壹種是所見即所得，典型代表是Frontpage。也有兩者都有，就是大名鼎鼎的Macromedia Dreamweaver。代碼類型實際上是壹個文本編輯器。不同的是可以有專門的代碼提示功能，使用起來更方便。所見即所得是目前最受推崇的方式，因為可視化編輯基本拋棄了代碼，方便快捷。
說到Dreamweaver，就不多介紹了。相信大部分網站制作人在工作中都會用到。Dreamweaver提供代碼編寫模式和設計模式(所見即所得)，首次將“層”的概念引入網頁制作。Dreamweaver幾乎可以滿足所有人的需求，甚至提供ASP、PHP等腳本語言的代碼提示。
釋放
把制作好的頁面放到服務器上，讓更多的人可以瀏覽。發布通常使用FTP將文件上傳到服務器。目前網頁制作基本都有發布工具。您可以通過各種方式發布頁面，例如Dreamweaver中的“站點管理器”。用戶也可以使用FTP客戶端軟件來完成這壹步。