探討個(gè)人網(wǎng)站設(shè)計(jì)和制作的思路

時(shí)間：2022-08-19 12:21:02 | 來(lái)源：網(wǎng)站運(yùn)營(yíng)

時(shí)間：2022-08-19 12:21:02 來(lái)源：網(wǎng)站運(yùn)營(yíng)

??　　摘要：個(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ì)象。越來(lái)越多的企業(yè)、組織， 甚至個(gè)人都建立了網(wǎng)站。個(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)站入手， 最終制作出較為良好的個(gè)性化網(wǎng)站。

　　2 個(gè)人網(wǎng)站的設(shè)計(jì)和制作步驟
　　2.1 確定網(wǎng)站的主題和名稱
　　制作一個(gè)網(wǎng)站， 首先要確定網(wǎng)站的內(nèi)容。一般來(lái)說(shuō)作為個(gè)人網(wǎng)站的題材最好是在自己比較熟悉的工作范圍內(nèi)， 或者是自己對(duì)某一領(lǐng)域感興趣， 了解的知識(shí)較多， 一方面有自己的思想和見(jiàn)解， 能夠做出自己的個(gè)性和特點(diǎn)；另一方面在制作時(shí)由于有素材和資料， 做起來(lái)比較順手。
　　其實(shí)當(dāng)我們?cè)谡f(shuō)到確定網(wǎng)站結(jié)構(gòu)的主題時(shí)也可以說(shuō)是對(duì)一個(gè)網(wǎng)站首頁(yè)的確定， 首頁(yè)是最重要的部分， 因?yàn)樗莿e人看到這個(gè)網(wǎng)站的第一眼。最好在第一頁(yè)就對(duì)這個(gè)網(wǎng)站的性質(zhì)與所提供的內(nèi)容做個(gè)扼要的導(dǎo)引， 讓別人判斷要不要繼續(xù)點(diǎn)擊。最好在第一頁(yè)就有很清楚的類別欄目選項(xiàng)， 而且盡量人性化， 讓瀏覽者可以很快找到需要的東西。在設(shè)計(jì)上， 最好秉持干凈而清爽的原則。
　　在內(nèi)容的選擇上， 盡量將圖片壓縮及避免加上不當(dāng)?shù)某绦颍?以減少瀏覽者的下載的時(shí)間。頁(yè)面設(shè)計(jì)要盡量簡(jiǎn)潔避免雜亂， 因?yàn)樘嗵珌y觀眾會(huì)找不到所要的東西。
　　網(wǎng)站題材千奇百怪， 琳瑯滿目， 究竟應(yīng)該如何選擇呢？我這里選用的是以目前正在工作的“南陽(yáng)信息工程學(xué)?！睘橹黝}。
　　2.2 確定網(wǎng)站的形象設(shè)計(jì)
　?。?） 設(shè)計(jì)網(wǎng)站標(biāo)志 （LOGO） .LOGO是指網(wǎng)站的標(biāo)志。它是作為一種識(shí)別和傳達(dá)信息的視覺(jué)圖形， 體現(xiàn)著品牌的特點(diǎn)和企業(yè)的形象。設(shè)計(jì)一個(gè)有特色的LOGO, 可以讓用戶看到它就能想到你的網(wǎng)站。
　?。?） 設(shè)計(jì)網(wǎng)站色彩。人的第一印象主要來(lái)自于視覺(jué)， 好的色彩搭配會(huì)產(chǎn)生印象深刻的視覺(jué)效果。一個(gè)網(wǎng)站的標(biāo)準(zhǔn)色彩不超過(guò)3種， 太多則讓人眼花繚亂。
　　（3） 設(shè)計(jì)網(wǎng)站字體。標(biāo)準(zhǔn)字體是指經(jīng)過(guò)設(shè)計(jì)的專用以表現(xiàn)企業(yè)名稱或品牌的字體。一般網(wǎng)頁(yè)默認(rèn)的字體是宋體。為了體現(xiàn)站點(diǎn)的特點(diǎn)和風(fēng)格， 可以根據(jù)需要選擇一些特殊字體。
　2.3 確定個(gè)人網(wǎng)站的欄目和版塊編排
　　在確定好主題和設(shè)計(jì)形象后， 接下來(lái)就是考慮如何進(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)頁(yè)時(shí)不知所措， 而且以后在對(duì)網(wǎng)站進(jìn)行維護(hù)和升級(jí)時(shí)也非常困難。因此欄目編排時(shí)要考慮以下內(nèi)容：欄目?jī)?nèi)容簡(jiǎn)潔， 無(wú)關(guān)內(nèi)容不要顯示；將最有影響力的內(nèi)容放在欄目上；欄目要方便用戶的瀏覽和操作；板塊的編排設(shè)計(jì)要合理安排和劃分， 使每個(gè)板塊都有自己的欄目。 的站點(diǎn)分品牌故事、可口可樂(lè)活動(dòng)、可口可樂(lè)家族、COOL禮中心等板塊。
　　現(xiàn)在資料有了， 那么如何組織呢？欄目其實(shí)就是網(wǎng)站內(nèi)容的概括和分類， 它的作用是將網(wǎng)站的主體明確顯示出來(lái)， 就這一方面的實(shí)現(xiàn)， 我采用了關(guān)于表格的應(yīng)用來(lái)實(shí)現(xiàn)的。
2.4 網(wǎng)頁(yè)的背景設(shè)計(jì)
　　一個(gè)具有吸引力的網(wǎng)站， 不僅要有比較新穎的內(nèi)容， 而且還要有一個(gè)具有吸引力的背景， 現(xiàn)在背景已經(jīng)成為決定網(wǎng)站的視覺(jué)效果如何的核心特征之一。網(wǎng)頁(yè)的背景設(shè)計(jì)是吸引用戶的一個(gè)重要內(nèi)容。背景設(shè)計(jì)的好壞將直接影響瀏覽者對(duì)網(wǎng)站的印象， 如果你登錄國(guó)內(nèi)比較知名的的網(wǎng)站如新浪、搜狐等， 就會(huì)發(fā)現(xiàn)在各大網(wǎng)站上， 甚至在同一網(wǎng)站的不同頁(yè)面上， 都有不盡相同的背景設(shè)計(jì)。那么網(wǎng)站的背景都有哪些， 又是如何設(shè)計(jì)的呢？
　?。?） 圖片背景。圖片背景的主要特點(diǎn)是整個(gè)頁(yè)面的背景可以看作是局部背景的反復(fù)重排， 事實(shí)上， 圖片的反復(fù)重排， 給網(wǎng)站的美觀會(huì)帶來(lái)不良的影響。因此， 在這里， 我選擇了顏色背景。
　?。?） 顏色背景。顏色背景的設(shè)計(jì)是最簡(jiǎn)單的， 也是最為常用和最為重要的， 因?yàn)橄鄬?duì)于圖片背景來(lái)說(shuō)， 它在顯示速度上是其它背景設(shè)計(jì)無(wú)法比的。
　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ú)立的Images目錄；目錄的層次不要太深， 不要超過(guò)3層；不要使用中文目錄， 使用中文目錄可能對(duì)網(wǎng)址的正確顯示造成困難等。
　　網(wǎng)站的鏈接結(jié)構(gòu)是指頁(yè)面之間相互鏈接的拓?fù)浣Y(jié)構(gòu)。它建立在目錄結(jié)構(gòu)基礎(chǔ)之上， 但可以跨越目錄。一般建立網(wǎng)站的鏈接結(jié)構(gòu)有兩種基本方式。
　?。?） 樹(shù)狀鏈接結(jié)構(gòu) （一對(duì)一） , 是指首頁(yè)鏈接指向一級(jí)頁(yè)面， 一級(jí)頁(yè)面鏈接指向二級(jí)頁(yè)面。這樣的鏈接結(jié)構(gòu)瀏覽時(shí)， 一級(jí)一級(jí)進(jìn)入， 一級(jí)一級(jí)退出， 優(yōu)點(diǎn)是條理清晰， 訪問(wèn)者能夠確定自己在什么位置， 但是瀏覽效率低， 從一個(gè)欄目下的子頁(yè)面轉(zhuǎn)到另一個(gè)欄目下的子頁(yè)面， 必須回到首頁(yè)再進(jìn)行。
　　（2） 星狀鏈接結(jié)構(gòu) （一對(duì)多） , 是指每個(gè)頁(yè)面之間都建立有鏈接。特點(diǎn)是給瀏覽者帶來(lái)方便， 隨時(shí)可以打開(kāi)自己喜歡的頁(yè)面。但由于鏈接太多， 容易使瀏覽者不能確定自己當(dāng)前的位置， 瀏覽了多少內(nèi)容。
　　這兩種鏈接結(jié)構(gòu)各有優(yōu)缺點(diǎn)， 在網(wǎng)站制作過(guò)程中， 一般是把這兩種結(jié)構(gòu)混合起來(lái)使用。這樣瀏覽者既能夠快速地到達(dá)自己需要的頁(yè)面， 又能夠清楚自己的位置。因此最好的方法是：首頁(yè)和一級(jí)頁(yè)面之間用星狀結(jié)構(gòu)， 一級(jí)和二級(jí)頁(yè)面之間用樹(shù)狀鏈接結(jié)構(gòu)。鏈接結(jié)構(gòu)的設(shè)計(jì)， 在網(wǎng)頁(yè)制作中是十分重要的一個(gè)部分， 它將直接影響到版面的布局。在我的班級(jí)主頁(yè)里， 我暫時(shí)鏈接了幾個(gè)簡(jiǎn)單的頁(yè)面。
　　2.6 設(shè)計(jì)網(wǎng)絡(luò)的整體風(fēng)格
　　要讓別人記住自己的網(wǎng)站， 就必須讓網(wǎng)站有其它網(wǎng)站所沒(méi)有的特色， 并把它作為網(wǎng)站的風(fēng)格加以修飾和擴(kuò)充， 在網(wǎng)站上進(jìn)行宣傳。比如coca-cola的斯賓塞體字形， 與白色字體形成強(qiáng)烈對(duì)比的紅色標(biāo)準(zhǔn)色， 流動(dòng)的水線等， 無(wú)不在傳遞著青春、活力、輕松與自在。因此， 我將同事寫的文章， 校園內(nèi)發(fā)生的感人故事及學(xué)生的成長(zhǎng)照片放在網(wǎng)站上。同時(shí)， 也希望能通過(guò)網(wǎng)站將同學(xué)之間的友誼獲得交流。
　　2.7 申請(qǐng)域名并獲取網(wǎng)站空間
　　域名是網(wǎng)站在互聯(lián)網(wǎng)上的名字， 就好像給自己網(wǎng)頁(yè)在互聯(lián)網(wǎng)上安個(gè)家， 確定“門牌號(hào)”, 這樣大家才能對(duì)號(hào)入座， 找到你的“小家”訪問(wèn)你。有了域名， 你還必須找到存放主頁(yè)的空間， 現(xiàn)在提供免費(fèi)主頁(yè)空間的網(wǎng)站是越來(lái)越少， 不過(guò)只要你愿意不斷地去挖掘， 天下總有免費(fèi)的午餐?！　?br>　　2.8 推廣自己的網(wǎng)站
　　網(wǎng)站要想得到公眾的認(rèn)可和關(guān)注， 除了要有豐富、準(zhǔn)確、實(shí)用的內(nèi)容和較好的瀏覽方式外， 網(wǎng)站的推廣也占著舉足輕重的作用。一般來(lái)說(shuō)， 網(wǎng)站的推廣有以下幾種方式。
　?。?） 搜索引擎推廣。搜索引擎推廣是指利用搜索引擎、分類目錄等具有在線檢索信息功能的網(wǎng)絡(luò)工具進(jìn)行網(wǎng)站推廣的方法。
　　通過(guò)在著名的搜索引擎站點(diǎn)注冊(cè)是推廣網(wǎng)站常用的方法。注冊(cè)搜索引擎有一定的技巧， 像Alta Vista、搜索客這樣的搜索引擎， 它自動(dòng)收錄提交的網(wǎng)址。另外， 注意Meta的使用， 不要提交分欄Frame頁(yè)面， 大部分搜索引擎不識(shí)別Frame, 所以一定要提交有內(nèi)容的Main頁(yè)面。
　　而像Yahoo、搜狐等搜索目錄網(wǎng)站采用手工方式收錄網(wǎng)址， 以保證收錄網(wǎng)站的質(zhì)量， 在分類查詢時(shí)獲得的信息相關(guān)性比搜索引擎站點(diǎn) （靠Spider自動(dòng)搜索的） 更強(qiáng)。由于搜索目錄網(wǎng)站的人為因素相對(duì)較多， 因此在提交網(wǎng)站時(shí)要注意遵守規(guī)則。如Yahoo要求注冊(cè)站點(diǎn)描述不超過(guò)25個(gè)單詞。在此要注意：將網(wǎng)址提交到最合適的目錄下面， 要認(rèn)真詳細(xì)的介紹網(wǎng)站， 千萬(wàn)不要有虛假、夸張的成分。
　　（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ì)：獲得一定的訪問(wèn)量、增加用戶瀏覽時(shí)的印象、在搜索引擎排名中增加優(yōu)勢(shì)、通過(guò)合作網(wǎng)站的推薦增加訪問(wèn)者的可信度等。交換鏈接還有比是否可以取得直接效果更深一層的意義， 一般來(lái)說(shuō)， 每個(gè)網(wǎng)站都傾向于鏈接價(jià)值高的其他網(wǎng)站， 因此獲得其他網(wǎng)站的鏈接也就意味著獲得了合作伙伴和一個(gè)領(lǐng)域內(nèi)同類網(wǎng)站的認(rèn)可。
　?。?） 電子郵件推廣。以電子郵件為主要的網(wǎng)站推廣手段， 一般包括電子刊物、會(huì)員通訊、專業(yè)服務(wù)商的電子郵件廣告等方法。以電子郵件為主要的網(wǎng)站推廣手段應(yīng)采用用戶許可的Email營(yíng)銷方式以減少郵件信息對(duì)客戶的干擾、提高客戶定位的準(zhǔn)確度、提高誠(chéng)信度等。也可通過(guò)其它途徑收集特定的郵件地址， 給特定的網(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ù)一幟， 鶴立雞群。我能通過(guò)實(shí)踐與理論的檢驗(yàn)， 最終將把自己的網(wǎng)站設(shè)計(jì)和制作得更加完美。
　　參考文獻(xiàn)
　　[1] （韓） I.RI色彩研究所著， 李華強(qiáng)譯。Web Color Design設(shè)計(jì)師談網(wǎng)頁(yè)配色 （全彩） [M].電子工業(yè)出版社， 2002, 9
　　[2] 周明濤。Dreamweaver 4網(wǎng)頁(yè)設(shè)計(jì) （網(wǎng)絡(luò)實(shí)用技術(shù)叢書） [M].機(jī)械工業(yè)出版社， 2005, 10
　　[3]林東。計(jì)算機(jī)網(wǎng)絡(luò)技術(shù)[M].電子工業(yè)出版社????