隨著互聯(lián)網(wǎng)的發(fā)展，網(wǎng)站制作作為一個(gè)行業(yè)已經(jīng)悄悄的興起，越來越多的網(wǎng)站制作任務(wù)需要網(wǎng)頁制作公司完成，越來越多的問題出現(xiàn)在網(wǎng)站制作的過程中。例如：不能按期完成制作，不能使客戶滿意，費(fèi)用超出預(yù)算等等。仔細(xì)分析原因，發(fā)現(xiàn)大部分失敗的原因有以下幾點(diǎn)： 

　　 a.忽視客戶的不斷變化的需求； 

　　 b.沒有保留歷史文檔作決策參考； 

　　 c.忽視監(jiān)督項(xiàng)目進(jìn)度； 

　　 d.忽視不斷的測試和修改； 

　　 e.沒有使用專業(yè)的項(xiàng)目管理軟件，靠主觀決策。 

　　 問題發(fā)現(xiàn)了，有沒有一個(gè)好的解決辦法可以減少失誤，控制和管理網(wǎng)站制作呢？ 

　　 網(wǎng)站開發(fā)制作是一個(gè)很復(fù)雜的工作，可以將它看做一個(gè)項(xiàng)目來管理。作者參考了國際國內(nèi)有關(guān)項(xiàng)目管理的資料，發(fā)現(xiàn)軟件工程的管理方法和規(guī)范與網(wǎng)站建設(shè)項(xiàng)目最接近，因此我們?cè)谧屑?xì)研究軟件工程后，針對(duì)網(wǎng)站建設(shè)的特點(diǎn)和重點(diǎn)，整理出一套網(wǎng)站建設(shè)管理和控制的方法，定名為網(wǎng)站工程(WebSite Project簡稱WP )。 

　　 網(wǎng)站工程 

　　 什么是網(wǎng)站工程，簡單的說就是網(wǎng)站項(xiàng)目的管理和控制方法；是一種特殊的，標(biāo)準(zhǔn)的操作程序。建立網(wǎng)站工程的目的在于保證網(wǎng)站建設(shè)的高效率，高質(zhì)量，低風(fēng)險(xiǎn)。 

　　 網(wǎng)站工程標(biāo)準(zhǔn)的實(shí)行，不但使客戶得益，更使得網(wǎng)站制作行業(yè)趨向規(guī)范化，它將對(duì)行業(yè)相關(guān)的每個(gè)人都有益，包括項(xiàng)目經(jīng)理，網(wǎng)頁設(shè)計(jì)師，程序員和編輯。 

　　 下面，就按照一個(gè)項(xiàng)目從洽談到提交完成的順序來介紹： 
　　 1.項(xiàng)目立項(xiàng)/客戶的需求說明書 

　　 1.1.項(xiàng)目立項(xiàng) 

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

　　 1.2.客戶的需求說明書 

　　 第一步是需要客戶提供一個(gè)完整的需求說明。很多客戶對(duì)自己的需求并不是很清楚，需要您不斷引導(dǎo)和幫助分析。曾經(jīng)有一次，我問客戶：“您做網(wǎng)站的目的是什么？”他回答：“沒有目的，只是因?yàn)閯e人都有，我沒有！”。這樣的客戶就需要耐心說明，仔細(xì)分析，挖掘出他潛在的，真正的需求。 

　　 配合客戶寫一份詳細(xì)的，完整的需求說明會(huì)花很多時(shí)間，但這樣做是值得的，而且一定要讓客戶滿意，簽字認(rèn)可。把好這一關(guān)，可以杜絕很多因?yàn)樾枨蟛幻骰蚶斫馄钤斐傻氖д`和項(xiàng)目失敗。糟糕的需求說明不可能有高質(zhì)量的網(wǎng)站。那么需求說明書要達(dá)到怎樣的標(biāo)準(zhǔn)呢？簡單說，包含下面幾點(diǎn)： 

　　 a.正確性：每個(gè)功能必須清楚描寫交付的功能； 

　　 b.可行性：確保在當(dāng)前的開發(fā)能力和系統(tǒng)環(huán)境下可以實(shí)現(xiàn)每個(gè)需求； 

　　 c.必要性：功能是否必須交付，是否可以推遲實(shí)現(xiàn)，是否可以在削減開支情況發(fā)生時(shí)”砍”掉； 

　　 d.簡明性：不要使用專業(yè)的網(wǎng)絡(luò)術(shù)語； 

　　 e.檢測性：如果開發(fā)完畢，客戶可以根據(jù)需求檢測。


　　 2.網(wǎng)站總體設(shè)計(jì) 

　　 在拿到客戶的需求說明后，并不是直接開始制作，而是需要對(duì)項(xiàng)目進(jìn)行總體設(shè)計(jì)，詳細(xì)設(shè)計(jì)，出一份網(wǎng)站建設(shè)方案給客戶?？傮w設(shè)計(jì)是非常關(guān)鍵的一步。它主要確定： 

　　 a.網(wǎng)站需要實(shí)現(xiàn)哪些功能； 

　　 b.網(wǎng)站開發(fā)使用什么軟件，在什么樣的硬件環(huán)境； 

　　 c.需要多少人，多少時(shí)間； 

　　 d.需要遵循的規(guī)則和標(biāo)準(zhǔn)有哪些。 

　　 同時(shí)需要寫一份總體規(guī)劃說明書，包括： 

　　 a.網(wǎng)站的欄目和版塊； 

　　 b.網(wǎng)站的功能和相應(yīng)的程序； 

　　 c.網(wǎng)站的鏈接結(jié)構(gòu)； 

　　 d.如果有數(shù)據(jù)庫，進(jìn)行數(shù)據(jù)庫的概念設(shè)計(jì)； 

　　 e.網(wǎng)站的交互性和用戶友好設(shè)計(jì)。 

　　 在總體設(shè)計(jì)出來后，一般需要給客戶一個(gè)網(wǎng)站建設(shè)方案。很多網(wǎng)頁制作公司在接洽業(yè)務(wù)時(shí)就被客戶要求提供方案。那時(shí)的方案一般比較籠統(tǒng)，而且在客戶需求不是十分明確的情況下提交方案，往往和實(shí)際制作后的結(jié)果會(huì)有很大差異。所以應(yīng)該盡量取得客戶的理解，在明確需求并總體設(shè)計(jì)后提交方案，這樣對(duì)雙方都有益處。網(wǎng)站建設(shè)方案的包括以下幾個(gè)部分： 

　　 a.客戶情況分析； 

　　 b.網(wǎng)站需要實(shí)現(xiàn)的目的和目標(biāo)； 

　　 c.網(wǎng)站形象說明； 

　　 d.網(wǎng)站的欄目版塊和結(jié)構(gòu)； 

　　 e.網(wǎng)站內(nèi)容的安排，相互鏈接關(guān)系； 

　　 f.使用軟件，硬件和技術(shù)分析說明； 

　　 g.開發(fā)時(shí)間進(jìn)度表； 

　　 h.宣傳推廣方案； 

　　 i.維護(hù)方案； 

　　 j.制作費(fèi)用； 

　　 k.本公司簡介：成功作品，技術(shù)，人才說明等。 

　　 當(dāng)您的方案通過客戶的認(rèn)可，那么恭喜你！您可以開始動(dòng)手制作網(wǎng)站了。但還不是真正意義上的制作，你需要進(jìn)行詳細(xì)設(shè)計(jì)。 


　　 附：國外網(wǎng)站的定價(jià)方法 

　　 如何制定網(wǎng)站價(jià)格？對(duì)于那些小企業(yè)，價(jià)格開得太高，他們會(huì)嚇跑，開的太低，自己得不到利潤。由于行業(yè)競爭的無序性，國內(nèi)現(xiàn)在的價(jià)格千奇百怪，有1000元制作整個(gè)商務(wù)網(wǎng)站的，也有2000元一頁的快刀斬客。國外網(wǎng)頁制作公司是如何指定網(wǎng)站制作價(jià)格的呢？ 

　　 首先是根據(jù)員工工資，各項(xiàng)費(fèi)用，利潤率來計(jì)算每小時(shí)工作成本，即：總價(jià) = 工資 + 費(fèi)用 + 利潤 

　　 舉例說明： 

　　 假設(shè)公司的月支付工資為5000元，費(fèi)用為5000元，希望的利潤率為20%,一月工作時(shí)間為22*8=176小時(shí)，根據(jù)調(diào)查，一般網(wǎng)頁制作公司有20-40%時(shí)間為非工作時(shí)間。實(shí)際工作的時(shí)間為 

　　 176*(1-25%)=132 

　　 所以，每工作小時(shí)成本是： 

　　 (5000+5000)*(1+20%) / 132 =90.90元 

　　 當(dāng)你了解了每小時(shí)工作成本，開價(jià)格就心里有數(shù)了。國外常見報(bào)價(jià)方法分三種：套餐法，時(shí)間法，項(xiàng)目評(píng)估法。 

　　 套餐法：也稱頁面法，指定明確的頁面數(shù)，圖像數(shù)，鏈接數(shù)，功能等。這個(gè)辦法最通用，但不是一個(gè)好辦法，因?yàn)榘凑枕撁嬗?jì)價(jià)，解釋很含糊 ：（ 

　　 時(shí)間法：就是按照每小時(shí)成本計(jì)算。但是這種方法經(jīng)常會(huì)遭到客戶的質(zhì)疑和拒絕，實(shí)行起來比較困難。 

　　 項(xiàng)目評(píng)估法：將整個(gè)項(xiàng)目拆成一個(gè)一個(gè)小工作，評(píng)估工作的技能難度，計(jì)算完成時(shí)間，再根據(jù)每小時(shí)成本計(jì)價(jià)。 

相關(guān)文章：淺論網(wǎng)站工程的管理與規(guī)范(下) 

　　 網(wǎng)站詳細(xì)設(shè)計(jì) 

　　 總體設(shè)計(jì)階段以比較抽象概括的方式提出了解決問題的辦法。詳細(xì)設(shè)計(jì)階段的任務(wù)就是把解法具體化。詳細(xì)設(shè)計(jì)主要是針對(duì)程序開發(fā)部分來說的。但這個(gè)階段的不是真正編寫程序，而是設(shè)計(jì)出程序的詳細(xì)規(guī)格說明。這種規(guī)格說明的作用很類似于其他工程領(lǐng)域中工程師經(jīng)常使用的工程藍(lán)圖，它們應(yīng)該 包含必要的細(xì)節(jié)，例如：程序界面，表單，需要的數(shù)據(jù)等。程序員可以根據(jù)它們寫出實(shí)際的程序代碼。(這里不詳細(xì)展開說明) 

　　 1.整體形象設(shè)計(jì) 

　　 在程序員進(jìn)行詳細(xì)設(shè)計(jì)的同時(shí)，網(wǎng)頁設(shè)計(jì)師開始設(shè)計(jì)網(wǎng)站的整體形象和首頁。 

　　 整體形象設(shè)計(jì)包括標(biāo)準(zhǔn)字，Logo，標(biāo)準(zhǔn)色彩，廣告語等。 首頁設(shè)計(jì)包括版面，色彩，圖像，動(dòng)態(tài)效果，圖標(biāo)等風(fēng)格設(shè)計(jì)，也包括banner，菜單，標(biāo)題，版權(quán)等模塊設(shè)計(jì)。首頁一般設(shè)計(jì)1-3個(gè)不同風(fēng)格，完成后，供客戶選擇。 

　　 (整體形象設(shè)計(jì)這里簡略帶過，詳細(xì)說明見 http://www.realsky.com 網(wǎng)頁制作版《網(wǎng)站設(shè)計(jì)的思考》系列文章) 

　　 記?。涸诳蛻舸_定首頁風(fēng)格之后，請(qǐng)客戶簽字認(rèn)可。以后不得再對(duì)版面風(fēng)格有大的變動(dòng)，否則視為第二次設(shè)計(jì)。 

　　 2.開發(fā)制作 

　　 到這里，程序員和網(wǎng)頁設(shè)計(jì)師同時(shí)進(jìn)入全力開發(fā)階段，需要提醒的是，測試人員需要隨時(shí)測試網(wǎng)頁與程序，發(fā)現(xiàn)Bug立刻記錄并反饋修改。不要等到完全制作完畢再測試，這樣會(huì)浪費(fèi)大量的時(shí)間和精力。項(xiàng)目經(jīng)理需要經(jīng)常了解項(xiàng)目進(jìn)度，協(xié)調(diào)和溝通程序員與網(wǎng)頁設(shè)計(jì)師的工作。 

　　 3.調(diào)試完善 

　　 在網(wǎng)站初步完成后，上傳到服務(wù)器，對(duì)網(wǎng)站進(jìn)行全范圍的測試。包括速度，兼容性，交互性，鏈接正確性，程序健壯性，超流量測試等，發(fā)現(xiàn)問題及時(shí)解決并記錄下來。 

　　 為什么要記錄文檔呢？其實(shí)本軟件工程本身就是一個(gè)文檔，是一個(gè)不斷充實(shí)和完善的標(biāo)準(zhǔn)。通過不斷的發(fā)現(xiàn)問題，解決問題，修改，補(bǔ)充文檔，使這個(gè)標(biāo)準(zhǔn)越來越規(guī)范，越來越工業(yè)化。進(jìn)而使得網(wǎng)站開發(fā)趨向規(guī)范，趨向合理。 


　　 4.宣傳推廣 

　　 宣傳推廣的基本方法有： 

　　 a.網(wǎng)頁里設(shè)置適當(dāng)?shù)腗ETA標(biāo)簽； 

　　 b.各搜索引擎登錄； 

　　 c.準(zhǔn)備新聞稿件在各新聞公告板發(fā)表； 

　　 d.合理使用Email郵件列表； 

　　 e.廣告條交換； 

　　 f.付費(fèi)廣告。 

　　 至此，網(wǎng)站項(xiàng)目建設(shè)完畢，將有關(guān)網(wǎng)址，使用操作說明文檔等提交客戶驗(yàn)收。如果需要維護(hù)，另行簽定維護(hù)項(xiàng)目。 

　　 (附)維護(hù) 

　　 網(wǎng)站成功推出后，長期的維護(hù)工作才剛剛開始，我們需要做到的是: 

　　 a.及時(shí)響應(yīng)客戶反饋；例如可以采取Email自動(dòng)回復(fù)功能，然后在1-3個(gè)工作日里解決問題，再次回復(fù)； 

　　 b.網(wǎng)站流量統(tǒng)計(jì)分析和相應(yīng)對(duì)策； 

　　 c.盡量推廣和使用您的網(wǎng)址； 

　　 d.網(wǎng)站內(nèi)容的及時(shí)更新和維護(hù)。 

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

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

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

　　 b.每個(gè)語言版本存放于獨(dú)立的目錄； 

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

　　 d.當(dāng)頁面超過20頁，每個(gè)目錄下存放各自獨(dú)立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 

　　 所有單英文單詞文件名都必須為小寫，所有組合英文單詞文件名第二個(gè)起第一個(gè)字母大寫； 

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

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

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

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

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

　　 鏈接結(jié)構(gòu)的原則：用最少的鏈接，使得瀏覽最有效率。 

　　 首頁和一級(jí)頁面之間用星狀鏈接結(jié)構(gòu)，一級(jí)和二級(jí)頁面之間用樹狀鏈接結(jié)構(gòu)。超過三級(jí)頁面，在頁面頂部設(shè)置導(dǎo)航條。 

　　 4.尺寸規(guī)范 

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

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

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

　　 head區(qū)是指首頁HTML代碼的< head>和< /head>之間的內(nèi)容。 

　　 必須加入的標(biāo)簽: 

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

　　 < !— The site is designed by Maketown,Inc 06/2000 —> 

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

　　 簡體中文：< META HTTP-EQUIV=”Content-Type” CONTENT=”text/html; charset=gb2312″> 

　　 繁體中文：< META HTTP-EQUIV=”Content-Type” CONTENT=”text/html; charset=BIG5″> 

　　 英 語：< META HTTP-EQUIV=”Content-Type” CONTENT=”text/html; charset=iso-8859-1″> 

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

　　 < META name=”author” content=”webmaster@maketown.com”> 

　　 d.網(wǎng)站簡介 

　　 < META NAME=”DESCRIPTION” CONTENT=”xxxxxxxxxxxxxxxxxxxxxxxxxx”> 

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

　　 < META NAME=”keywords” CONTENT=”xxxx,xxxx,xxx,xxxxx,xxxx,”> 

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

　　 < LINK href=”style/style.css” rel=”stylesheet” type=”text/css”> 

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

　　 < title>xxxxxxxxxxxxxxxxxx< /title> 

　　 寫在最后 

　　 以上僅僅是阿捷自己的經(jīng)驗(yàn)和心得總結(jié)，而且偏重了設(shè)計(jì)方面。網(wǎng)站工程是一個(gè)復(fù)雜和全面的規(guī)范，還有許多方面和細(xì)節(jié)需要不斷完善和規(guī)范，比如：網(wǎng)站工程的風(fēng)險(xiǎn)控制，網(wǎng)站項(xiàng)目的質(zhì)量管理和人員考核，項(xiàng)目的分解和分配，網(wǎng)站的營銷策劃等等。希望通過這里的拋磚引玉，吸引更多的網(wǎng)站項(xiàng)目管理者來參與討論，貢獻(xiàn)自己的經(jīng)驗(yàn)和見解，使我們的行業(yè)更加成熟，更加規(guī)范。