隨著互聯(lián)網(wǎng)的發(fā)展，網(wǎng)站制作作為一個行業(yè)已經(jīng)悄悄的興起，越來越多的網(wǎng)站制作任務(wù)需要網(wǎng)頁制作公司完成，越來越多的問題出現(xiàn)在網(wǎng)站制作的過程中。例如：不能按期完成制作，不能使客戶滿意，費用超出預(yù)算等等。仔細(xì)分析原因，發(fā)現(xiàn)大部分失敗的原因有以下幾點：
a.忽視客戶的不斷變化的需求；
b.沒有保留歷史文檔作決策參考；
c.忽視監(jiān)督項目進(jìn)度；
d.忽視不斷的測試和修改；
e.沒有使用專業(yè)的項目管理軟件，靠主觀決策。
問題發(fā)現(xiàn)了，有沒有一個好的解決辦法可以減少失誤，控制和管理網(wǎng)站制作呢？
網(wǎng)站開發(fā)制作是一個很復(fù)雜的工作，可以將它看做一個項目來管理。作者參考了國際國內(nèi)有關(guān)項目管理的資料，發(fā)現(xiàn)軟件工程的管理方法和規(guī)范與網(wǎng)站建設(shè)項目最接近，因此我們在仔細(xì)研究軟件工程后，針對網(wǎng)站建設(shè)的特點和重點，整理出一套網(wǎng)站建設(shè)管理和控制的方法，定名為網(wǎng)站工程(WebSite Project簡稱WP )。
網(wǎng)站工程
什么是網(wǎng)站工程，簡單的說就是網(wǎng)站項目的管理和控制方法；是一種特殊的，標(biāo)準(zhǔn)的操作程序。建立網(wǎng)站工程的目的在于保證網(wǎng)站建設(shè)的高效率，高質(zhì)量，低風(fēng)險。
網(wǎng)站工程標(biāo)準(zhǔn)的實行，不但使客戶得益，更使得網(wǎng)站制作行業(yè)趨向規(guī)范化，它將對行業(yè)相關(guān)的每個人都有益，包括項目經(jīng)理，網(wǎng)頁設(shè)計師，程序員和編輯。
下面，就按照一個項目從洽談到提交完成的順序來介紹：
1.項目立項/客戶的需求說明書
1.1.項目立項
我們接到客戶的業(yè)務(wù)咨詢，經(jīng)過雙方不斷的接洽和了解，并通過基本的可行性討論夠，初步達(dá)成制作協(xié)議，這時就需要將項目立項。較好的做法是成立一個專門的項目小組，小組成員包括：項目經(jīng)理，網(wǎng)頁設(shè)計，程序員，測試員，編輯/文檔等必須人員。項目實行項目經(jīng)理制。
1.2.客戶的需求說明書
第一步是需要客戶提供一個完整的需求說明。很多客戶對自己的需求并不是很清楚，需要您不斷引導(dǎo)和幫助分析。曾經(jīng)有一次，我問客戶：“您做網(wǎng)站的目的是什么？”他回答：“沒有目的，只是因為別人都有，我沒有！”。這樣的客戶就需要耐心說明，仔細(xì)分析，挖掘出他潛在的，真正的需求。
配合客戶寫一份詳細(xì)的，完整的需求說明會花很多時間，但這樣做是值得的，而且一定要讓客戶滿意，簽字認(rèn)可。把好這一關(guān)，可以杜絕很多因為需求不明或理解偏差造成的失誤和項目失敗。糟糕的需求說明不可能有高質(zhì)量的網(wǎng)站。那么需求說明書要達(dá)到怎樣的標(biāo)準(zhǔn)呢？簡單說，包含下面幾點：
a.正確性：每個功能必須清楚描寫交付的功能；
b.可行性：確保在當(dāng)前的開發(fā)能力和系統(tǒng)環(huán)境下可以實現(xiàn)每個需求；
c.必要性：功能是否必須交付，是否可以推遲實現(xiàn)，是否可以在削減開支情況發(fā)生時”砍”掉；
d.簡明性：不要使用專業(yè)的網(wǎng)絡(luò)術(shù)語；
e.檢測性：如果開發(fā)完畢，客戶可以根據(jù)需求檢測。
2.網(wǎng)站總體設(shè)計
在拿到客戶的需求說明后，并不是直接開始制作，而是需要對項目進(jìn)行總體設(shè)計，詳細(xì)設(shè)計，出一份網(wǎng)站建設(shè)方案給客戶？傮w設(shè)計是非常關(guān)鍵的一步。它主要確定：
a.網(wǎng)站需要實現(xiàn)哪些功能；
b.網(wǎng)站開發(fā)使用什么軟件，在什么樣的硬件環(huán)境；
c.需要多少人，多少時間；
d.需要遵循的規(guī)則和標(biāo)準(zhǔn)有哪些。
同時需要寫一份總體規(guī)劃說明書，包括：
a.網(wǎng)站的欄目和版塊；
b.網(wǎng)站的功能和相應(yīng)的程序；
c.網(wǎng)站的鏈接結(jié)構(gòu)；
d.如果有數(shù)據(jù)庫，進(jìn)行數(shù)據(jù)庫的概念設(shè)計；
e.網(wǎng)站的交互性和用戶友好設(shè)計。
在總體設(shè)計出來后，一般需要給客戶一個網(wǎng)站建設(shè)方案。很多網(wǎng)頁制作公司在接洽業(yè)務(wù)時就被客戶要求提供方案。那時的方案一般比較籠統(tǒng)，而且在客戶需求不是十分明確的情況下提交方案，往往和實際制作后的結(jié)果會有很大差異。所以應(yīng)該盡量取得客戶的理解，在明確需求并總體設(shè)計后提交方案，這樣對雙方都有益處。網(wǎng)站建設(shè)方案的包括以下幾個部分：
a.客戶情況分析；
b.網(wǎng)站需要實現(xiàn)的目的和目標(biāo)；
c.網(wǎng)站形象說明；
d.網(wǎng)站的欄目版塊和結(jié)構(gòu)；
e.網(wǎng)站內(nèi)容的安排，相互鏈接關(guān)系；
f.使用軟件，硬件和技術(shù)分析說明；
g.開發(fā)時間進(jìn)度表；
h.宣傳推廣方案；
i.維護(hù)方案；
j.制作費用；
k.本公司簡介：成功作品，技術(shù)，人才說明等。
當(dāng)您的方案通過客戶的認(rèn)可，那么恭喜你！您可以開始動手制作網(wǎng)站了。但還不是真正意義上的制作，你需要進(jìn)行詳細(xì)設(shè)計。
附：國外網(wǎng)站的定價方法
如何制定網(wǎng)站價格？對于那些小企業(yè)，價格開得太高，他們會嚇跑，開的太低，自己得不到利潤。由于行業(yè)競爭的無序性，國內(nèi)現(xiàn)在的價格千奇百怪，有1000元制作整個商務(wù)網(wǎng)站的，也有2000元一頁的快刀斬客。國外網(wǎng)頁制作公司是如何指定網(wǎng)站制作價格的呢？
首先是根據(jù)員工工資，各項費用，利潤率來計算每小時工作成本，即：總價 = 工資 + 費用 + 利潤
舉例說明：
假設(shè)公司的月支付工資為5000元，費用為5000元，希望的利潤率為20%,一月工作時間為22*8=176小時，根據(jù)調(diào)查，一般網(wǎng)頁制作公司有20-40%時間為非工作時間。實際工作的時間為
176*(1-25%)=132
所以，每工作小時成本是：
(5000+5000)*(1+20%) / 132 =90.90元
當(dāng)你了解了每小時工作成本，開價格就心里有數(shù)了。國外常見報價方法分三種：套餐法，時間法，項目評估法。
套餐法：也稱頁面法，指定明確的頁面數(shù)，圖像數(shù)，鏈接數(shù)，功能等。這個辦法最通用，但不是一個好辦法，因為按照頁面計價，解釋很含糊 ：（
時間法：就是按照每小時成本計算。但是這種方法經(jīng)常會遭到客戶的質(zhì)疑和拒絕，實行起來比較困難。
項目評估法：將整個項目拆成一個一個小工作，評估工作的技能難度，計算完成時間，再根據(jù)每小時成本計價。
相關(guān)文章：淺論網(wǎng)站工程的管理與規(guī)范(下)
網(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ù)它們寫出實際的程序代碼。(這里不詳細(xì)展開說明)
1.整體形象設(shè)計
在程序員進(jìn)行詳細(xì)設(shè)計的同時，網(wǎng)頁設(shè)計師開始設(shè)計網(wǎng)站的整體形象和首頁。
整體形象設(shè)計包括標(biāo)準(zhǔn)字，Logo，標(biāo)準(zhǔn)色彩，廣告語等。 首頁設(shè)計包括版面，色彩，圖像，動態(tài)效果，圖標(biāo)等風(fēng)格設(shè)計，也包括banner，菜單，標(biāo)題，版權(quán)等模塊設(shè)計。首頁一般設(shè)計1-3個不同風(fēng)格，完成后，供客戶選擇。
(整體形象設(shè)計這里簡略帶過，詳細(xì)說明見 http://www.realsky.com 網(wǎng)頁制作版《網(wǎng)站設(shè)計的思考》系列文章)
記。涸诳蛻舸_定首頁風(fēng)格之后，請客戶簽字認(rèn)可。以后不得再對版面風(fēng)格有大的變動，否則視為第二次設(shè)計。
2.開發(fā)制作
到這里，程序員和網(wǎng)頁設(shè)計師同時進(jìn)入全力開發(fā)階段，需要提醒的是，測試人員需要隨時測試網(wǎng)頁與程序，發(fā)現(xiàn)Bug立刻記錄并反饋修改。不要等到完全制作完畢再測試，這樣會浪費大量的時間和精力。項目經(jīng)理需要經(jīng)常了解項目進(jìn)度，協(xié)調(diào)和溝通程序員與網(wǎng)頁設(shè)計師的工作。
3.調(diào)試完善
在網(wǎng)站初步完成后，上傳到服務(wù)器，對網(wǎng)站進(jìn)行全范圍的測試。包括速度，兼容性，交互性，鏈接正確性，程序健壯性，超流量測試等，發(fā)現(xiàn)問題及時解決并記錄下來。
為什么要記錄文檔呢？其實本軟件工程本身就是一個文檔，是一個不斷充實和完善的標(biāo)準(zhǔn)。通過不斷的發(fā)現(xiàn)問題，解決問題，修改，補充文檔，使這個標(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.付費廣告。
至此，網(wǎng)站項目建設(shè)完畢，將有關(guān)網(wǎng)址，使用操作說明文檔等提交客戶驗收。如果需要維護(hù)，另行簽定維護(hù)項目。
(附)維護(hù)
網(wǎng)站成功推出后，長期的維護(hù)工作才剛剛開始，我們需要做到的是:
a.及時響應(yīng)客戶反饋；例如可以采取Email自動回復(fù)功能，然后在1-3個工作日里解決問題，再次回復(fù)；
b.網(wǎng)站流量統(tǒng)計分析和相應(yīng)對策；
c.盡量推廣和使用您的網(wǎng)址；
d.網(wǎng)站內(nèi)容的及時更新和維護(hù)。
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
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)驗和心得總結(jié)，而且偏重了設(shè)計方面。網(wǎng)站工程是一個復(fù)雜和全面的規(guī)范，還有許多方面和細(xì)節(jié)需要不斷完善和規(guī)范，比如：網(wǎng)站工程的風(fēng)險控制，網(wǎng)站項目的質(zhì)量管理和人員考核，項目的分解和分配，網(wǎng)站的營銷策劃等等。希望通過這里的拋磚引玉，吸引更多的網(wǎng)站項目管理者來參與討論，貢獻(xiàn)自己的經(jīng)驗和見解，使我們的行業(yè)更加成熟，更加規(guī)范。