??摘要：個人網(wǎng)站設計和制作的思路將從 （網(wǎng)站的主題和名稱， 網(wǎng)站的形象設計， 網(wǎng)站的欄目和版塊編排， 網(wǎng)站目錄結構與鏈接結構……） 等方面介紹如何設計網(wǎng)站入手。

1 導言

在計算機網(wǎng)絡快速發(fā)展的今天， 網(wǎng)絡技術已經(jīng)廣泛深入到各個行業(yè)， 并發(fā)揮著重要的作用。作為網(wǎng)絡世界支點的網(wǎng)站， 更是人們關注的對象。越來越多的企業(yè)、組織， 甚至個人都建立了網(wǎng)站。個人網(wǎng)站設計和制作的思路將從 （網(wǎng)站的主題和名稱， 網(wǎng)站的形象設計，網(wǎng)站的欄目和版塊編排網(wǎng)站制作， 網(wǎng)站目錄結構與鏈接結構……） 等方面介紹如何設計網(wǎng)站入手， 最終制作出較為良好的個性化網(wǎng)站。

2 個人網(wǎng)站的設計和制作步驟

2.1 確定網(wǎng)站的主題和名稱

制作一個網(wǎng)站， 首先要確定網(wǎng)站的內(nèi)容。一般來說作為個人網(wǎng)站的題材最好是在自己比較熟悉的工作范圍內(nèi)， 或者是自己對某一領域感興趣， 了解的知識較多， 一方面有自己的思想和見解， 能夠做出自己的個性和特點；另一方面在制作時由于有素材和資料， 做起來比較順手。

其實當我們在說到確定網(wǎng)站結構的主題時也可以說是對一個網(wǎng)站首頁的確定， 首頁是最重要的部分， 因為它是別人看到這個網(wǎng)站的第一眼。最好在第一頁就對這個網(wǎng)站的性質(zhì)與所提供的內(nèi)容做個扼要的導引， 讓別人判斷要不要繼續(xù)點擊。最好在第一頁就有很清楚的類別欄目選項， 而且盡量人性化， 讓瀏覽者可以很快找到需要的東西。在設計上， 最好秉持干凈而清爽的原則。

在內(nèi)容的選擇上， 盡量將圖片壓縮及避免加上不當?shù)某绦颍?以減少瀏覽者的下載的時間。頁面設計要盡量簡潔避免雜亂， 因為太多太亂觀眾會找不到所要的東西。

網(wǎng)站題材千奇百怪， 琳瑯滿目， 究竟應該如何選擇呢？我這里選用的是以目前正在工作的“南陽信息工程學校”為主題。

2.2 確定網(wǎng)站的形象設計

（1） 設計網(wǎng)站標志 （LOGO） .LOGO是指網(wǎng)站的標志。它是作為一種識別和傳達信息的視覺圖形， 體現(xiàn)著品牌的特點和企業(yè)的形象。設計一個有特色的LOGO, 可以讓用戶看到它就能想到你的網(wǎng)站。

（2） 設計網(wǎng)站色彩。人的第一印象主要來自于視覺， 好的色彩搭配會產(chǎn)生印象深刻的視覺效果。一個網(wǎng)站的標準色彩不超過3種， 太多則讓人眼花繚亂。

（3） 設計網(wǎng)站字體。標準字體是指經(jīng)過設計的專用以表現(xiàn)企業(yè)名稱或品牌的字體。一般網(wǎng)頁默認的字體是宋體。為了體現(xiàn)站點的特點和風格， 可以根據(jù)需要選擇一些特殊字體。

2.3 確定個人網(wǎng)站的欄目和版塊編排

在確定好主題和設計形象后， 接下來就是考慮如何進行欄目的設置。在設計欄目時， 可以根據(jù)網(wǎng)站的內(nèi)容進行分類并確定主題， 主題欄目應在整個網(wǎng)站中占主導位置。

構建一個網(wǎng)站， 要做到主題明確、層次清晰。上面工作做好后就要著手進行欄目和板塊的編排工作。制作網(wǎng)站時需要進行合理的規(guī)劃和安排， 否則易出現(xiàn)網(wǎng)站內(nèi)容龐雜， 層次不分， 目錄、板塊編排混亂等。使觀眾在瀏覽網(wǎng)頁時不知所措， 而且以后在對網(wǎng)站進行維護和升級時也非常困難。因此欄目編排時要考慮以下內(nèi)容：欄目內(nèi)容簡潔， 無關內(nèi)容不要顯示；將最有影響力的內(nèi)容放在欄目上；欄目要方便用戶的瀏覽和操作；板塊的編排設計要合理安排和劃分， 使每個板塊都有自己的欄目。 的站點分品牌故事、可口可樂活動、可口可樂家族、COOL禮中心等板塊。

現(xiàn)在資料有了， 那么如何組織呢？欄目其實就是網(wǎng)站內(nèi)容的概括和分類， 它的作用是將網(wǎng)站的主體明確顯示出來， 就這一方面的實現(xiàn)， 我采用了關于表格的應用來實現(xiàn)的。

2.4 網(wǎng)頁的背景設計

一個具有吸引力的網(wǎng)站， 不僅要有比較新穎的內(nèi)容， 而且還要有一個具有吸引力的背景， 現(xiàn)在背景已經(jīng)成為決定網(wǎng)站的視覺效果如何的核心特征之一。網(wǎng)頁的背景設計是吸引用戶的一個重要內(nèi)容。背景設計的好壞將直接影響瀏覽者對網(wǎng)站的印象， 如果你登錄國內(nèi)比較知名的的網(wǎng)站如新浪、搜狐等， 就會發(fā)現(xiàn)在各大網(wǎng)站上， 甚至在同一網(wǎng)站的不同頁面上， 都有不盡相同的背景設計。那么網(wǎng)站的背景都有哪些， 又是如何設計的呢？

（1） 圖片背景。圖片背景的主要特點是整個頁面的背景可以看作是局部背景的反復重排， 事實上， 圖片的反復重排， 給網(wǎng)站的美觀會帶來不良的影響。因此， 在這里， 我選擇了顏色背景。

（2） 顏色背景。顏色背景的設計是最簡單的， 也是最為常用和最為重要的， 因為相對于圖片背景來說， 它在顯示速度上是其它背景設計無法比的。

2.5 目錄結構與鏈接結構

網(wǎng)站的目錄是指建立網(wǎng)站時創(chuàng)建的路徑， 一般是一個個的文件夾。目錄結構對于網(wǎng)站的維護和以后內(nèi)容的增加和修改有著重要的作用。因此建立目錄結構時要合理安排， 如不要將所有文件都存放在根目錄下；按欄目內(nèi)容建立子目錄；在每個主目錄下都建立獨立的目錄；目錄的層次不要太深， 不要超過3層；不要使用中文目錄， 使用中文目錄可能對網(wǎng)址的正確顯示造成困難等。

網(wǎng)站的鏈接結構是指頁面之間相互鏈接的拓撲結構。它建立在目錄結構基礎之上， 但可以跨越目錄。一般建立網(wǎng)站的鏈接結構有兩種基本方式。

（1） 樹狀鏈接結構 （一對一） , 是指首頁鏈接指向一級頁面， 一級頁面鏈接指向二級頁面。這樣的鏈接結構瀏覽時， 一級一級進入， 一級一級退出， 優(yōu)點是條理清晰， 訪問者能夠確定自己在什么位置， 但是瀏覽效率低， 從一個欄目下的子頁面轉(zhuǎn)到另一個欄目下的子頁面， 必須回到首頁再進行。

（2） 星狀鏈接結構 （一對多） , 是指每個頁面之間都建立有鏈接。特點是給瀏覽者帶來方便， 隨時可以打開自己喜歡的頁面。但由于鏈接太多， 容易使瀏覽者不能確定自己當前的位置， 瀏覽了多少內(nèi)容。

這兩種鏈接結構各有優(yōu)缺點， 在網(wǎng)站制作過程中， 一般是把這兩種結構混合起來使用。這樣瀏覽者既能夠快速地到達自己需要的頁面， 又能夠清楚自己的位置。因此最好的方法是：首頁和一級頁面之間用星狀結構， 一級和二級頁面之間用樹狀鏈接結構。鏈接結構的設計， 在網(wǎng)頁制作中是十分重要的一個部分， 它將直接影響到版面的布局。在我的班級主頁里， 我暫時鏈接了幾個簡單的頁面。

2.6 設計網(wǎng)絡的整體風格

要讓別人記住自己的網(wǎng)站， 就必須讓網(wǎng)站有其它網(wǎng)站所沒有的特色， 并把它作為網(wǎng)站的風格加以修飾和擴充，在網(wǎng)站上進行宣傳。比如coca-cola的斯賓塞體字形網(wǎng)站制作， 與白色字體形成強烈對比的紅色標準色， 流動的水線等， 無不在傳遞著青春、活力、輕松與自在。因此， 我將同事寫的文章， 校園內(nèi)發(fā)生的感人故事及學生的成長照片放在網(wǎng)站上。同時， 也希望能通過網(wǎng)站將同學之間的友誼獲得交流。

2.7 申請域名并獲取網(wǎng)站空間

域名是網(wǎng)站在互聯(lián)網(wǎng)上的名字， 就好像給自己網(wǎng)頁在互聯(lián)網(wǎng)上安個家， 確定“門牌號”, 這樣大家才能對號入座， 找到你的“小家”訪問你。有了域名， 你還必須找到存放主頁的空間， 現(xiàn)在提供免費主頁空間的網(wǎng)站是越來越少， 不過只要你愿意不斷地去挖掘， 天下總有免費的午餐。

2.8 推廣自己的網(wǎng)站

網(wǎng)站要想得到公眾的認可和關注， 除了要有豐富、準確、實用的內(nèi)容和較好的瀏覽方式外， 網(wǎng)站的推廣也占著舉足輕重的作用。一般來說， 網(wǎng)站的推廣有以下幾種方式。

（1） 搜索引擎推廣。搜索引擎推廣是指利用搜索引擎、分類目錄等具有在線檢索信息功能的網(wǎng)絡工具進行網(wǎng)站推廣的方法。

通過在著名的搜索引擎站點注冊是推廣網(wǎng)站常用的方法。注冊搜索引擎有一定的技巧， 像Alta Vista、搜索客這樣的搜索引擎， 它自動收錄提交的網(wǎng)址。另外， 注意Meta的使用， 不要提交分欄Frame頁面， 大部分搜索引擎不識別Frame, 所以一定要提交有內(nèi)容的Main頁面。

而像Yahoo、搜狐等搜索目錄網(wǎng)站采用手工方式收錄網(wǎng)址， 以保證收錄網(wǎng)站的質(zhì)量， 在分類查詢時獲得的信息相關性比搜索引擎站點 （靠自動搜索的） 更強。由于搜索目錄網(wǎng)站的人為因素相對較多， 因此在提交網(wǎng)站時要注意遵守規(guī)則。如Yahoo要求注冊站點描述不超過25個單詞。在此要注意：將網(wǎng)址提交到最合適的目錄下面， 要認真詳細的介紹網(wǎng)站， 千萬不要有虛假、夸張的成分。

（2） 交換鏈接推廣。交換鏈接是具有一定互補優(yōu)勢的網(wǎng)站之間的合作方式， 即在自己的網(wǎng)站上放置對方網(wǎng)站的LOGO或網(wǎng)站名稱并設置對方網(wǎng)站的超級鏈接， 使得用戶可以從合作網(wǎng)站中發(fā)現(xiàn)自己的網(wǎng)站， 達到互相推廣的目。交換鏈接的優(yōu)勢：獲得一定的訪問量、增加用戶瀏覽時的印象、在搜索引擎排名中增加優(yōu)勢、通過合作網(wǎng)站的推薦增加訪問者的可信度等。交換鏈接還有比是否可以取得直接效果更深一層的意義， 一般來說， 每個網(wǎng)站都傾向于鏈接價值高的其他網(wǎng)站， 因此獲得其他網(wǎng)站的鏈接也就意味著獲得了合作伙伴和一個領域內(nèi)同類網(wǎng)站的認可。

（3） 電子郵件推廣。以電子郵件為主要的網(wǎng)站推廣手段， 一般包括電子刊物、會員通訊、專業(yè)服務商的電子郵件廣告等方法。以電子郵件為主要的網(wǎng)站推廣手段應采用用戶許可的Email營銷方式以減少郵件信息對客戶的干擾、提高客戶定位的準確度、提高誠信度等。也可通過其它途徑收集特定的郵件地址， 給特定的網(wǎng)絡客戶發(fā)送郵件， 在某個網(wǎng)絡群體中推廣自己的網(wǎng)站。

3 結論

總之， 我希望我個人的網(wǎng)站設計和制作水平在吸取別人或者別的網(wǎng)站精華的同時有自己的特色， 內(nèi)心非常希望自己的水平能得到很大的提高， 希望大家提出寶貴建議。筆者相信， 個人網(wǎng)站能獨樹一幟， 鶴立雞群。我能通過實踐與理論的檢驗， 最終將把自己的網(wǎng)站設計和制作得更加完美。

參考文獻

[1] （韓） I.RI色彩研究所著， 李華強譯。Web Color 設計師談網(wǎng)頁配色 （全彩） [M].電子工業(yè)出版社， 2002, 9

[2] 周明濤。 4網(wǎng)頁設計 （網(wǎng)絡實用技術叢書） [M].機械工業(yè)出版社， 2005, 10

[3]林東。計算機網(wǎng)絡技術[M].電子工業(yè)出版社????