中國互聯(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ì)簡(jiǎn)單，中文資源匱乏，相關(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)頁制作的支持，顯得非常方便?，F(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編輯軟件出場(chǎng)了。

　　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)行這步操作。

　　二、簡(jiǎn)單方法

　　上面我們介紹了網(wǎng)站制作的步驟，雖然那是曾被人們大規(guī)模采用的方式，但是現(xiàn)實(shí)看起來實(shí)在是復(fù)雜得讓人頭暈。對(duì)于初學(xué)者，暫時(shí)可能還摸不清里面的門道。但是，我們今天不就是討論“由繁入簡(jiǎn)”嗎^_^？沒問題，初學(xué)者在沒掌握那一大堆軟件之前，不妨“獨(dú)辟蹊徑”，時(shí)尚地Blog一把。

　　1.什么是Blog

　　在初的定義中，Blog是Web Log的縮寫，中文意思是“網(wǎng)絡(luò)日志”。它是由簡(jiǎn)短且經(jīng)常更新的文章所構(gòu)成的網(wǎng)頁，這些張貼的文章按照年份和日期排列。創(chuàng)辦Blog的人自稱Blogger，中文的說法叫博客……

　　不過，現(xiàn)在你完全不必去理會(huì)那些關(guān)于Blog的定義了，因?yàn)槲覀円呀?jīng)見過了許許多多奇怪而有趣的Blog。在眾多的Blog里，我們看到有人正在對(duì)其他網(wǎng)站的內(nèi)容進(jìn)行鏈接和評(píng)論，看到從國際政治到雞毛蒜皮的新聞報(bào)道，看到了日記、照片、詩歌、散文，甚至有人在自己的Blog中發(fā)表小說。如果一定要找出現(xiàn)在的Blog與以前那些個(gè)人網(wǎng)站有什么不同，那么大的區(qū)別就是——?jiǎng)?chuàng)建Blog比原來那種個(gè)人網(wǎng)站更方便。[Page]

　　Blog是一種網(wǎng)絡(luò)服務(wù)，由專門的網(wǎng)站提供，用戶只要申請(qǐng)賬號(hào)，便可以擁有一個(gè)屬于自己的Blog。

　　2.注冊(cè)Blog

　　Blog的注冊(cè)非常簡(jiǎn)單，步驟跟注冊(cè)免費(fèi)電郵差不多。朋友們應(yīng)該能搞定吧？

　　在Blogcn.com的首頁點(diǎn)擊“用戶注冊(cè)”，再在接下來的頁面中填入相關(guān)信息。確定注冊(cè)成功后，點(diǎn)擊頁面下方的“點(diǎn)此立即擁有一個(gè)BLOG”鏈接，即可開始創(chuàng)建自己的Blog（附圖1）。給Blog取一個(gè)標(biāo)題，然后寫入一段吸引人的描述（可不要像筆者這樣簡(jiǎn)單喲），在其他必填項(xiàng)中填入相關(guān)信息，選擇自己中意的模版（附圖2），后按下“確定”。OK，你的Blog已經(jīng)創(chuàng)建成功了，就這么簡(jiǎn)單！

　　3.后臺(tái)管理

　　建立完畢后，系統(tǒng)會(huì)自動(dòng)跳轉(zhuǎn)到你的控制面板中。這里就是你的管理后臺(tái)了。

　　首先建立Blog的分類。Blog中的分類與個(gè)人網(wǎng)站中的欄目相同，用于分門別類地放置不同的文章。點(diǎn)擊面板中“文章管理”類下的“類別管理”，輸入類別名和修飾類別名。類別名是分類的名字，而修飾類別名則是顯示在頁面上的名字。完畢后按“添加類別”按鈕（附圖3）。

　　點(diǎn)擊“編輯模板”下的“編輯模板”，右邊彈出的是Blog首頁的代碼。點(diǎn)擊上方的“可視化模板編輯器”可以用所見即所得的方式編輯模板。由于可以非常個(gè)性地定制自己的Blog界面，稍微懂一點(diǎn)HTML的玩家可以在首頁中加入各種元素，或者更改原模板。

　　4.后臺(tái)管理

　　如果你知道怎么在論壇里發(fā)帖，那么恭喜，你已經(jīng)掌握了在Blog里發(fā)布文章的方法。點(diǎn)擊“添加日志”中的“可視化編輯”，你是否對(duì)屏幕右邊的界面感到熟悉（附圖4）？

　　圖4 發(fā)布文章

　　小知識(shí)：Blog中的地址引用

　　在發(fā)布文章時(shí)，如果你想引用別人Blog中的文章，只要在高級(jí)選項(xiàng)中點(diǎn)擊“顯示高級(jí)編輯選項(xiàng)”，輸入引用地址便可。

　　現(xiàn)在的Blog都支持引用通告（TrackBack）功能。它將全世界無數(shù)個(gè)Blog連接起來。用戶可以把評(píng)論寫到自己網(wǎng)站上，然后向刊載原始文章的服務(wù)器發(fā)送該網(wǎng)頁的URL及標(biāo)題、部分正文、網(wǎng)站名稱等信息。通過這種辦法，在原始文章的地方就留下了你的評(píng)論的URL、標(biāo)題等部分信息（Trackback Ping）。當(dāng)然別人也可以向原始文章發(fā)送TrackBack Ping，所以在原始文章中就將包括你的TrackBack Ping在內(nèi)的所有評(píng)論都記錄了下來。 此外，如果你在自己網(wǎng)站上也設(shè)置了TrackBack Ping功能的話，那么誰都可以通過TrackBack Ping來發(fā)表針對(duì)你文章的意見了。這樣，多家網(wǎng)站就通過相關(guān)話題而連接起來。

　　與舊有的復(fù)雜方法相比，通過Blog建立自己的網(wǎng)上空間，省去了手工制作網(wǎng)頁與上傳的過程。使用者輕松地從網(wǎng)頁形式的桎梏中解脫開來，可以專注于做好網(wǎng)頁的內(nèi)容。這無疑是一種巨大的進(jìn)步。