張宏芳

在互聯(lián)網(wǎng)越發(fā)普及的今天，越來(lái)越多的人接觸互聯(lián)網(wǎng)，有更多的年輕人對(duì)網(wǎng)上發(fā)布的各類網(wǎng)站很好奇，很想明白它到底是怎么一回事。今天我結(jié)合自己的教育教學(xué)實(shí)踐，在這里談?wù)勱P(guān)于個(gè)人網(wǎng)站制作的方式，與同仁共勉。

第一、確定個(gè)人網(wǎng)站主題。

做網(wǎng)站，首先必須要解決的就是網(wǎng)站內(nèi)容問(wèn)題，即確定網(wǎng)站的主題。你建立的網(wǎng)站所要包含的主要內(nèi)容，一個(gè)網(wǎng)站必須要有一個(gè)明確的主題。特別是對(duì)于個(gè)人網(wǎng)站，你不可能像綜合網(wǎng)站那樣做得內(nèi)容大而全，包羅萬(wàn)象。你沒(méi)有這個(gè)能力，也沒(méi)這個(gè)精力，所以必須要找準(zhǔn)一個(gè)自己最感興趣的內(nèi)容，做深、做透，辦出自己的特色，這樣才能給用戶留下深刻的印象。網(wǎng)站的主題無(wú)定則，只要是你感興趣的，任何內(nèi)容都可以，但主題要鮮明，在你的主題范圍內(nèi)內(nèi)容做到大而全、精而深。

第二、進(jìn)行頁(yè)面總體設(shè)計(jì)。

一個(gè)網(wǎng)站設(shè)計(jì)成功與否，很大程度上決定于設(shè)計(jì)者的規(guī)劃水平。設(shè)計(jì)的“風(fēng)格”是抽象的，只是指站點(diǎn)的整體形象給瀏覽者的綜合感受。這個(gè)“整體形象”包括站點(diǎn)的CI（標(biāo)志，色彩，字體，標(biāo)語(yǔ)）、版面布局、瀏覽方式、交互性、文字、語(yǔ)氣、內(nèi)容價(jià)值等等諸多因素，網(wǎng)站可以是平易近人的、生動(dòng)活潑的也可以是專業(yè)嚴(yán)肅的。不管是色彩、技術(shù)、文字、布局，還是交互方式，只要你能由此讓瀏覽者明確分辨出這是你網(wǎng)站獨(dú)有的，這就形成了網(wǎng)站的“風(fēng)格”。設(shè)計(jì)的內(nèi)容很多，如網(wǎng)站的結(jié)構(gòu)、欄目的設(shè)置、網(wǎng)站的風(fēng)格、顏色搭配、版面布局、文字圖片的運(yùn)用等，你只有在制作網(wǎng)頁(yè)之前把這些方面都考慮到了，才能在制作時(shí)駕輕就熟，胸有成竹。

網(wǎng)站制作要有整體風(fēng)格，各部分要保持協(xié)調(diào)，整個(gè)頁(yè)面看起來(lái)才不顯得凌亂。然后用平面設(shè)計(jì)軟件制作整個(gè)頁(yè)面，常用的軟件有Adobe Photoshop、CorelDraw、Macromedia Fireworks等。Photoshop是平面設(shè)計(jì)的最好工具，我自己也一直用它做頁(yè)面設(shè)計(jì)，它從6.0版開(kāi)始特別增強(qiáng)了對(duì)網(wǎng)頁(yè)制作的支持，非常方便?，F(xiàn)在流行的Fireworks是Macromedia網(wǎng)頁(yè)制作三劍客的重劍手，由于它與Dream weaver及Flash無(wú)縫集成，越來(lái)越受到網(wǎng)站制作的歡迎。也只有如此制作出來(lái)的網(wǎng)頁(yè)才能有個(gè)性、有特色，更具有吸引力。風(fēng)格也是有人性的，通過(guò)網(wǎng)站的色彩、技術(shù)、文字、布局、交互方式可以概括出一個(gè)站點(diǎn)的個(gè)性：是粗獷豪放的，還是清新秀麗的；是溫文儒雅的，還是執(zhí)著熱情的；是活潑易變的，還是墨守成規(guī)的。在明確自己的網(wǎng)站印象后，開(kāi)始努力建立和加強(qiáng)這種印象。加強(qiáng)自己網(wǎng)站的交互式，發(fā)揮網(wǎng)絡(luò)優(yōu)勢(shì)，使每個(gè)使用者都參與到其中來(lái)，這樣的設(shè)計(jì)才能算是成功的設(shè)計(jì)。

第三、搜集與主題相關(guān)的材料。

明確了網(wǎng)站的主題以后，你就要圍繞主題開(kāi)始搜集材料了。常言道：“巧婦難為無(wú)米之炊?！币胱屪约旱木W(wǎng)站有血有肉，能夠吸引住用戶，你就要盡量搜集材料，搜集的材料越多，以后制作網(wǎng)站就越容易。材料既可以從圖書(shū)、報(bào)紙、光盤(pán)、多媒體上得來(lái)，也可以從互聯(lián)網(wǎng)上搜集，然后把搜集的材料去粗取精，去偽存真，作為自己制作網(wǎng)頁(yè)的素材。

第四、制作網(wǎng)站主頁(yè)。

確定了網(wǎng)站主題，明確了頁(yè)面設(shè)計(jì)風(fēng)格，做完第1步，搜集好材料。我們得到的只是一個(gè)個(gè)圖片文件，還沒(méi)集成網(wǎng)頁(yè)上應(yīng)該有的元素。接下來(lái)要將圖片按制作需求切割成小圖。我們要用HTML語(yǔ)言將切割下來(lái)的組件按整體設(shè)計(jì)“拼裝”回去。眾所周知，HTML語(yǔ)言是一種標(biāo)記型語(yǔ)言，不需要編譯就可以直接在瀏覽器中執(zhí)行。所以理論上，我們可以用記事本等文本編輯工具來(lái)寫(xiě)代碼。這要用專門(mén)的HTML編輯軟件。HTML編輯軟件大體上可分為兩類：一類是代碼型，典型代表為Home site、Hotdog等；一類是所見(jiàn)即所得型，典型代表為FrontPage。也有兩者兼具的，就是大名鼎鼎的Macromedia Dream weaver。代碼型實(shí)際上就是一個(gè)文本編輯器，不同的是，它可以有專門(mén)的代碼提示功能，用起來(lái)比較方便。Dream weaver提供了代碼編寫(xiě)模式和設(shè)計(jì)模式（即所見(jiàn)即所得），并且首次將“層”概念引入網(wǎng)頁(yè)制作。Dream weaver幾乎可以滿足所有人的需求，甚至還提供了ASP、PHP等腳本語(yǔ)言的代碼提示。

你也可以用Netscape4.0或者WORD7.0，我開(kāi)始用的是FrontPage，打開(kāi)Netscape，在file菜單里選Edit Page，便可以制作了。文字的處理基本跟Word一樣，關(guān)鍵是插入圖片和產(chǎn)生鏈接。在你的封面做好了所有鏈接和圖片后，記住你必須將這一頁(yè)保存為index.htm。因?yàn)榫W(wǎng)頁(yè)默認(rèn)的主頁(yè)名稱是index。制作主頁(yè)其實(shí)很簡(jiǎn)單，只要多實(shí)際制作，工多則藝熟。

第五、發(fā)布個(gè)人主題網(wǎng)站。

要在網(wǎng)上安你自己的家，你必須先申請(qǐng)一個(gè)主頁(yè)空間，即向某一個(gè)主機(jī)申請(qǐng)一塊硬盤(pán)空間。有較多的主機(jī)提供免費(fèi)主頁(yè)空間，具體見(jiàn)實(shí)用鏈接欄目。這些主機(jī)不僅提供免費(fèi)個(gè)人主頁(yè)空間，并且還提供留言簿、計(jì)數(shù)器等很有用的功能。只要到有關(guān)站點(diǎn)申請(qǐng)即可，具體方法，參考相關(guān)題目。申請(qǐng)完成以后用FTP將你所有的主頁(yè)文件上傳至主機(jī)指定的目錄就可以了！

將制作好的頁(yè)面放到服務(wù)器上，以便更多的人能瀏覽。目前的網(wǎng)頁(yè)制作工具基本上都有發(fā)布工具，可以通過(guò)各種方式發(fā)布你的頁(yè)面，如Dream weaver中的“站點(diǎn)管理器”。用戶亦可使用FTP客戶端軟件進(jìn)行這步操作。網(wǎng)站發(fā)布好之后，也要做好后期的跟蹤，也就是所謂的用戶體檢，要留意哪些地方是用戶比較喜歡去的地方，哪些又是用戶不愿停留的地方，把一些用戶并不喜歡的地方加以改善，更加完善自己的網(wǎng)站。

擁有個(gè)人網(wǎng)站可以輔助個(gè)人品牌的建立。個(gè)人網(wǎng)站是建立個(gè)人品牌最有利的工具，因?yàn)閭€(gè)人網(wǎng)站可以更好的對(duì)外宣傳個(gè)人最新的動(dòng)態(tài)，分享個(gè)人的觀點(diǎn)，容易使別人產(chǎn)生共鳴。以上是我對(duì)于個(gè)人主題網(wǎng)站制作的一些實(shí)踐與大家共享。

（作者單位：江蘇省上岡高級(jí)中學(xué)）