隨著互聯(lián)網(wǎng)的發(fā)展，網(wǎng)站制作作為一個(gè)行業(yè)已經(jīng)悄悄的興起，越來(lái)越多的網(wǎng)站制作任務(wù)需要網(wǎng)頁(yè)制作公司完成，越來(lái)越多的問(wèn)題出現(xiàn)在網(wǎng)站制作的過(guò)程中。例如：不能按期完成制作，不能使客戶滿意，費(fèi)用超出預(yù)算等等。仔細(xì)分析原因，發(fā)現(xiàn)大部分失敗的原因有以下幾點(diǎn)：
a.忽視客戶的不斷變化的需求；
b.沒(méi)有保留歷史文檔作決策參考；
c.忽視監(jiān)督項(xiàng)目進(jìn)度；
d.忽視不斷的測(cè)試和修改；
e.沒(méi)有使用專業(yè)的項(xiàng)目管理軟件，靠主觀決策。
問(wèn)題發(fā)現(xiàn)了，有沒(méi)有一個(gè)好的解決辦法可以減少失誤，控制和管理網(wǎng)站制作呢？
網(wǎng)站開(kāi)發(fā)制作是一個(gè)很復(fù)雜的工作，可以將它看做一個(gè)項(xiàng)目來(lái)管理。作者參考了國(guó)際國(guó)內(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簡(jiǎn)稱WP )。
網(wǎng)站工程
什么是網(wǎng)站工程，簡(jiǎn)單的說(shuō)就是網(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)頁(yè)設(shè)計(jì)師，程序員和編輯。
下面，就按照一個(gè)項(xiàng)目從洽談到提交完成的順序來(lái)介紹：
1.項(xiàng)目立項(xiàng)/客戶的需求說(shuō)明書(shū)
1.1.項(xiàng)目立項(xiàng)
我們接到客戶的業(yè)務(wù)咨詢，經(jīng)過(guò)雙方不斷的接洽和了解，并通過(guò)基本的可行性討論夠，初步達(dá)成制作協(xié)議，這時(shí)就需要將項(xiàng)目立項(xiàng)。較好的做法是成立一個(gè)專門(mén)的項(xiàng)目小組，小組成員包括：項(xiàng)目經(jīng)理，網(wǎng)頁(yè)設(shè)計(jì)，程序員，測(cè)試員，編輯/文檔等必須人員。項(xiàng)目實(shí)行項(xiàng)目經(jīng)理制。
1.2.客戶的需求說(shuō)明書(shū)
第一步是需要客戶提供一個(gè)完整的需求說(shuō)明。很多客戶對(duì)自己的需求并不是很清楚，需要您不斷引導(dǎo)和幫助分析。曾經(jīng)有一次，我問(wèn)客戶：“您做網(wǎng)站的目的是什么？”他回答：“沒(méi)有目的，只是因?yàn)閯e人都有，我沒(méi)有！”。這樣的客戶就需要耐心說(shuō)明，仔細(xì)分析，挖掘出他潛在的，真正的需求。
配合客戶寫(xiě)一份詳細(xì)的，完整的需求說(shuō)明會(huì)花很多時(shí)間，但這樣做是值得的，而且一定要讓客戶滿意，簽字認(rèn)可。把好這一關(guān)，可以杜絕很多因?yàn)樾枨蟛幻骰蚶斫馄钤斐傻氖д`和項(xiàng)目失敗。糟糕的需求說(shuō)明不可能有高質(zhì)量的網(wǎng)站。那么需求說(shuō)明書(shū)要達(dá)到怎樣的標(biāo)準(zhǔn)呢？簡(jiǎn)單說(shuō)，包含下面幾點(diǎn)：
a.正確性：每個(gè)功能必須清楚描寫(xiě)交付的功能；
b.可行性：確保在當(dāng)前的開(kāi)發(fā)能力和系統(tǒng)環(huán)境下可以實(shí)現(xiàn)每個(gè)需求；
c.必要性：功能是否必須交付，是否可以推遲實(shí)現(xiàn)，是否可以在削減開(kāi)支情況發(fā)生時(shí)”砍”掉；
d.簡(jiǎn)明性：不要使用專業(yè)的網(wǎng)絡(luò)術(shù)語(yǔ)；
e.檢測(cè)性：如果開(kāi)發(fā)完畢，客戶可以根據(jù)需求檢測(cè)。
2.網(wǎng)站總體設(shè)計(jì)
在拿到客戶的需求說(shuō)明后，并不是直接開(kāi)始制作，而是需要對(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)站開(kāi)發(fā)使用什么軟件，在什么樣的硬件環(huán)境；
c.需要多少人，多少時(shí)間；
d.需要遵循的規(guī)則和標(biāo)準(zhǔn)有哪些。
同時(shí)需要寫(xiě)一份總體規(guī)劃說(shuō)明書(shū)，包括：
a.網(wǎng)站的欄目和版塊；
b.網(wǎng)站的功能和相應(yīng)的程序；
c.網(wǎng)站的鏈接結(jié)構(gòu)；
d.如果有數(shù)據(jù)庫(kù)，進(jìn)行數(shù)據(jù)庫(kù)的概念設(shè)計(jì)；
e.網(wǎng)站的交互性和用戶友好設(shè)計(jì)。
在總體設(shè)計(jì)出來(lái)后，一般需要給客戶一個(gè)網(wǎng)站建設(shè)方案。很多網(wǎng)頁(yè)制作公司在接洽業(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)站形象說(shuō)明；
d.網(wǎng)站的欄目版塊和結(jié)構(gòu)；
e.網(wǎng)站內(nèi)容的安排，相互鏈接關(guān)系；
f.使用軟件，硬件和技術(shù)分析說(shuō)明；
g.開(kāi)發(fā)時(shí)間進(jìn)度表；
h.宣傳推廣方案；
i.維護(hù)方案；
j.制作費(fèi)用；
k.本公司簡(jiǎn)介：成功作品，技術(shù)，人才說(shuō)明等。
當(dāng)您的方案通過(guò)客戶的認(rèn)可，那么恭喜你！您可以開(kāi)始動(dòng)手制作網(wǎng)站了。但還不是真正意義上的制作，你需要進(jìn)行詳細(xì)設(shè)計(jì)。
附：國(guó)外網(wǎng)站的定價(jià)方法
如何制定網(wǎng)站價(jià)格？對(duì)于那些小企業(yè)，價(jià)格開(kāi)得太高，他們會(huì)嚇跑，開(kāi)的太低，自己得不到利潤(rùn)。由于行業(yè)競(jìng)爭(zhēng)的無(wú)序性，國(guó)內(nèi)現(xiàn)在的價(jià)格千奇百怪，有1000元制作整個(gè)商務(wù)網(wǎng)站的，也有2000元一頁(yè)的快刀斬客。國(guó)外網(wǎng)頁(yè)制作公司是如何指定網(wǎng)站制作價(jià)格的呢？
首先是根據(jù)員工工資，各項(xiàng)費(fèi)用，利潤(rùn)率來(lái)計(jì)算每小時(shí)工作成本，即：總價(jià) = 工資 + 費(fèi)用 + 利潤(rùn)
舉例說(shuō)明：
假設(shè)公司的月支付工資為5000元，費(fèi)用為5000元，希望的利潤(rùn)率為20%,一月工作時(shí)間為22*8=176小時(shí)，根據(jù)調(diào)查，一般網(wǎng)頁(yè)制作公司有20-40%時(shí)間為非工作時(shí)間。實(shí)際工作的時(shí)間為
176*(1-25%)=132
所以，每工作小時(shí)成本是：
(5000+5000)*(1+20%) / 132 =90.90元
當(dāng)你了解了每小時(shí)工作成本，開(kāi)價(jià)格就心里有數(shù)了。國(guó)外常見(jiàn)報(bào)價(jià)方法分三種：套餐法，時(shí)間法，項(xiàng)目評(píng)估法。
套餐法：也稱頁(yè)面法，指定明確的頁(yè)面數(shù)，圖像數(shù)，鏈接數(shù)，功能等。這個(gè)辦法最通用，但不是一個(gè)好辦法，因?yàn)榘凑枕?yè)面計(jì)價(jià)，解釋很含糊 ：（
時(shí)間法：就是按照每小時(shí)成本計(jì)算。但是這種方法經(jīng)常會(huì)遭到客戶的質(zhì)疑和拒絕，實(shí)行起來(lái)比較困難。
項(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ì)階段以比較抽象概括的方式提出了解決問(wèn)題的辦法。詳細(xì)設(shè)計(jì)階段的任務(wù)就是把解法具體化。詳細(xì)設(shè)計(jì)主要是針對(duì)程序開(kāi)發(fā)部分來(lái)說(shuō)的。但這個(gè)階段的不是真正編寫(xiě)程序，而是設(shè)計(jì)出程序的詳細(xì)規(guī)格說(shuō)明。這種規(guī)格說(shuō)明的作用很類似于其他工程領(lǐng)域中工程師經(jīng)常使用的工程藍(lán)圖，它們應(yīng)該 包含必要的細(xì)節(jié)，例如：程序界面，表單，需要的數(shù)據(jù)等。程序員可以根據(jù)它們寫(xiě)出實(shí)際的程序代碼。(這里不詳細(xì)展開(kāi)說(shuō)明)
1.整體形象設(shè)計(jì)
在程序員進(jìn)行詳細(xì)設(shè)計(jì)的同時(shí)，網(wǎng)頁(yè)設(shè)計(jì)師開(kāi)始設(shè)計(jì)網(wǎng)站的整體形象和首頁(yè)。
整體形象設(shè)計(jì)包括標(biāo)準(zhǔn)字，Logo，標(biāo)準(zhǔn)色彩，廣告語(yǔ)等。 首頁(yè)設(shè)計(jì)包括版面，色彩，圖像，動(dòng)態(tài)效果，圖標(biāo)等風(fēng)格設(shè)計(jì)，也包括banner，菜單，標(biāo)題，版權(quán)等模塊設(shè)計(jì)。首頁(yè)一般設(shè)計(jì)1-3個(gè)不同風(fēng)格，完成后，供客戶選擇。
(整體形象設(shè)計(jì)這里簡(jiǎn)略帶過(guò)，詳細(xì)說(shuō)明見(jiàn) http://www.realsky.com 網(wǎng)頁(yè)制作版《網(wǎng)站設(shè)計(jì)的思考》系列文章)
記?。涸诳蛻舸_定首頁(yè)風(fēng)格之后，請(qǐng)客戶簽字認(rèn)可。以后不得再對(duì)版面風(fēng)格有大的變動(dòng)，否則視為第二次設(shè)計(jì)。
2.開(kāi)發(fā)制作
到這里，程序員和網(wǎng)頁(yè)設(shè)計(jì)師同時(shí)進(jìn)入全力開(kāi)發(fā)階段，需要提醒的是，測(cè)試人員需要隨時(shí)測(cè)試網(wǎng)頁(yè)與程序，發(fā)現(xiàn)Bug立刻記錄并反饋修改。不要等到完全制作完畢再測(cè)試，這樣會(huì)浪費(fèi)大量的時(shí)間和精力。項(xiàng)目經(jīng)理需要經(jīng)常了解項(xiàng)目進(jìn)度，協(xié)調(diào)和溝通程序員與網(wǎng)頁(yè)設(shè)計(jì)師的工作。
3.調(diào)試完善
在網(wǎng)站初步完成后，上傳到服務(wù)器，對(duì)網(wǎng)站進(jìn)行全范圍的測(cè)試。包括速度，兼容性，交互性，鏈接正確性，程序健壯性，超流量測(cè)試等，發(fā)現(xiàn)問(wèn)題及時(shí)解決并記錄下來(lái)。
為什么要記錄文檔呢？其實(shí)本軟件工程本身就是一個(gè)文檔，是一個(gè)不斷充實(shí)和完善的標(biāo)準(zhǔn)。通過(guò)不斷的發(fā)現(xiàn)問(wèn)題，解決問(wèn)題，修改，補(bǔ)充文檔，使這個(gè)標(biāo)準(zhǔn)越來(lái)越規(guī)范，越來(lái)越工業(yè)化。進(jìn)而使得網(wǎng)站開(kāi)發(fā)趨向規(guī)范，趨向合理。
4.宣傳推廣
宣傳推廣的基本方法有：
a.網(wǎng)頁(yè)里設(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)址，使用操作說(shuō)明文檔等提交客戶驗(yàn)收。如果需要維護(hù)，另行簽定維護(hù)項(xiàng)目。
(附)維護(hù)
網(wǎng)站成功推出后，長(zhǎng)期的維護(hù)工作才剛剛開(kāi)始，我們需要做到的是:
a.及時(shí)響應(yīng)客戶反饋；例如可以采取Email自動(dòng)回復(fù)功能，然后在1-3個(gè)工作日里解決問(wèn)題，再次回復(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ǎn)便的訪問(wèn)結(jié)構(gòu)。
a.根目錄。根目錄指DNS域名服務(wù)器指向的索引文件的存放目錄。根目錄只允許存放index.html和main.html文件，以及其他必須的系統(tǒng)文件；
b.每個(gè)語(yǔ)言版本存放于獨(dú)立的目錄；
c.每個(gè)主要功能(主菜單)建立一個(gè)相應(yīng)的獨(dú)立目錄；
d.當(dāng)頁(yè)面超過(guò)20頁(yè)，每個(gè)目錄下存放各自獨(dú)立images目錄.共用的圖片放在根目錄下的images目錄下；
e.所有的js文件存放在根目錄下統(tǒng)一目錄script；
f.所有的CSS文件存放在各語(yǔ)言版本下的style目錄
g.所有的CGI程序存放在根目錄并列目錄cgi_bin目錄
2.文件命名規(guī)范
文件命名的原則：以最少的字母達(dá)到最容易理解的意義。
a.索引文件統(tǒng)一使用index.html文件名(小寫(xiě))。index.html文件統(tǒng)一作為”橋頁(yè)”，不制作具體內(nèi)容，僅僅作為跳轉(zhuǎn)頁(yè)和meta標(biāo)簽頁(yè)。主內(nèi)容頁(yè)為main.htm；
b.菜單圖片名稱按菜單名的英語(yǔ)翻譯為名稱。例如：
關(guān)于我們 aboutus
信息反饋 feedback
產(chǎn) 品 product
所有單英文單詞文件名都必須為小寫(xiě)，所有組合英文單詞文件名第二個(gè)起第一個(gè)字母大寫(xiě)；
c.所有文件名字母間連線都為下劃線
d.圖片命名原則以圖片英語(yǔ)字母為名。大小原則寫(xiě)同上。
e.js的命名原則以功能的英語(yǔ)單詞為名。例如：廣告條的js文件名為:ad.js
f.所有的CGI文件后綴為.cgi。
3.鏈接結(jié)構(gòu)規(guī)范
鏈接結(jié)構(gòu)的原則：用最少的鏈接，使得瀏覽最有效率。
首頁(yè)和一級(jí)頁(yè)面之間用星狀鏈接結(jié)構(gòu)，一級(jí)和二級(jí)頁(yè)面之間用樹(shù)狀鏈接結(jié)構(gòu)。超過(guò)三級(jí)頁(yè)面，在頁(yè)面頂部設(shè)置導(dǎo)航條。
4.尺寸規(guī)范
a.頁(yè)面標(biāo)準(zhǔn)按800*600分辨率制作，實(shí)際尺寸為778*434px
b.每個(gè)標(biāo)準(zhǔn)頁(yè)面為A4幅面大小，即8.5X11英寸
c.大banner為468*60px，小banner為88*31px
head區(qū)是指首頁(yè)HTML代碼的< head>和< /head>之間的內(nèi)容。
必須加入的標(biāo)簽:
a.公司版權(quán)注釋
< !— The site is designed by Maketown,Inc 06/2000 —>
b.網(wǎng)頁(yè)顯示字符集
簡(jiǎn)體中文：< META HTTP-EQUIV=”Content-Type” CONTENT=”text/html; charset=gb2312″>
繁體中文：< META HTTP-EQUIV=”Content-Type” CONTENT=”text/html; charset=BIG5″>
英 語(yǔ)：< META HTTP-EQUIV=”Content-Type” CONTENT=”text/html; charset=iso-8859-1″>
c.網(wǎng)頁(yè)制作者信息
< META name=”author” content=”webmaster@maketown.com”>
d.網(wǎng)站簡(jiǎn)介
< META NAME=”DESCRIPTION” CONTENT=”xxxxxxxxxxxxxxxxxxxxxxxxxx”>
e.搜索關(guān)鍵字
< META NAME=”keywords” CONTENT=”xxxx,xxxx,xxx,xxxxx,xxxx,”>
f.網(wǎng)頁(yè)的css規(guī)范
< LINK href=”style/style.css” rel=”stylesheet” type=”text/css”>
g.網(wǎng)頁(yè)標(biāo)題
< title>xxxxxxxxxxxxxxxxxx< /title>
寫(xiě)在最后
以上僅僅是阿捷自己的經(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)站的營(yíng)銷策劃等等。希望通過(guò)這里的拋磚引玉，吸引更多的網(wǎng)站項(xiàng)目管理者來(lái)參與討論，貢獻(xiàn)自己的經(jīng)驗(yàn)和見(jiàn)解，使我們的行業(yè)更加成熟，更加規(guī)范。