淺談個人主題網(wǎng)站的設計制作

張宏芳

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

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

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

第二、進行頁面總體設計。

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

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

第三、搜集與主題相關的材料。

明確了網(wǎng)站的主題以后，你就要圍繞主題開始搜集材料了。常言道：“巧婦難為無米之炊。”要想讓自己的網(wǎng)站有血有肉，能夠吸引住用戶，你就要盡量搜集材料，搜集的材料越多，以后制作網(wǎng)站就越容易。材料既可以從圖書、報紙、光盤、多媒體上得來，也可以從互聯(lián)網(wǎng)上搜集，然后把搜集的材料去粗取精，去偽存真，作為自己制作網(wǎng)頁的素材。

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

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

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

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

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

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

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

（作者單位：江蘇省上岡高級中學）