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

1 導(dǎo)言

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

2 個(gè)人網(wǎng)站的設(shè)計(jì)和制作步驟

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

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

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

在內(nèi)容的選擇上， 盡量將圖片壓縮及避免加上不當(dāng)?shù)某绦颍?以減少瀏覽者的下載的時(shí)間。頁面設(shè)計(jì)要盡量簡(jiǎn)潔避免雜亂， 因?yàn)樘嗵珌y觀眾會(huì)找不到所要的東西。

網(wǎng)站題材千奇百怪， 琳瑯滿目， 究竟應(yīng)該如何選擇呢？我這里選用的是以目前正在工作的“南陽信息工程學(xué)?！睘橹黝}。

2.2 確定網(wǎng)站的形象設(shè)計(jì)

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

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

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

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

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

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

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

2.4 網(wǎng)頁的背景設(shè)計(jì)

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

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

（2） 顏色背景。顏色背景的設(shè)計(jì)是最簡(jiǎn)單的， 也是最為常用和最為重要的， 因?yàn)橄鄬?duì)于圖片背景來說， 它在顯示速度上是其它背景設(shè)計(jì)無法比的。

2.5 目錄結(jié)構(gòu)與鏈接結(jié)構(gòu)

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

網(wǎng)站的鏈接結(jié)構(gòu)是指頁面之間相互鏈接的拓?fù)浣Y(jié)構(gòu)。它建立在目錄結(jié)構(gòu)基礎(chǔ)之上， 但可以跨越目錄。一般建立網(wǎng)站的鏈接結(jié)構(gòu)有兩種基本方式。

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

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

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

2.6 設(shè)計(jì)網(wǎng)絡(luò)的整體風(fēng)格

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

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

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

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

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

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

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

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

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

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

3 結(jié)論

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

參考文獻(xiàn)

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

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

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