1.3 網(wǎng)站建設(shè)的基本步驟

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

1.3.1 網(wǎng)站的定位

在創(chuàng)建網(wǎng)站時，確定站點的目標(biāo)是第一步。設(shè)計者應(yīng)清楚建立站點的目標(biāo)，即確定它將提供什么樣的服務(wù)，網(wǎng)頁中應(yīng)該提供哪些內(nèi)容等。要確定站點目標(biāo)，應(yīng)該從以下3個方面考慮。

●網(wǎng)站的整體定位。網(wǎng)站可以是大型商用網(wǎng)站、小型電子商務(wù)網(wǎng)站、門戶網(wǎng)站、個人主頁、科研網(wǎng)站、交流平臺、公司和企業(yè)介紹性網(wǎng)站、服務(wù)性網(wǎng)站等。首先應(yīng)該對網(wǎng)站的整體進(jìn)行一個客觀的評估，同時要以發(fā)展的眼光看待問題，否則將帶來許多升級和更新方面的不便。

●網(wǎng)站的主要內(nèi)容。如果是綜合性網(wǎng)站，那么對于新聞、郵件、電子商務(wù)、論壇等都要有所涉及，這樣就要求網(wǎng)頁要結(jié)構(gòu)緊湊、美觀大方；對于側(cè)重某一方面的網(wǎng)站，如書籍網(wǎng)站、游戲網(wǎng)站、音樂網(wǎng)站等，則往往對網(wǎng)頁美工要求較高，使用模板較多，更新網(wǎng)頁和數(shù)據(jù)庫較快；如果是個人主頁或介紹性的網(wǎng)站，那么一般來講，網(wǎng)站的更新速度較慢，瀏覽率較低，并且由于鏈接較少，內(nèi)容不如其他網(wǎng)站豐富，但對美工的要求更高一些，可以使用較鮮艷明亮的顏色，同時可以添加Flash動畫等，使網(wǎng)頁更具動感和充滿活力，否則網(wǎng)站沒有吸引力。

●網(wǎng)站瀏覽者的教育程度。對于不同的瀏覽者群，網(wǎng)站的吸引力是截然不同的，如針對少年兒童的網(wǎng)站，卡通和科普性的內(nèi)容更符合瀏覽者的品味，也能夠達(dá)到網(wǎng)站寓教于樂的目的；針對學(xué)生的網(wǎng)站，往往對網(wǎng)站的動感程度和特效技術(shù)要求更高一些；對于商務(wù)瀏覽者，網(wǎng)站的安全性和易用性更為重要。

1.3.2 確定網(wǎng)站主題

在目標(biāo)明確的基礎(chǔ)上，完成網(wǎng)站的構(gòu)思創(chuàng)意即總體設(shè)計方案。對網(wǎng)站的整體風(fēng)格和特色做出定位，規(guī)劃網(wǎng)站的組織結(jié)構(gòu)。Web站點應(yīng)針對所服務(wù)對象的不同而具有不同的形式。有些站點只提供簡潔的文本信息；有些則采用多媒體表現(xiàn)手法，提供華麗的圖像、閃爍的燈光、復(fù)雜的頁面布置，甚至可以下載聲音和錄像片段。好的Web站點還把圖形表現(xiàn)手法和有效的組織與通信結(jié)合起來。要做到主題鮮明突出、要點明確，應(yīng)以簡單明確的語言和畫面體現(xiàn)站點的主題。還要調(diào)動一切手段充分表達(dá)站點的個性和情趣，辦出網(wǎng)站的特點。Web站點主頁應(yīng)具備的基本成分包括：頁眉，準(zhǔn)確無誤地標(biāo)識站點和企業(yè)標(biāo)志；E-mail地址，用來接收用戶垂詢；聯(lián)系信息，如普通郵件地址或電話；版權(quán)信息，聲明版權(quán)所有者等。注意重復(fù)利用已有信息，如客戶手冊、公共關(guān)系文檔、技術(shù)手冊和數(shù)據(jù)庫等可以輕而易舉地用到企業(yè)的Web站點中。

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

在設(shè)計網(wǎng)站以前需要對網(wǎng)站進(jìn)行整體規(guī)劃和設(shè)計，寫好網(wǎng)站項目設(shè)計書，在以后的制作中按照這些規(guī)劃和設(shè)計進(jìn)行。需要從網(wǎng)站內(nèi)容、網(wǎng)頁美術(shù)效果和網(wǎng)站程序的構(gòu)思3個方面進(jìn)行網(wǎng)站的整體規(guī)劃。

網(wǎng)站內(nèi)容：在網(wǎng)站進(jìn)行開發(fā)以前，需要構(gòu)思網(wǎng)站的內(nèi)容，需要突出哪些主要內(nèi)容。例如個人網(wǎng)站，可以有個人文章、個人活動、生活照片、才藝展示、個人作品、聯(lián)系方式等內(nèi)容。還需要明確哪些是主要內(nèi)容，需要在網(wǎng)站中突出制作的重點。

網(wǎng)頁美術(shù)效果：頁面的美術(shù)效果往往決定一個網(wǎng)站的檔次，網(wǎng)站需要有美觀大方的版面。可以根據(jù)個人的喜好、頁面內(nèi)容等設(shè)計出自己喜歡的頁面效果。如果是個人網(wǎng)站，可以根據(jù)個人的特長和才藝等內(nèi)容制作出夸張的美術(shù)作品式的網(wǎng)站。

網(wǎng)站程序的構(gòu)思：還需要構(gòu)思網(wǎng)站的功能，網(wǎng)站的這些功能需要由什么樣的程序來實現(xiàn)。如果是很簡單的個人主頁，則不需要經(jīng)常更新，更不必編程做動態(tài)網(wǎng)站。

1.3.4 收集資料與素材

網(wǎng)站的設(shè)計需要相關(guān)的資料和素材，豐富的內(nèi)容才可以豐富網(wǎng)站的版面。個人網(wǎng)站可以整理個人的作品、照片、展示等資料。企業(yè)網(wǎng)站需要整理企業(yè)的文件、廣告、產(chǎn)品、活動等相關(guān)資料。整理好資料后需要對資料進(jìn)行篩選和編輯。

可以使用以下方法來收集網(wǎng)站資料與素材。

●圖片：可以使用相機拍攝相關(guān)圖片，對已有的照片可以使用掃描儀輸入到電腦。一些常見圖片可以在網(wǎng)站上搜索或下載。

●文檔：收集和整理現(xiàn)有的文件、廣告、電子表格等內(nèi)容。對紙制文件需要輸入到電腦形成電子文檔。文字類的資料需要進(jìn)行整理和分析。

●媒體內(nèi)容：收集和整理現(xiàn)有的錄音、視頻等資料。

1.3.5 設(shè)計網(wǎng)頁圖像

在確定好網(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é)省工作時間。如圖1-11所示是設(shè)計的網(wǎng)頁圖像。

1.3.6 切圖并制作成頁面

完成網(wǎng)頁效果圖的設(shè)計后，需要使用Fireworks或Photoshop對效果圖進(jìn)行切割和優(yōu)化。完成切片后的效果圖，需要使用Dreamweaver進(jìn)行網(wǎng)站頁面的設(shè)計，在這一過程中實現(xiàn)網(wǎng)站內(nèi)容的輸入和排版。不同的頁面使用超鏈接聯(lián)系起來，用戶單擊這個超鏈接時即可跳轉(zhuǎn)到這個頁面。

網(wǎng)頁制作是一個復(fù)雜而細(xì)致的過程，一定要按照先大后小、先簡單后復(fù)雜的順序制作。所謂先大后小，就是說在制作網(wǎng)頁時，先把大的結(jié)構(gòu)設(shè)計好，然后再逐步完善小的結(jié)構(gòu)設(shè)計。所謂先簡單后復(fù)雜，就是先設(shè)計出簡單的內(nèi)容，然后再設(shè)計復(fù)雜的內(nèi)容，以便出現(xiàn)問題時好修改。在制作網(wǎng)頁時要靈活運用模板和庫，這樣可以大大提高制作效率。如果很多網(wǎng)頁都使用相同的版面設(shè)計，就應(yīng)為這個版面設(shè)計一個模板，然后就可以以此模板為基礎(chǔ)創(chuàng)建網(wǎng)頁。以后如果想要改變所有網(wǎng)頁的版面設(shè)計，只需簡單的改變模板即可。如圖1-12所示是制作的網(wǎng)頁。

1.3.7 開發(fā)動態(tài)網(wǎng)站模塊

頁面設(shè)計制作完成后，如果還需要動態(tài)功能的話，就需要開發(fā)動態(tài)功能模塊，網(wǎng)站中常用的功能模塊有搜索功能、留言板、新聞信息發(fā)布、在線購物、技術(shù)統(tǒng)計、論壇及聊天室等。

1．搜索功能

搜索功能是使瀏覽者在短時間內(nèi)，快速地從大量的資料中找到符合要求的資料。這對于資料非常豐富的網(wǎng)站來說非常有用。要建立一個搜索功能，就要有相應(yīng)的程序以及完善的數(shù)據(jù)庫支持，可以快速的從數(shù)據(jù)庫中搜索到所需要的職位。如圖1-13所示為搜索功能。

2．留言板

留言板、論壇及聊天室是為瀏覽者提供信息交流的地方。瀏覽者可以圍繞個別的產(chǎn)品、服務(wù)或其他話題進(jìn)行討論。顧客也可以提出問題、提出咨詢，或者得到售后服務(wù)。但是聊天室和論壇是比較占用資源的，一般不是大中型的網(wǎng)站沒有必要建設(shè)論壇和聊天室，如果訪問量不是很大的話，做好了也沒有人來訪問，如圖1-14所示為留言板頁面。

3．新聞發(fā)布管理系統(tǒng)

新聞發(fā)布管理系統(tǒng)可以提供方便直觀的頁面文字信息的更新維護界面，提高工作效率、降低技術(shù)要求，非常適合用于經(jīng)常更新的欄目或頁面，如圖1-15所示是新聞發(fā)布管理系統(tǒng)。

4．購物網(wǎng)站

實現(xiàn)電子交易的基礎(chǔ)，用戶將感興趣的產(chǎn)品放入自己的購物車，以備最后統(tǒng)一結(jié)賬。當(dāng)然用戶也可以修改購物的數(shù)量，甚至將產(chǎn)品從購物車中取出。用戶選擇結(jié)算后系統(tǒng)自動生成本系統(tǒng)的訂單。如圖1-16所示為購物系統(tǒng)。

1.3.8 發(fā)布與上傳

網(wǎng)站的域名和空間申請完畢后，就可以上傳網(wǎng)站了，可以采用Dreamweaver自帶的站點管理上傳文件。

01 執(zhí)行“站點”|“管理站點”命令，彈出如圖1-17所示的“管理站點”對話框。

02 在對話框中單擊“新建站點”按鈕，彈出“站點設(shè)置對象”對話框，在對話框中選擇“服務(wù)器”選項卡，如圖1-18所示。

03 單擊（+）按鈕，彈出如圖1-19所示的對話框。在“連接方法”下拉列表中選擇FTP，用來設(shè)置遠(yuǎn)程站點服務(wù)器的信息。

●服務(wù)器名稱：指定新服務(wù)器的名稱。

●連接方法：從“連接方法”彈出菜單中，選擇“FTP”。

●FTP地址：輸入遠(yuǎn)程站點的FTP主機的IP地址。

●用戶名：輸入用于連接到FTP服務(wù)器的登錄名。

●密碼：輸入用于連接到FTP服務(wù)器的密碼。

●測試：單擊“測試”，測試FTP地址、用戶名和密碼。

●根目錄：在“根目錄”文本框中，輸入遠(yuǎn)程服務(wù)器上用于存儲公開顯示的文檔目錄。

●Web URL：在“Web URL”文本框中，輸入Web站點的URL。

04 設(shè)置完相關(guān)的參數(shù)后，單擊“保存”按鈕完成遠(yuǎn)程信息設(shè)置。在文件面板中單擊“展開/折疊”按鈕，展開“站點”管理器，如圖1-20所示。

05 在站點管理器中單擊“連接到遠(yuǎn)端主機”按鈕，建立與遠(yuǎn)程服務(wù)器的連接，如圖1-21所示。

連接到服務(wù)器后，按鈕會自動變?yōu)殚]合狀態(tài)，并在一旁亮起一個小綠燈，列出遠(yuǎn)端網(wǎng)站的接收目錄，右側(cè)窗口顯示為“本地信息”，在本地目錄中選擇要上傳的文件，單擊“上傳文件”按鈕，上傳文件。

1.3.9 后期更新與維護

一個好的網(wǎng)站，僅僅一次是不可能制作完美的，由于市場環(huán)境在不斷地變化，網(wǎng)站的內(nèi)容也需要隨之調(diào)整，給人常新的感覺，網(wǎng)站才會更加吸引訪問者，而且給訪問者很好的印象。這就要求對網(wǎng)站進(jìn)行長期的不間斷的維護和更新。

網(wǎng)站維護一般包含以下內(nèi)容。

●內(nèi)容的更新：包括產(chǎn)品信息的更新，企業(yè)新聞動態(tài)更新和其他動態(tài)內(nèi)容的更新。采用動態(tài)數(shù)據(jù)庫可以隨時更新發(fā)布新內(nèi)容，不必做網(wǎng)頁和上傳服務(wù)器等麻煩工作。靜態(tài)頁面不便于維護，必須手動重復(fù)制作網(wǎng)頁文檔，制作完成后還需要上傳到遠(yuǎn)程服務(wù)器。一般對于數(shù)量比較多的靜態(tài)頁面建議采用模板制作。

●網(wǎng)站風(fēng)格的更新：包括版面、配色等各種方面。改版后的網(wǎng)站讓客戶感覺改頭換面，煥然一新。一般改版的周期要長些。客戶對網(wǎng)站也滿意的話，改版可以延長到幾個月甚至半年。一般一個網(wǎng)站建設(shè)完成以后，代表了公司的形象，公司的風(fēng)格。隨著時間的推移，很多客戶對這種形象已經(jīng)形成了定勢。如果經(jīng)常改版，會讓客戶感覺不適應(yīng)，特別是那種風(fēng)格徹底改變的“改版”。當(dāng)然如果對公司網(wǎng)站有更好的設(shè)計方案，可以考慮改版。畢竟長期沿用一種版面會讓人感覺陳舊、厭煩。

●網(wǎng)站重要頁面設(shè)計制作：如重大事件頁面、突發(fā)事件及相關(guān)周年慶祝等活動頁面設(shè)計制作。

●網(wǎng)站系統(tǒng)維護服務(wù)：如E-mail賬號維護服務(wù)、域名維護續(xù)費服務(wù)、網(wǎng)站空間維護、與IDC進(jìn)行聯(lián)系、DNS設(shè)置、域名解析服務(wù)等。

1.3.10 網(wǎng)站的推廣

互聯(lián)網(wǎng)的應(yīng)用和繁榮提供了廣闊的電子商務(wù)市場和商機，但是互聯(lián)網(wǎng)上大大小小的各種網(wǎng)站數(shù)以百萬計，如何讓更多的人都能迅速地訪問到您的網(wǎng)站是一個十分重要的問題。企業(yè)網(wǎng)站建好以后，如果不進(jìn)行推廣，那么企業(yè)的產(chǎn)品與服務(wù)在網(wǎng)上就仍然不為人所知，起不到建立站點的作用，所以企業(yè)在建立網(wǎng)站后即應(yīng)著手利用各種手段推廣自己的網(wǎng)站。網(wǎng)站的推廣有很多種方式，在后面的章節(jié)中將詳細(xì)講述，這里就不再敘述了。