網(wǎng)站制作基本流程
發(fā)布時間：2013-10-15 點擊次數(shù)：

　　建網(wǎng)站的投入可是很大的。

　　首先是申請免費個人主頁空間（當(dāng)然也可以申請付費的，看你自己的情況了）。你可以在搜索引擎中以"免費資源"為關(guān)鍵字進(jìn)行搜索，在找到的網(wǎng)頁中查看免費個人主頁部分，進(jìn)入提供免費個人主頁的網(wǎng)站之后，再按步驟完成申請表格。然后是編輯個人網(wǎng)頁。如果你是初學(xué)者，建議你使用FrontPage，因為它是一個所見即所得的網(wǎng)頁編輯軟件，也是微軟OFFICE的一個組件，使用起來和WORD有很多類似之處。最后是上傳網(wǎng)頁。請按提供個人主頁空間服務(wù)的網(wǎng)站上的上傳說明中的方法上傳你編輯好的網(wǎng)頁。經(jīng)過這些步驟，你的個人主頁就建立了.

　　如何建立一個網(wǎng)站？

　　一、引言

　　一個網(wǎng)站的整體規(guī)劃和設(shè)計的好壞是它發(fā)展的重要之處，也是它吸引人們?yōu)g覽的所在之處。Internet/Intranet技術(shù)的日益發(fā)展，使人們認(rèn)識到了Internet/Intranet的優(yōu)勢，更使得數(shù)據(jù)庫與web的連接成為數(shù)據(jù)庫開發(fā)方面的熱門技術(shù)之一。

　　通常情況下，通過瀏覽器看到的網(wǎng)頁大多是靜態(tài)的。所謂“靜態(tài)”，是指網(wǎng)站的網(wǎng)頁內(nèi)容“固定不變”，當(dāng)瀏覽器通過互聯(lián)網(wǎng)的HTTP（HypertextTransportProtocol）協(xié)議向Web服務(wù)器請求提供網(wǎng)頁時，服務(wù)器僅僅是將原來設(shè)計好的靜態(tài)HTML文檔傳給瀏覽器。其頁面內(nèi)容使用的僅僅是標(biāo)準(zhǔn)的HTML代碼，最多再加上流行的GIF89A格式的動態(tài)圖片，比如產(chǎn)生幾只小貓小狗跑來跑去的動畫效果。若網(wǎng)站維護(hù)者要更新網(wǎng)頁的內(nèi)容，就必須手動更新所有的HTML文檔。靜態(tài)網(wǎng)站的致命弱點就是不易維護(hù)。為了更新網(wǎng)頁的內(nèi)容，網(wǎng)站維護(hù)者必須重復(fù)制作HTML文檔，隨著網(wǎng)站內(nèi)容和信息量的日益擴增，可以想象這是多么復(fù)雜繁瑣的工作。

　　那么，什么是動態(tài)網(wǎng)站呢？所謂“動態(tài)”，并不是指放在網(wǎng)頁上的圖片會動，動態(tài)頁面應(yīng)具有以下幾個特點：

　　（一）.交互性：即網(wǎng)頁能根據(jù)客戶的要求和選擇而動態(tài)改變和響應(yīng)，瀏覽器即作為客戶端界面，這是今后Web發(fā)展的大勢所趨。

　?。ǘ?自動更新：即無需手動更新HTML文檔，就能自動生成新的頁面，從而大大減少工作量。

　?。ㄈ?因時因人而變：即當(dāng)不同的時間、不同的人訪問同一網(wǎng)址時能產(chǎn)生不同的頁面，這一點對于需要對使用者授權(quán)的網(wǎng)站尤其適用。

　　隨著的Internet迅速發(fā)展，不管是專業(yè)的ISP(Internet服務(wù)提供者)和ICP(Internet內(nèi)容提供者)，還是一般的政府機關(guān)、銀行、交通部門、學(xué)校、醫(yī)院、服務(wù)者，甚至是每個人，都在積極尋求在Internet上發(fā)布信息，提供新型的網(wǎng)上管理和服務(wù)?？梢哉f，網(wǎng)站設(shè)計和網(wǎng)站的編輯正成為新興的熱門行業(yè)。

　　二、網(wǎng)站的系統(tǒng)分析

　?。ㄒ唬?項目立項

　　我們接到客戶的業(yè)務(wù)咨詢，經(jīng)過雙方不斷的接洽和了解，并通過基本的可行性討論夠，初步達(dá)成制作協(xié)議，這時就需要將項目立項。較好的做法是成立一個專門的項目小組，小組成員包括：項目經(jīng)理，網(wǎng)頁設(shè)計，程序員，測試員，編輯/文檔等必須人員。

　?。ǘ?客戶的需求說明書

　　第一步是需要客戶提供一個完整的需求說明。很多客戶對自己的需求并不是很清楚，需要您不斷引導(dǎo)和幫助分析。有些客戶可能對自己建什么樣的網(wǎng)站根本就沒有明確的目的，以及他的網(wǎng)站建好后來干什么也是一無所知，為了客戶能有明確的目的我們需要耐心說明，仔細(xì)分析，挖掘出客戶潛在的，真正的需求。這樣對大家都有好處，我們的宗旨應(yīng)該是“客戶明明白白，雙方高高興興。”對客戶和自己都是一種負(fù)責(zé)。

　　配合客戶寫一份詳細(xì)的，完整的需求說明會花很多時間，但這樣做是值得的，而且一定要讓客戶滿意，簽字認(rèn)可。把好這一關(guān)，可以杜絕很多因為需求不明或理解偏差造成的失誤和項目失敗。糟糕的需求說明不可能有高質(zhì)量的網(wǎng)站。那么需求說明書要達(dá)到怎樣的標(biāo)準(zhǔn)呢？簡單說，包含下面幾點：正確性：每個功能必須清楚描寫交付的功能；可行性：確保在當(dāng)前的開發(fā)能力和系統(tǒng)環(huán)境下可以實現(xiàn)每個需求；必要性：功能是否必須交付，是否可以推遲實現(xiàn)，是否可以在削減開支情況發(fā)生時"砍"掉；簡明性：不要使用專業(yè)的網(wǎng)絡(luò)術(shù)語；檢測性：如果開發(fā)完畢，客戶可以根據(jù)需求檢測。

　　三、建設(shè)方案

　?。ㄒ唬?建站理念

　　(1)預(yù)早籌劃

　　設(shè)計主頁未必很艱難。但這一工作與編制傳統(tǒng)的宣傳品一樣，都需要我們謹(jǐn)慎處理和籌劃。換言之，我們必須首先確定自己需要傳達(dá)的主要信息，然后細(xì)意斟酌、把所有意念合情合理地組織起來；之后是設(shè)計一個頁面式樣，試用于有代表性的用戶，接著重復(fù)修訂，務(wù)求盡善盡美。

　　(2)盡量精簡

　　主頁的作用好比一本書的封面，是為了吸引用戶測覽你的網(wǎng)址內(nèi)容。因此，主頁的設(shè)汁應(yīng)以醒目為上、令人一目了然。切勿堆砌太多不必要的細(xì)節(jié)，或使畫面過于復(fù)雜。在主頁上清楚列出三項要點，例如機構(gòu)名稱、提供的產(chǎn)品或服務(wù)、以及主頁內(nèi)容(亦即你的其他頁面還載有什么資料)。應(yīng)切記頁面給人的第一觀感最為重要。在網(wǎng)上到處瀏覽的人很多。如果你的主頁真沒有吸引力，很難令他們深入觀賞。

　　(3)盡量簡樸

　　現(xiàn)今大部分用戶那是用調(diào)制解調(diào)器接駁萬維網(wǎng)，所以他們一般都要花很多時間等待主頁傳送到自己的系統(tǒng)。主頁上的圖形應(yīng)力求簡樸，避免耽擱用戶的時間。圖像愈大、顏色愈深，傳送頁面的時間愈長。這并不是說你要完全略去圖像不用，只是提醒你要注注意使用圖像所引起的效果。主頁上的顏色最好不超過六十四種，頁頂圖像最好保持在大約10KB(千字節(jié))以下。切勿禁不住誘惑,覺得非要放入大幅的圖畫不可；應(yīng)考慮只用三兩幅短小精悍的圖像。主頁整體上要能夠迅速傳送。如果載入的時間超過十至十五秒，很多用戶就會等得不耐煩。如果情況許可，最好先測試你的主頁在稍差的條件下的傳送速率，14.4千波特的調(diào)制解調(diào)器，或透過Prodigy等網(wǎng)上服務(wù)接駁萬維網(wǎng)等。

　　此外、還須注意配合最低檔的設(shè)備，例如標(biāo)準(zhǔn)的小型顯示器，不要假設(shè)人人都用高解像度的大熒幕。運用先進(jìn)瀏覽軟件所提供的一些尖端功能是可以的、但應(yīng)確保你的主頁在次一級的瀏覽軟件上(例如某些網(wǎng)上服務(wù)所提供的專用瀏覽軟件)仍可暢順地顯現(xiàn)。

　　(4)善用圖像

　　用戶在網(wǎng)上四處漫游，你必須設(shè)法吸引和維護(hù)他們對你的主頁的注意力。萬維網(wǎng)的其中一個最重大資源是其多媒體能力，所以我們無論如何要善加利用。主頁上最好有醒目的圖像、新穎的畫面、美觀的字款，使其別具特色，令人過目不忘。圖像的內(nèi)容應(yīng)有一定的實際作用，切忌虛飾浮夸。最佳的圖像應(yīng)集美觀與傳訊于一身。注意圖畫可以彌補文字之不足，但并不能夠完全取代文字。很多用戶把瀏覽軟件設(shè)定為略去圖像，以求節(jié)省時間他們只看文字。因此，制作主頁時，必須注意將圖像所帶的重要信息或聯(lián)接其他頁面的指示用文字重復(fù)表達(dá)—次。用“純文中”模式測試已制成的主頁，確保其傳達(dá)到所有信息。

　　(5)使主頁易于漫游

　　主頁的其中一個主要功能是作為漫游工具，指引用戶查閱你存儲在網(wǎng)址或其他地點的信息。盡量使漫游過程不費吹灰之力?；谇逦鞔_和速度的考慮，主頁上的聯(lián)接項目應(yīng)只限于幾個高級的類別，例如公司、產(chǎn)品、服務(wù)、支援等。用六至八個聯(lián)接項目最為理想。

　　此外，你提供的信息不應(yīng)埋藏在重重疊疊的頁面之下。穿越五個以上的聯(lián)接項目已足以令人厭煩。因此，你必須在廣度和深度之間求取平衡。如果你的網(wǎng)址上有太多信息，你可能要編制較長的頁面或使用更多聯(lián)接項目，甚至可能要建立多個主頁、使每個主頁載有不同的信息。如果能夠讓用戶在主頁上以關(guān)鍵字或詞語查找所需的信息，肯定受用戶歡迎。

　　假若你有充足的資源，便應(yīng)找一位專家來評估你設(shè)計的主頁是否方便易用。設(shè)法找一些對主頁陌生的用戶，來試用你的初步制成品。

　　(6)提網(wǎng)協(xié)領(lǐng)

　　主頁—般須載有以下事項：

　　標(biāo)題,此標(biāo)題須清楚無誤地標(biāo)示你的網(wǎng)站。標(biāo)題可以是名稱、標(biāo)語徽號或圖像。

　　電子郵件地址,以便用戶有問題時，可以通知你。

　　版權(quán)資料,這是適用于主頁內(nèi)容的版權(quán)規(guī)定。你可以在主頁上標(biāo)示一句簡短的版權(quán)聲明，用聯(lián)接方法帶出另—個載有詳細(xì)使用條款的頁面,這樣可以避免主頁顯得亂糟糟。

　　聯(lián)絡(luò)資料,列出通訊地址電話號碼等。

　　(7)循環(huán)利用現(xiàn)有信息

　　制作主頁時，通常都毋須從頭做起，因為有許多現(xiàn)成的文字、圖畫等資料可供我們重用，例如宣傳小冊、公關(guān)文件、技術(shù)手冊、資料庫等。很多情況下，只要用少許功夫、就可把這些材料轉(zhuǎn)到網(wǎng)頁上使用。

　　(8)保持新鮮感

　　萬維網(wǎng)上不斷有新事物出現(xiàn)、每天都有新花樣。如果你的主頁從不改變，用戶很快會厭倦。在主頁上預(yù)告即將有新資料推出，可吸引用戶再來瀏覽不妨在頁頭以大字標(biāo)題宣布新消息?？梢远ㄆ诟淖冎黜撋系膱D像、或更改主頁的式樣。趣味性的事項可以持續(xù)或自動更新、例如列出會瀏覽你的網(wǎng)站的人次。

　　同樣，為保持新鮮感，應(yīng)時刻確保主頁提供的是最新信息。將更新主頁信息的工作納入既定的公關(guān)及資料編制計劃內(nèi)，亦即當(dāng)你使用傳統(tǒng)方法(例如新聞稿)傳遞的新信息時出現(xiàn)在你的主頁上。確保連接項目運作暢順，以免用戶在熒幕上收到“無法查閱所需檔案”的信息而大感沒趣。

　　(9)貫徹諾言

　　做不到的事情，千萬不要輕易承諾。切勿隨便叫用戶做出回應(yīng)行動，例如要求用戶填交訂貸表格，除非你已制訂好處理這些訂單的方法和交貨程序。如果在網(wǎng)上列出聯(lián)絡(luò)電話,就要確保自己能夠迅速解決來電者的問題。

　　(10)吸引用戶瀏覽

　　既然絞盡腦汁把主頁弄得美觀實用，沒有人來欣賞就太可惜了。為吸引所有網(wǎng)中人來瀏覽，必須使主頁易于尋找。通知其他網(wǎng)站(例如題材相關(guān)的網(wǎng)站)，他們可能想連接你的主頁。安排將自己的網(wǎng)址列在所有相關(guān)的網(wǎng)址目錄、索引、查找程序和“What'snew”頁面上。盡量將網(wǎng)址傳播開去，使之出現(xiàn)在Internet和所有傳統(tǒng)煤體上、例如書刊廣告、公關(guān)文件、宣傳品等。

　　在網(wǎng)站上，于每個頁面設(shè)置“home”按鍵，方便用戶隨時返回主頁。

　　萬維網(wǎng)充滿生命力、正在不斷演進(jìn)，所以一些現(xiàn)時適用的經(jīng)驗，將來未必合用。舉例來說，將來家居用戶有高速線路接駁Internet，就可以消除數(shù)據(jù)傳輸目前的所受的限制、使主頁的篇幅可以更長，頁面更華麗。新的瀏覽功能、例如Sun的HotJava瀏覽軟件所提供的先進(jìn)功能、將使萬維網(wǎng)更強勁和更方便溝通。HotJava將主頁由靜態(tài)的文件轉(zhuǎn)為動態(tài)的實體，提供諸如即時制作動畫、背景音樂、即時存入資料(例如不斷更新股票價格)、話音廣播等功能、為網(wǎng)上用戶帶來更多樂趣。有好的主頁，還須有精良的設(shè)備支持。網(wǎng)站服務(wù)器不斷推陳出新，使建設(shè)網(wǎng)站的工作愈來愈容易。

　　（二）.網(wǎng)站總體設(shè)計

　　在拿到客戶的需求說明后，并不是直接開始制作，而是需要對項目進(jìn)行總體設(shè)計，詳細(xì)設(shè)計出一份網(wǎng)站建設(shè)方案給客戶?？傮w設(shè)計是非常關(guān)鍵的一步。它主要確定：網(wǎng)站需要實現(xiàn)哪些功能；網(wǎng)站開發(fā)使用什么軟件，在什么樣的硬件環(huán)境；需要多少人，多少時間；需要遵循的規(guī)則和標(biāo)準(zhǔn)有哪些。同時需要寫一份總體規(guī)劃說明書，包括：網(wǎng)站的欄目和板塊；網(wǎng)站的功能和相應(yīng)的程序；網(wǎng)站的鏈接結(jié)構(gòu)；如果有數(shù)據(jù)庫，進(jìn)行數(shù)據(jù)庫的概念設(shè)計；網(wǎng)站的交互性和用戶友好設(shè)計。

　　在總體設(shè)計出來后，一般需要給客戶一個網(wǎng)站建設(shè)方案。很多網(wǎng)頁制作公司在接洽業(yè)務(wù)時就被客戶要求提供方案。那時的方案一般比較籠統(tǒng)，而且在客戶需求不是十分明確的情況下提交方案，往往和實際制作后的結(jié)果會有很大差異。所以應(yīng)該盡量取得客戶的理解，在明確需求并總體設(shè)計后提交方案，這樣對雙方都有益處。網(wǎng)站建設(shè)方案的包括以下幾個部分：.客戶情況分析；網(wǎng)站需要實現(xiàn)的目的和目標(biāo)；網(wǎng)站形象說明；網(wǎng)站的欄目板塊和結(jié)構(gòu)；網(wǎng)站內(nèi)容的安排，相互鏈接關(guān)系；使用軟件，硬件和技術(shù)分析說明；開發(fā)時間進(jìn)度表；宣傳推廣方案；維護(hù)方案；制作費用；本公司簡介：成功作品，技術(shù)，人才說明等。當(dāng)您的方案通過客戶的認(rèn)可，那么可以開始動手制作網(wǎng)站了。但還不是真正意義上的制作，你需要進(jìn)行詳細(xì)設(shè)計。

　　（三）．網(wǎng)站詳細(xì)設(shè)計

　　總體設(shè)計階段以比較抽象概括的方式提出了解決問題的辦法。詳細(xì)設(shè)計階段的任務(wù)就是把解法具體化。詳細(xì)設(shè)計主要是針對程序開發(fā)部分來說的。但這個階段的不是真正編寫程序，而是設(shè)計出程序的詳細(xì)規(guī)格說明。這種規(guī)格說明的作用很類似于其他工程領(lǐng)域中工程師經(jīng)常使用的工程藍(lán)圖，它們應(yīng)該包含必要的細(xì)節(jié)，例如：程序界面，表單，需要的數(shù)據(jù)等。程序員可以根據(jù)它們寫出實際的程序代碼。我們這次主要用ASP來實現(xiàn)有關(guān)功能和解決有關(guān)問題的，例如，公告版BBS,聊天室，信息發(fā)布系統(tǒng)，網(wǎng)上超市等都用ASP來實現(xiàn)人機交互功能的，其中也用到調(diào)用數(shù)據(jù)庫的技術(shù)。

　　ASP(ActiveServerPages)是Microsoft公司推出的一種Web應(yīng)用程序開發(fā)技術(shù)，也是服務(wù)器端的腳本（Script）運行環(huán)境，使用該技術(shù)可以開發(fā)動態(tài)的、交互的Web應(yīng)用程序。

　?。ㄋ模?網(wǎng)站的制作規(guī)范探討

　　(1)網(wǎng)站目錄規(guī)范

　　目錄建立的原則：以最少的層次提供最清晰簡便的訪問結(jié)構(gòu)。

　　a.根目錄。根目錄指DNS域名服務(wù)器指向的索引文件的存放目錄。根目錄只允許存放index.html和main.html文件，以及其他必須的系統(tǒng)文件；

　　b.每個語言版本存放于獨立的目錄；

　　c.每個主要功能(主菜單)建立一個相應(yīng)的獨立目錄；

　　d.當(dāng)頁面超過20頁，每個目錄下存放各自獨立images目錄，共用的圖片放在根目錄下的images目錄下；

　　e.所有的js文件存放在根目錄下統(tǒng)一目錄script；

　　f.所有的CSS文件存放在各語言版本下的style目錄

　　g.所有的CGI程序存放在根目錄并列目錄cgi_bin目錄

　　(2)文件命名規(guī)范

　　文件命名的原則：以最少的字母達(dá)到最容易理解的意義。

　　a.索引文件統(tǒng)一使用index.html文件名(小寫)。index.html文件統(tǒng)一作為“橋頁”制作具體內(nèi)容，僅僅作為跳轉(zhuǎn)頁和meta標(biāo)簽頁。主內(nèi)容頁為main.htm；

　　b.菜單圖片名稱按菜單名的英語翻譯為名稱。例如：關(guān)于我們aboutus;信息反饋feedback產(chǎn)品product;所有單英文單詞文件名都必須為小寫，所有組合英文單詞文件名第二個起第一個字母大寫；

　　c.所有文件名字母間連線都為下劃線;

　　d.圖片命名原則以圖片英語字母為名,大小原則寫同上;

　　e.js的命名原則以功能的英語單詞為名。例如：廣告條的js文件名為:ad.js

　　f.所有的CGI文件后綴為.cgi。

　　(3)鏈接結(jié)構(gòu)規(guī)范

　　鏈接結(jié)構(gòu)的原則：用最少的鏈接，使得瀏覽最有效率。首頁和一級頁面之間用星狀鏈接結(jié)構(gòu)，一級和二級頁面之間用樹狀鏈接結(jié)構(gòu)。超過三級頁面，在頁面頂部設(shè)置導(dǎo)航條。

　　(4)尺寸規(guī)范

　　a.頁面標(biāo)準(zhǔn)按800*600分辨率制作，實際尺寸為778*434px;

　　b.每個標(biāo)準(zhǔn)頁面為A4幅面大小，即8.5X11英寸;

　　c.大banner為468*60px，小banner為88*31px。

　　(5)首頁HEAD區(qū)規(guī)范

　　a.公司版權(quán)注釋

　　b.網(wǎng)頁顯示字符集

　　簡體中文：

　　繁體中文：

　　英語：

　　c.網(wǎng)頁制作者信息

　　d.網(wǎng)站簡介

　　e.搜索關(guān)鍵字

　　f.網(wǎng)頁的css規(guī)范

　　g.網(wǎng)頁標(biāo)題