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