1.2 網(wǎng)站建設(shè)流程

制作網(wǎng)頁的最終目的是要建立一個(gè)由很多個(gè)網(wǎng)頁組成的網(wǎng)站，但是網(wǎng)站絕不是這些網(wǎng)頁的簡單羅列組合，它用超鏈接方式把這些網(wǎng)頁有機(jī)結(jié)合起來，組成具有鮮明風(fēng)格特征和完善內(nèi)容的整體。因此，設(shè)計(jì)一個(gè)完整的網(wǎng)站不是簡單制作幾個(gè)網(wǎng)頁，網(wǎng)站包含很多內(nèi)容，如網(wǎng)站的構(gòu)思規(guī)劃和建設(shè)、網(wǎng)站的宣傳營銷等。制作網(wǎng)站一般包括確定網(wǎng)站目標(biāo)和主題、網(wǎng)站的規(guī)劃、網(wǎng)站的建立、網(wǎng)站的推廣和發(fā)展以及網(wǎng)站的更新和維護(hù)等步驟。

1.2.1 確定網(wǎng)站目標(biāo)和主題

設(shè)計(jì)一個(gè)網(wǎng)站，首先需要確定該網(wǎng)站的目標(biāo)是什么，即為什么要建立網(wǎng)站。建立網(wǎng)站的原因是多種多樣的：有些是政府網(wǎng)站，為政府發(fā)布信息提供一個(gè)良好的平臺；有些是企業(yè)網(wǎng)站，是為了進(jìn)行電子商務(wù)活動；有些是個(gè)人網(wǎng)站，為的是交朋友、進(jìn)行學(xué)習(xí)討論或者是提供興趣愛好交流的平臺等。因此，我們建立網(wǎng)站前一定要明確目標(biāo)，明確目標(biāo)以后還要弄清楚網(wǎng)站的訪問者將會是誰。例如，明確網(wǎng)站是面向?qū)W生還是面向消費(fèi)者，或者是面向公司內(nèi)部的員工等，只有明確了目標(biāo)和訪問者以后，才能避免在建站過程中出現(xiàn)很多問題，并能依此定位網(wǎng)站的主題。

網(wǎng)站的主題，即是網(wǎng)站題材，是網(wǎng)站要包含的內(nèi)容，是賦予網(wǎng)站生命的關(guān)鍵。只有主題鮮明，才能建設(shè)出具有獨(dú)特風(fēng)格、內(nèi)容豐富的站點(diǎn)。網(wǎng)絡(luò)上的網(wǎng)站題材琳瑯滿目，無奇不有，只要想得到，就可以把它制作出來。現(xiàn)在網(wǎng)絡(luò)上比較流行的題材有網(wǎng)上聊天、新聞網(wǎng)站、網(wǎng)上求職、網(wǎng)上購物、娛樂網(wǎng)站、旅游網(wǎng)站、計(jì)算機(jī)技術(shù)、生活時(shí)尚等，每個(gè)題材又可以進(jìn)一步細(xì)分，如娛樂類網(wǎng)站可以分為音樂、電影、體育等幾大類，音樂又可以按表現(xiàn)形式分古典、現(xiàn)代、搖滾、說唱等，體育也可以進(jìn)一步細(xì)分為足球、籃球、田徑、游泳、網(wǎng)球等。除了以上常見的題材外，也可以選擇專業(yè)的題材，如心理健康、醫(yī)療衛(wèi)生等。

選擇網(wǎng)站主題的時(shí)候，建議注意以下幾點(diǎn)：

[1]主題要小而精。定位要小，內(nèi)容要精。如果想制作一個(gè)包羅萬象的站點(diǎn)，把所有認(rèn)為精彩的東西都放在上面，那么往往會事與愿違，給人的感覺是沒有主題，沒有特色，樣樣都有卻樣樣都很膚淺，因?yàn)椴豢赡苡心敲炊嗟木θゾS護(hù)它。網(wǎng)絡(luò)的最大特點(diǎn)就是新和快，目前最熱門的個(gè)人主頁都是天天更新甚至幾小時(shí)更新一次。最新的調(diào)查結(jié)果也顯示，網(wǎng)絡(luò)上的“主題站”比“萬全站”更受人們喜愛，就好比專賣店和百貨商店，如果需要買某方面的東西，肯定會選擇專賣店。再如，某位網(wǎng)友希望制作文學(xué)方面的題材，但是文學(xué)也包括許多方面內(nèi)容，按體裁分為小說、詩歌和散文等，按內(nèi)容分為科幻、武俠和推理等。仔細(xì)了解了他的擅長和想要提供的主要內(nèi)容，最后將題材定位在網(wǎng)絡(luò)文學(xué)上，刪除了原有的一些無關(guān)的文學(xué)作品，集中整理和擴(kuò)大網(wǎng)絡(luò)文學(xué)作品。網(wǎng)站推出后，很快受到大家的喜愛。

[2]題材最好是自己擅長或者喜愛的內(nèi)容。比如：擅長唱歌，就可以建立一個(gè)音樂愛好者網(wǎng)站；對籃球感興趣，可以制作一個(gè)籃球網(wǎng)站，報(bào)道NBA最新的戰(zhàn)況、球星動態(tài)等。興趣是制作網(wǎng)站的動力，是靈感的源泉，這樣在制作網(wǎng)站時(shí)，才不會覺得無聊或者力不從心。如果沒有興趣，也就沒有了熱情，這樣是不可能設(shè)計(jì)制作出杰出的作品的。

[3]題材不要太濫或者目標(biāo)太高。“太濫”是指到處可見、人人都有的題材，如軟件下載和免費(fèi)信息等。“目標(biāo)太高”是指在這一題材上已經(jīng)有非常優(yōu)秀、知名度很高的站點(diǎn)，要超過它是很困難的。除非你下決心和有實(shí)力競爭并超過它，因?yàn)樵诨ヂ?lián)網(wǎng)上只有第一，人們往往只記得最好的網(wǎng)站，對第二名、第三名的印象則會淺得多。

如果已經(jīng)有一個(gè)絕妙的主意了，那就需要為網(wǎng)站起名字了。網(wǎng)站的名字是網(wǎng)站設(shè)計(jì)過程中非常關(guān)鍵的一個(gè)要素，是瀏覽者對網(wǎng)站的第一印象，可以說，網(wǎng)站名字的好與壞是網(wǎng)站是否能成功的關(guān)鍵因素之一。要想為網(wǎng)站起一個(gè)滿意的名字，可能需要花費(fèi)一定的時(shí)間，甚至可能需要三番五次地更改，最終才能達(dá)到一個(gè)滿意的效果。例如，“電腦學(xué)習(xí)室”和“電腦之家”兩個(gè)名稱相比，顯然是后者簡練；“迷笛樂園”和“MIDI樂園”相比，顯然是后者明晰。與現(xiàn)實(shí)生活中一樣，網(wǎng)站名稱是否正氣、響亮和易記，對網(wǎng)站的形象和宣傳推廣有著很大影響。一般的建議是：

[1]名稱要正。這個(gè)“正”其實(shí)就是要合法、合理、合情，不能用反動、色情、迷信、危害社會安全的名詞或語句。

[2]名稱要易記。根據(jù)中文網(wǎng)站瀏覽者的特點(diǎn)，除非特定需要，網(wǎng)站名稱最好用中文名稱，不要使用英文或者中英文混合型名稱。例如，“beyondstudio”和“超越工作室”相比，后者更親切好記。另外，網(wǎng)站名稱的字?jǐn)?shù)應(yīng)該控制在6個(gè)字（最好4個(gè)字）以內(nèi)，如“XX閣”“XX設(shè)計(jì)室”，4個(gè)字的可以用成語，如“一網(wǎng)打盡”。字?jǐn)?shù)少還有個(gè)好處，一般友情鏈接的小Logo尺寸是88×31像素，而6個(gè)字的寬度是78像素左右，適合與其他站點(diǎn)的鏈接排版。

[3]名稱要有特色。名稱平實(shí)就可以接受，如果能有創(chuàng)意和特色，并體現(xiàn)一定的內(nèi)涵，給瀏覽者更多的視覺沖擊和空間想象力，則為上品。這里舉幾個(gè)個(gè)人認(rèn)為很好的名稱：音樂前衛(wèi)、網(wǎng)頁陶吧、天籟絕音，在體現(xiàn)出網(wǎng)站主題的同時(shí)，能點(diǎn)出特色之處。

在網(wǎng)站主題和名稱定下來之后，需要思考的就是網(wǎng)站的CI形象。所謂CI（Corporate Identity），是借用的廣告術(shù)語，意思是通過視覺來統(tǒng)一企業(yè)的形象。現(xiàn)實(shí)生活中的CI策劃比比皆是，杰出的例子如：可口可樂公司，采用全球統(tǒng)一的標(biāo)志、色彩和產(chǎn)品包裝，給我們的印象極為深刻。更多的例子如SONY、三菱、麥當(dāng)勞等。一個(gè)杰出的網(wǎng)站，與實(shí)體公司一樣，也需要整體的形象包裝和設(shè)計(jì)。準(zhǔn)確的、有創(chuàng)意的CI設(shè)計(jì)，對網(wǎng)站的宣傳推廣有事半功倍的效果。

1.2.2 網(wǎng)站的規(guī)劃

網(wǎng)站的主題和名字等確定以后，需要對網(wǎng)站進(jìn)行規(guī)劃。正所謂“凡事預(yù)則立，不預(yù)則廢”，網(wǎng)站的規(guī)劃至關(guān)重要，是網(wǎng)站設(shè)計(jì)能否成功的關(guān)鍵所在，能使自己對網(wǎng)站有一個(gè)完整的構(gòu)思，而不會隨心所欲，想到什么就做什么，做出來的網(wǎng)站也不會雜亂無章。網(wǎng)站的規(guī)劃一般包括總體結(jié)構(gòu)的設(shè)計(jì)和目錄的設(shè)置。

1.網(wǎng)站總體結(jié)構(gòu)的設(shè)計(jì)

網(wǎng)站的建設(shè)是一項(xiàng)龐大的工程，如同建設(shè)高樓，沒有預(yù)先規(guī)劃好結(jié)構(gòu)而盲目進(jìn)行建造，那結(jié)果往往是大樓的倒塌。所以，需要預(yù)先設(shè)計(jì)好網(wǎng)站的總體結(jié)構(gòu)，并對它了如指掌，在以后的設(shè)計(jì)中才能得心應(yīng)手、游刃有余。規(guī)劃一個(gè)網(wǎng)站的總體結(jié)構(gòu)，可以采用畫結(jié)構(gòu)圖的方法，首先把主頁中的欄目確定下來，并根據(jù)這些欄目，設(shè)計(jì)出整個(gè)網(wǎng)站的架構(gòu)，從而為以后的工作奠定良好的基礎(chǔ)。再根據(jù)網(wǎng)站的架構(gòu)，設(shè)計(jì)主頁的頁面布局，包括使用普通頁面還是采用框架，何處插入圖片、文字或超鏈接等，確保訪客瀏覽主頁時(shí)，隨時(shí)能進(jìn)入他想去的任何一個(gè)欄目，并注意把最重要的信息放在最核心和最顯眼的位置。同時(shí)，我們也需要根據(jù)網(wǎng)站的主題來選擇網(wǎng)站的整體色調(diào)，有效搭配好各要素的色彩，統(tǒng)一網(wǎng)站的整體風(fēng)格，襯托出網(wǎng)站的主題，讓訪客留下深刻的印象。

2.網(wǎng)站目錄的設(shè)置

網(wǎng)站的目錄是指創(chuàng)建網(wǎng)站時(shí)建立的目錄，包含了根目錄和子目錄。目錄的好壞對站點(diǎn)未來的維護(hù)和更新有著重要的影響，建立目錄時(shí)最好做到以下幾點(diǎn)：

[1]不能將所有文件都存放在根目錄下，因?yàn)槿绻械奈募旁诟夸浵拢瑢斐晌募芾砘靵y和上傳速度慢。

[2]根據(jù)總體結(jié)構(gòu)設(shè)計(jì)確定的欄目來創(chuàng)建子目錄，目錄名不要使用中文和過長的英文名。

[3]目錄的層次不要太深，一般不要超過3層，以便于管理和維護(hù)。

1.2.3 網(wǎng)站的建立

在對未來的網(wǎng)站有了初步規(guī)劃后，不能馬上著手對網(wǎng)站進(jìn)行建設(shè)，需要做好一些準(zhǔn)備工作。

首先，我們需要申請一個(gè)理想的主頁存放空間。這一點(diǎn)比較關(guān)鍵，因?yàn)樗粌H是將來主頁的存放場所，而且主頁上一些功能的實(shí)現(xiàn)還要依賴于這些場所所提供的服務(wù)。

其次，需要對網(wǎng)站的素材進(jìn)行準(zhǔn)備，其工作包括搜集、整理加工、制作和存儲等環(huán)節(jié)。美觀、有創(chuàng)意的頁面可以起到吸引訪客瀏覽的作用，但真正做到讓訪客流連忘返，產(chǎn)生“高回頭率”的關(guān)鍵因素還在于網(wǎng)站的內(nèi)容，因?yàn)閮?nèi)容空洞的網(wǎng)站是沒有任何吸引力的。網(wǎng)站素材的來源有很多途徑，可以從圖書、報(bào)紙、光盤和多媒體上獲得，更多的還是來自互聯(lián)網(wǎng)。要盡可能地多搜集一些可能用到的東西，特別是裝飾的圖片和相關(guān)的文字等。搜集到的材料需要進(jìn)行適當(dāng)整理和加工，同時(shí)也可以自己制作素材。網(wǎng)站的所有素材要分門別類地保存在相應(yīng)的文件夾中，文件名要有規(guī)律，容易看明白。

最后，需要確定制作網(wǎng)頁的工具。目前制作網(wǎng)頁的工具有很多，對網(wǎng)頁制作工具，通常選用所見即所得的編輯工具，首推Dreamweaver和FrontPage。微軟的FrontPage，其界面類似于Office中的Word程序，很容易上手，對初學(xué)者來說是首選。Dreamweaver是建立Web站點(diǎn)和應(yīng)用程序的專業(yè)工具，使網(wǎng)頁設(shè)計(jì)者有更完美的Web創(chuàng)作體驗(yàn)。至于圖形工具，則有很多，可以選擇Photoshop或Fireworks，Photoshop強(qiáng)大的功能足以應(yīng)付任何圖形加工工作。動畫制作工具首選Flash程序，F(xiàn)lash是由Macromedia公司推出的交互式矢量圖和Web動畫的標(biāo)準(zhǔn)，被Adobe公司收購。網(wǎng)頁設(shè)計(jì)者使用Flash創(chuàng)作出既漂亮又可改變尺寸的導(dǎo)航界面以及其他奇特的效果。

材料準(zhǔn)備好了，制作網(wǎng)頁的工具也確定了，接下來就是按照規(guī)劃把自己的想法一步步變成現(xiàn)實(shí)，這是一個(gè)復(fù)雜而又細(xì)致的過程。可以按照先大后小、先簡單后復(fù)雜的原則，制作出所有的頁面。先大后小是指先把大的結(jié)構(gòu)設(shè)計(jì)好，再逐步完善小的結(jié)構(gòu)設(shè)計(jì)；先簡單后復(fù)雜是指先設(shè)計(jì)出簡單的內(nèi)容，再設(shè)計(jì)復(fù)雜的內(nèi)容，這樣在出現(xiàn)問題時(shí)容易修改，大大提高制作效率。

做好主頁后，可以先利用軟件自帶的測試功能對網(wǎng)站進(jìn)行內(nèi)部測試，以便發(fā)現(xiàn)和修改基本的問題，最后將網(wǎng)站發(fā)布到Web服務(wù)器上，發(fā)布的工具有很多，有些網(wǎng)頁制作工具本身就帶有上傳功能；也可以利用HTTP傳輸方式，使用瀏覽器進(jìn)入提供商的主頁，登錄到自己的賬戶進(jìn)行上傳；或者采用FTP上傳工具，可以很方便地把網(wǎng)站發(fā)布到自己申請的主頁服務(wù)器上。網(wǎng)站發(fā)布以后，在瀏覽器中打開自己的網(wǎng)站，逐頁逐個(gè)鏈接再進(jìn)行測試，發(fā)現(xiàn)問題，及時(shí)更正，然后再上傳、再測試，如此循環(huán)直到完善為止。

1.2.4 網(wǎng)站的推廣和發(fā)展

主頁做得再好，如果沒有訪客或者訪客稀少，當(dāng)然是一大缺憾，網(wǎng)絡(luò)上的原則是“酒香也怕巷子深”，因此主頁推廣工作顯得尤為重要。推廣主頁途徑有以下幾種方法。

第一種方法，到各大搜索引擎注冊，如yahoo（www.yahoo.com）、whatesite（www.whatesite. com）、goyoyo（www.goyoyo.com）等國外節(jié)點(diǎn)，或者國內(nèi)網(wǎng)站，如網(wǎng)易（www.nease.net），填份表格就能成功注冊。以后別人就能在這些引擎中查到你的網(wǎng)頁。

第二種方法，到國內(nèi)外的ISP的個(gè)人空間的欄目中登記自己的網(wǎng)頁，根據(jù)網(wǎng)頁的內(nèi)容選取不同的類型登記。

第三種方法，利用網(wǎng)上廣播站，Broadcaster（www.broadcater.co.uk）能幫用戶到近200個(gè)搜索引擎處注冊，這是最快捷方便的方法。

第四種方法，參加各種廣告交換組織，如linkexchange（www.linkexchange.com）等登記，成為它們的會員，把廣告加到你的主頁，而你的主頁旗幟也會出現(xiàn)在其他會員的主頁上。像國內(nèi)許多著名的ISP，如廣州視窗、北京在線、南極星的網(wǎng)點(diǎn)都是會員。這樣，你的主頁的連接就會出現(xiàn)在這些主頁上，能與它們相提并論了！廣告交換被許多網(wǎng)站利用，即使利用了廣告，也沒有帶來更多訪客。首先，第一種廣告交換，即個(gè)人之間，這是目前最多的廣告交換。許多個(gè)人站點(diǎn)互相交換著Logo，很容易就建立了一個(gè)鏈接。但有些鏈接沒有起到作用，所以很多個(gè)人站點(diǎn)提出了幾個(gè)條件：第一，訪問量相當(dāng)；第二，首頁交換。顯而易見，這種做法是對的。以筆者的經(jīng)驗(yàn)，當(dāng)與一個(gè)個(gè)人站點(diǎn)交換鏈接時(shí)，對方把我的Logo放到了友情鏈接一頁，而不是首頁。友情鏈接頁包含了許多其他的交換Logo，但沒有一個(gè)訪客來自那里，所以提出了上面兩個(gè)條件，效果不錯(cuò)。接下來，就是所謂商業(yè)廣告交換了，提供這種服務(wù)的地方有很多，交換的規(guī)則很簡單，表面上是很公平的。注意，選擇一個(gè)最熱的廣告交換商，這是個(gè)很簡單的技巧。

第五種方法，使用幫用戶注冊的軟件，如網(wǎng)上蜘蛛（www.cyber-sleuth.com）會幫你到近200個(gè)引擎注冊（在試用版只能注冊5個(gè)引擎）。

第六種方法，到各公告欄中大肆宣傳一番，引起網(wǎng)友的興趣和注意。

第七種方法，利用E-mail向你的網(wǎng)友發(fā)封信，告訴他們“我有自己的個(gè)人主頁了”，但千萬不要亂發(fā)信給不相熟的網(wǎng)友，免得遭人討厭。這樣不久，你網(wǎng)頁上的計(jì)數(shù)器肯定會突飛猛進(jìn)。

1.2.5 網(wǎng)站的更新和維護(hù)

要想保持網(wǎng)頁的瀏覽人數(shù)，就要不停地更新主頁，增加新內(nèi)容，永遠(yuǎn)給人一種新的感覺。平時(shí)上網(wǎng)時(shí)多搜集資料，多聽聽別人的意見，每隔一段時(shí)間更新版面。