2.2 網(wǎng)站建設(shè)的基本流程

創(chuàng)建網(wǎng)站是一個系統(tǒng)工程，有一定的工作流程，只有遵循這個步驟，按部就班地來，才能設(shè)計出滿意的網(wǎng)站。因此在制作網(wǎng)站前，先要了解網(wǎng)站建設(shè)的基本流程，這樣才能制作出更好、更合理的網(wǎng)站。

2.2.1 網(wǎng)站的整體規(guī)劃

一項建筑工程在開始之前需要進(jìn)行詳細(xì)的規(guī)劃，網(wǎng)站建設(shè)也是一樣。在創(chuàng)建網(wǎng)站前必須做的工作就是對網(wǎng)站進(jìn)行整體的規(guī)劃和設(shè)計，網(wǎng)站的整體規(guī)劃和設(shè)計在整個網(wǎng)站創(chuàng)建中起到指導(dǎo)的作用。好的網(wǎng)站規(guī)劃能夠令網(wǎng)站質(zhì)量更佳，使瀏覽者身心舒暢。

網(wǎng)站的設(shè)計是展示企業(yè)形象、介紹產(chǎn)品和服務(wù)、體現(xiàn)企業(yè)發(fā)展戰(zhàn)略的重要途徑，因此必須明確設(shè)計站點的目的和用戶需求，從而做出切實可行的設(shè)計計劃。要根據(jù)消費者的需求、市場的狀況、企業(yè)自身的情況等進(jìn)行綜合分析，牢記以“消費者（customer）”為中心，而不是以“美術(shù)”為中心進(jìn)行設(shè)計規(guī)劃，主要內(nèi)容有以下幾點。

第1點：公司自身條件、概況、市場優(yōu)勢、可以利用網(wǎng)站提升哪些競爭能力、建設(shè)網(wǎng)站的能力（費用、技術(shù)、人力等）。

第2點：相關(guān)行業(yè)市場及特點，是否適合利用網(wǎng)絡(luò)開展公司業(yè)務(wù)。

第3點：市場主要競爭者分析，競爭對手上網(wǎng)情況及其網(wǎng)站規(guī)劃、功能作用。

第4點：客戶和潛在客戶的特點（分布地域、年齡階段、網(wǎng)絡(luò)速度、閱讀習(xí)慣、文化風(fēng)俗）。

一位商務(wù)學(xué)家曾經(jīng)說過對于企業(yè)最重要的一句話：定位、定位、還是定位。在設(shè)計站點規(guī)劃之初同樣需要考慮：建設(shè)網(wǎng)站的目的是什么？為誰提供服務(wù)和產(chǎn)品？企業(yè)能提供什么樣的產(chǎn)品和服務(wù)？企業(yè)產(chǎn)品和服務(wù)適合什么樣的表現(xiàn)方式（風(fēng)格）？

對網(wǎng)站的整體風(fēng)格和特色做出定位，可以從以下幾個方面考慮。

第1個：明確建立網(wǎng)站的目的，是宣傳產(chǎn)品，進(jìn)行電子商務(wù)，建立行業(yè)性網(wǎng)站？是企業(yè)需要還是市場需求？

第2個：整合公司資源，確定網(wǎng)站的類型，產(chǎn)品宣傳、網(wǎng)上營銷、客戶服務(wù)、電子商務(wù)。

第3個：當(dāng)前網(wǎng)站的規(guī)模及其擴展性。

2.2.2 確定網(wǎng)站的內(nèi)容和服務(wù)

網(wǎng)站的內(nèi)容和服務(wù)使網(wǎng)站的目的和主題更加具體化。對于個人網(wǎng)站，網(wǎng)站的內(nèi)容不用過分強調(diào)標(biāo)新立異，但卻不能做一些過于陳舊的東西。例如，幾年前就已經(jīng)興起且已經(jīng)流行過的東西就不要放太多?；ヂ?lián)網(wǎng)上喜歡有新意的東西，訪問者對于已經(jīng)看過的東西一般很少會感興趣。一般網(wǎng)上商城網(wǎng)站的欄目包括：會員登錄、會員注冊、產(chǎn)品搜索、產(chǎn)品詳細(xì)信息、在線訂單、相關(guān)幫助和聯(lián)系信息等。

2.2.3 規(guī)劃網(wǎng)站目錄的結(jié)構(gòu)

目錄的結(jié)構(gòu)是一個容易忽略的問題，大多數(shù)網(wǎng)站都是未經(jīng)規(guī)劃隨意創(chuàng)建子目錄。目錄結(jié)構(gòu)的好壞，對瀏覽者來說并沒有什么太大的感覺，但是對于站點本身的上傳維護(hù)、內(nèi)容未來的擴充和移植有著重要的影響。下面是建立目錄結(jié)構(gòu)的一些建議。

1．不要將所有文件都存放在根目錄下

有的網(wǎng)友為了方便，將所有文件都放在根目錄下，這樣做容易造成文件管理混亂。你常常搞不清哪些文件需要編輯和更新，哪些無用的文件可以刪除，哪些是相關(guān)聯(lián)的文件，影響工作效率。另外也影響上傳速度。服務(wù)器一般都會為根目錄建立一個文件索引，當(dāng)將所有文件都放在根目錄下，那么即使你只上傳更新一個文件，服務(wù)器也需要將所有文件再檢索一遍，建立新的索引文件。很明顯，文件量越大，等待的時間也將越長。所以，給你的建議是：盡可能減少根目錄的文件存放數(shù)。

2．按欄目內(nèi)容建立子目錄

子目錄的建立，首先按主菜單欄目建立。例如網(wǎng)頁教程類站點可以根據(jù)技術(shù)類別分別建立相應(yīng)的目錄，像Flash、Dreamweaver、JavaScript等，企業(yè)站點可以按公司簡介、產(chǎn)品介紹、價格、在線定單、反饋聯(lián)系等建立相應(yīng)目錄。而一些相關(guān)性強、不需要經(jīng)常更新的欄目，例如：關(guān)于本站、關(guān)于站長等可以合并放在一個統(tǒng)一目錄下。所有程序一般都存放在特定目錄，所有需要下載的內(nèi)容也最好放在一個目錄下。

3．在每個主目錄下建立獨立的images目錄

通常一個站點根目錄下都有一個images目錄。經(jīng)過實踐發(fā)現(xiàn)：為每個主欄目建立一個獨立的images目錄是最方便管理的。而根目錄下的images目錄只是用來放首頁和一些次要欄目的圖片。

隨著網(wǎng)頁技術(shù)的不斷發(fā)展，利用數(shù)據(jù)庫或者其他后臺程序自動生成網(wǎng)頁越來越普遍，網(wǎng)站的目錄結(jié)構(gòu)也必將飛躍到一個新的結(jié)構(gòu)層次。

2.2.4 收集資源

網(wǎng)站的主題內(nèi)容是文本、圖像和多媒體等，它們構(gòu)成了網(wǎng)站的靈魂，否則再好的結(jié)構(gòu)設(shè)計都不能達(dá)到網(wǎng)站設(shè)計的初衷，也不能吸引瀏覽者。在對網(wǎng)站進(jìn)行結(jié)構(gòu)設(shè)計之后，需要對每個網(wǎng)頁的內(nèi)容進(jìn)行一個大致的構(gòu)思，如哪些網(wǎng)頁需要使用模板，哪些網(wǎng)頁需要使用特殊設(shè)計的圖像，哪些網(wǎng)頁需要使用較多的動態(tài)效果，如何設(shè)計菜單，采用什么樣式的鏈接，網(wǎng)頁采用什么顏色和風(fēng)格等，這些都對資源收集具有指導(dǎo)性作用。

重要的文本：如企業(yè)簡介文本，不能臨時書寫，要得體、簡明，一般使用企業(yè)內(nèi)部的宣傳文字。

重要的圖像：如企業(yè)的標(biāo)志、網(wǎng)頁的背景圖像等，這些圖像對于瀏覽者的視覺影響很大，不能草率處理。

庫文件：對于一些常用和重要的網(wǎng)頁對象，需要使用庫文件來進(jìn)行管理和使用，在設(shè)計網(wǎng)頁之前，可以先編輯這些庫文件備用。

Flash等多媒體元素：許多網(wǎng)站都越來越多地使用Flash等多媒體元素，這些多媒體元素在設(shè)計網(wǎng)頁之前就需要收集妥當(dāng)或者制作完成。

2.2.5 網(wǎng)頁效果圖設(shè)計

在確定好網(wǎng)站的風(fēng)格和搜集完資料后就需要設(shè)計網(wǎng)頁圖像了，網(wǎng)頁圖像設(shè)計包括Logo、標(biāo)準(zhǔn)色彩、標(biāo)準(zhǔn)字、導(dǎo)航條和首頁布局等。可以使用Photoshop或Fireworks軟件來具體設(shè)計網(wǎng)站的圖像。

有經(jīng)驗的網(wǎng)頁設(shè)計者，通常會在使用網(wǎng)頁制作工具制作網(wǎng)頁之前，設(shè)計好網(wǎng)頁的整體布局，這樣在具體設(shè)計過程將會胸有成竹，大大節(jié)省工作時間。

網(wǎng)頁圖像設(shè)計是網(wǎng)站規(guī)劃中的一個非常重要的環(huán)節(jié)。網(wǎng)頁的設(shè)計包括網(wǎng)站的Logo設(shè)計、網(wǎng)頁的布局設(shè)計、網(wǎng)頁的色彩搭配和網(wǎng)站的字體等?；ヂ?lián)網(wǎng)上有很多風(fēng)格迥異的網(wǎng)站，其表現(xiàn)有的大氣、有的婉約、有的精致、有的古典、有的沉穩(wěn)、有的莊嚴(yán)肅穆、有的高雅嚴(yán)謹(jǐn)、有的雄偉壯麗等。如圖2-1所示是設(shè)計的網(wǎng)頁效果圖。

2.2.6 編輯制作網(wǎng)頁

設(shè)計完網(wǎng)頁圖像后，就可以按照規(guī)劃逐步制作網(wǎng)頁了，這是一個復(fù)雜而細(xì)致的過程，一定要按照先大后小、先簡單后復(fù)雜來進(jìn)行制作。所謂先大后小，就是說在制作網(wǎng)頁時，先把大的結(jié)構(gòu)設(shè)計好，然后再逐步完善小的結(jié)構(gòu)設(shè)計。所謂先簡單后復(fù)雜，就是先設(shè)計出簡單的內(nèi)容，然后再設(shè)計復(fù)雜的內(nèi)容，以便出現(xiàn)問題時好修改。在制作網(wǎng)頁時要靈活運用模板，這樣可以大大提高制作效率。如圖2-2所示是使用Dreamweaver編輯制作網(wǎng)頁。

2.2.7 申請域名和服務(wù)器空間

域名是企業(yè)或事業(yè)單位在因特網(wǎng)上進(jìn)行相互聯(lián)絡(luò)的網(wǎng)絡(luò)地址，在網(wǎng)絡(luò)時代，域名是企業(yè)、機構(gòu)進(jìn)入因特網(wǎng)必不可少的身份證明。

國際域名資源是十分有限的，為了滿足更多企業(yè)、機構(gòu)的申請要求，各個國家、地區(qū)在域名最后加上了國家標(biāo)記段，由此形成了各個國家、地區(qū)的國內(nèi)域名，如中國是cn、日本是jp等，這樣就擴大了域名的數(shù)量，滿足了用戶的要求。

從經(jīng)濟角度看，域名分兩種情況：一種是收費域名，另一種是免費域名。實際上，大多數(shù)域名都是收費的，現(xiàn)在免費的域名已經(jīng)越來越少了。

提供收費域名的ISP很多，圖2-3所示的是“美橙互聯(lián)”網(wǎng)站的收費域名申請頁面。域名申請成功后，有的ISP還附加提供一定的主頁空間，可以直接上傳和發(fā)布網(wǎng)頁。采用收費域名的最大優(yōu)點是服務(wù)有保證，功能比較齊全。

免費域名只提供域名，不提供主頁空間，因此這種域名實際上只提供一種轉(zhuǎn)向功能，不能真正發(fā)布網(wǎng)頁。圖2-4所示的是“我的酷網(wǎng)”網(wǎng)站的免費域名申請頁面。

在申請注冊之前，用戶必須先檢索一下自己選擇的域名是否已經(jīng)被注冊，最簡單的方式就是上網(wǎng)查詢。國際頂級域名可到國際互聯(lián)網(wǎng)絡(luò)信息中心InterNIC（http://www.internic.net）的網(wǎng)站上查詢，國內(nèi)頂級域名可到中國互聯(lián)網(wǎng)絡(luò)信息中心CNNIC（http://www.cnnic.net.cn）的網(wǎng)站上查詢。

例如，用戶可以登錄到CNNIC查詢一下自己選擇的國內(nèi)頂級域名，在查詢框內(nèi)輸入想要查詢的域名，單擊“查詢”按鈕即可，如圖2-5所示。如果已經(jīng)被他人注冊，將會出現(xiàn)域名、域名注冊單位、管理聯(lián)系人、技術(shù)聯(lián)系人等提示信息。如果沒有被他人注冊，將會出現(xiàn)“你所查詢的信息不存在”的提示信息，這時用戶就可以開始注冊了。

用戶可以通過兩種方式填寫注冊申請表。

Web方式：用戶可以在CNNIC的網(wǎng)站上直接填寫域名注冊申請表并提交，CNNIC會對用戶提交的申請表進(jìn)行在線檢查，填寫完畢后單擊“注冊”按鈕即可。

E-mail方式：用戶也可以從CNNIC網(wǎng)站上下載純文本的域名注冊申請表，填好后發(fā)E-mail到hostmaster@cnnic.net.cn郵箱進(jìn)行注冊。

申請了域名后，就要申請網(wǎng)站空間了。網(wǎng)站是建立在網(wǎng)絡(luò)服務(wù)器上的一組Web文件，它們需要占據(jù)一定的硬盤空間，這就是一個網(wǎng)站所需的網(wǎng)站空間。

一個網(wǎng)站需要多少空間呢？這是網(wǎng)站建設(shè)者十分關(guān)心的問題。以一個簡單的企業(yè)網(wǎng)站為例，基本網(wǎng)頁HTML文件和網(wǎng)頁圖片需要1～3MB的空間，產(chǎn)品照片和各種介紹性頁面的大小一般為10MB左右，另外還需要存放反饋信息和備用文件的空間，再加上一些剩余硬盤空間（否則容易導(dǎo)致數(shù)據(jù)丟失），大概需要20～30MB的網(wǎng)站空間（即虛擬主機）。

當(dāng)然，如果是專門從事網(wǎng)絡(luò)服務(wù)的網(wǎng)站（比如綜合性門戶網(wǎng)站、電子商務(wù)網(wǎng)站），有大量的內(nèi)容要存放在網(wǎng)站中，這就需要更大的空間，一般都要使用專用服務(wù)器。

對于普通用戶來說，一般可以通過以下幾種方式獲得網(wǎng)站空間。

第1種：購買自己的服務(wù)器。

第2種：租用專用服務(wù)器。

第3種：使用虛擬主機。

第4種：使用免費網(wǎng)站空間。

總地來說，用戶一定要根據(jù)實際需求來選擇網(wǎng)站空間。如果只想擁有一個自己的Web網(wǎng)站，那么只要加入一個ISP就可以了；如果想嘗試當(dāng)網(wǎng)絡(luò)管理員的樂趣，則可以考慮申請?zhí)摂M主機服務(wù)，而且現(xiàn)在租用虛擬主機的費用并不高；如果想建立很專業(yè)的商業(yè)網(wǎng)站，建議最好租用服務(wù)器或購買自己的服務(wù)器。

2.2.8 網(wǎng)站的維護(hù)、測試

網(wǎng)站設(shè)計完成后，接下來要進(jìn)行的是網(wǎng)站的測試和操作。在網(wǎng)站規(guī)劃階段必須做好網(wǎng)站的測試的方案。很多網(wǎng)頁設(shè)計的初學(xué)者以為網(wǎng)站設(shè)計好了就可以進(jìn)行網(wǎng)站的發(fā)布了，其實不然。在網(wǎng)站制作完成后，要認(rèn)真地檢測網(wǎng)站存在的錯誤，在檢查完錯誤后才能進(jìn)行網(wǎng)站的發(fā)布。這是因為網(wǎng)站在發(fā)布到互聯(lián)網(wǎng)后，如被訪問者發(fā)現(xiàn)有錯誤，其影響是很不好的，會降低訪問者對企業(yè)網(wǎng)站及企業(yè)的信任度。

保證網(wǎng)站正常運行、改版，內(nèi)容更新等是網(wǎng)站管理員所做的維護(hù)工作。網(wǎng)站測試實際上是模擬用戶詢問網(wǎng)站的過程，用以發(fā)現(xiàn)問題并對此改進(jìn)設(shè)計。發(fā)布是讓人知道網(wǎng)站的存在。這個階段一般包括以下幾點。

第1點：制定網(wǎng)站改版計劃，及時更新網(wǎng)頁內(nèi)容的站點信息，讓瀏覽者了解企業(yè)的發(fā)展動態(tài)和網(wǎng)上職務(wù)等，同時也會幫助企業(yè)建立良好的形象。

第2點：制定相關(guān)網(wǎng)站維護(hù)規(guī)定，包括服務(wù)器及相關(guān)軟、硬件維護(hù)，數(shù)據(jù)庫維護(hù)。

第3點：網(wǎng)站發(fā)布前進(jìn)行細(xì)致周密的測試，保證正常瀏覽和使用，包括服務(wù)器、程序和數(shù)據(jù)庫、網(wǎng)頁兼容性、其他。

第4點：測試通過后為網(wǎng)站發(fā)布進(jìn)行相關(guān)的公關(guān)、廣告活動。

2.2.9 網(wǎng)站上傳和發(fā)布

當(dāng)網(wǎng)站所有的頁面都完成以后，下一步就要把它上傳到互聯(lián)網(wǎng)上去給瀏覽者訪問。這里以著名的FTP軟件CuteFTP為例，講講上傳和發(fā)布站點的過程。

01 啟動CuteFTP，單擊左上角的站點管理器按鈕，如圖2-6所示。

02在彈出的“站點管理器”對話框中單擊按鈕，如圖2-7所示。

03 彈出“站點設(shè)置”對話框，在“站點標(biāo)簽”文本框中為站點命名，以方便管理。如這里輸入“我的網(wǎng)站”。

04 在“FTP主機地址”文本框中輸入申請空間的FTP主機地址。

05 在“FTP站點用戶名稱”文本框中輸入申請空間的用戶名。

06 在“FTP站點密碼”文本框中輸入申請空間的密碼。

07 在“FTP站點連接端口”文本框中輸入21。完成后單擊按鈕，如圖2-8所示。

08 連接完成后將左邊“本地硬盤”上的文件拖到右邊“服務(wù)器硬盤”上即可，如圖2-9所示。

09 上傳完畢后斷開“連接”即可，如圖2-10所示。輸入申請的域名，就可以在互聯(lián)網(wǎng)上瀏覽制作好的網(wǎng)頁了。

2.2.10 網(wǎng)站的宣傳推廣

在網(wǎng)站發(fā)布后，最后還應(yīng)確定網(wǎng)站的維護(hù)和推廣方案。不論是個人網(wǎng)站還是企業(yè)的公司網(wǎng)站，或是運營性質(zhì)的網(wǎng)站，都需要進(jìn)行維護(hù)和定期更新。

網(wǎng)站的推廣對網(wǎng)站的運營有重大的作用，例如，可以促進(jìn)企業(yè)的網(wǎng)絡(luò)營銷等。常見的網(wǎng)站推廣方法有搜索引擎推廣、電子郵件推廣、網(wǎng)站資源合作推廣、信息發(fā)布推廣、網(wǎng)絡(luò)廣告推廣和傳統(tǒng)廣告推廣。如圖2-11與圖2-12所示分別是使用百度搜索引擎和電子郵件推廣網(wǎng)站。