當(dāng)互聯(lián)網(wǎng)在中國(guó)啟動(dòng)時(shí)，個(gè)人網(wǎng)站引入了相互關(guān)聯(lián)的生活。一時(shí)間，優(yōu)秀個(gè)人網(wǎng)站的制作已成為網(wǎng)民的“終極目標(biāo)”。由于相關(guān)軟件功能相對(duì)簡(jiǎn)單，中國(guó)資源稀缺，相關(guān)信息很少，很多人都在“摸索”制作自己的第一個(gè)個(gè)人網(wǎng)站。作者是其中一個(gè)成員......
一種復(fù)雜的方法
在手工制作的個(gè)人網(wǎng)站時(shí)代，我們可以總結(jié)網(wǎng)站的制作步驟基本上是：設(shè)計(jì)，剪切，代碼生成，發(fā)布。在此之前，我們應(yīng)該規(guī)劃網(wǎng)站的結(jié)構(gòu)，包括頁數(shù)，列設(shè)置。
1.設(shè)計(jì)
頁面的整體布局，包括樣式，布局等。網(wǎng)站制作要有整體風(fēng)格，各個(gè)部分要保持協(xié)調(diào)，整個(gè)頁面看起來并不凌亂。然后使用圖形設(shè)計(jì)軟件制作整個(gè)頁面，常用的軟件包括Adobe Photoshop，CorelDraw，Macromedia Fireworks等。Photoshop是蒙大拿州的平面設(shè)計(jì)，作者一直用它來做頁面設(shè)計(jì)，它開始用6.0版本的特殊增強(qiáng)功能支持網(wǎng)頁制作，非常方便。現(xiàn)在流行的煙花是Macromedia網(wǎng)頁制作的三劍客手，因?yàn)樗cDreamweaver和flash無縫融合，越來越受到網(wǎng)站制作者的歡迎。
2.切割
在第1步之后，我們得到的只是一個(gè)圖片文件，沒有要在頁面上集成的元素。下一步是根據(jù)生產(chǎn)要求將圖片切割成小圖像。切割功能已經(jīng)集成到上面提到的兩個(gè)設(shè)計(jì)軟件中（例如Photoshop中提供的切片工具），并且不需要專門的軟件來處理。
這是整個(gè)生產(chǎn)過程中最重要的部分。我們將使用HTML語言將剪切組件“組裝”到整體設(shè)計(jì)中。眾所周知，HTML語言是一種標(biāo)記語言，可以直接在瀏覽器中執(zhí)行而無需編譯。所以理論上，我們可以使用記事本和其他文本編輯工具來編寫代碼。手寫代碼雖然被認(rèn)為是“酷”行為，但是耗時(shí)且難以精確控制。此時(shí)，出現(xiàn)了專門的HTML編輯軟件。
HTML編輯軟件可以分為兩類：一類是代碼類型，典型的代表是homesite，熱狗等，另一類是WYSIWYG類型，通常表示為FrontPage。還有兩者的結(jié)合，是著名的Macromedia Dreamweaver。代碼類型實(shí)際上是一個(gè)文本編輯器，不同的是它可以有一個(gè)特殊的代碼提示函數(shù)，使用起來更方便。你所看到的是你目前最欽佩的，因?yàn)橐曈X編輯基本上會(huì)丟棄代碼并使其快速簡(jiǎn)便。
說到Dreamweaver，我不介紹更多，我相信大多數(shù)網(wǎng)站制作人都在使用它。Dreamweaver提供了代碼編寫模式和設(shè)計(jì)模式（WYSIWYG），并首次將“層”概念引入Web創(chuàng)作。Dreamweaver幾乎可以滿足每個(gè)人的需求，甚至可以為ASP和PHP等腳本語言提供代碼提示。
4.發(fā)布
將準(zhǔn)備好的頁面放在服務(wù)器上，以便更多人可以瀏覽。發(fā)布通常使用FTP將文件上載到服務(wù)器。當(dāng)前的Web制作工具基本上是可以以各種方式發(fā)布頁面的發(fā)布工具，例如Dreamweaver中的站點(diǎn)管理器。用戶還可以使用FTP客戶端軟件執(zhí)行此步驟。
