網(wǎng)站項(xiàng)目管理手冊(cè)1

網(wǎng)站項(xiàng)1=1管理規(guī)范手冊(cè)一.概念

網(wǎng)站項(xiàng)目管理就是根據(jù)特定的規(guī)范、在預(yù)算范圍內(nèi)、按時(shí)完成的網(wǎng)站開發(fā)任務(wù)。

二.需求分析

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

我們接到客戶的業(yè)務(wù)咨詢，經(jīng)過(guò)雙方不斷的接洽和了解，并通過(guò)基本的可行性討

論夠，初步達(dá)成制作協(xié)議，這時(shí)就需要將項(xiàng)目立項(xiàng)。較好的做法是成立一個(gè)專門

的項(xiàng)目小組，小組成員包括：項(xiàng)目經(jīng)理，網(wǎng)頁(yè)設(shè)計(jì)，程序員，測(cè)試員，編輯/文

檔等必須人員。項(xiàng)目實(shí)行項(xiàng)目經(jīng)理制。

客戶的需求說(shuō)明書

第一步是需要客戶提供一個(gè)完整的需求說(shuō)明。很多客戶對(duì)自己的需求并不是很清

楚，需要您不斷引導(dǎo)和幫助分析。曾經(jīng)有一次，我問(wèn)客戶：“您做網(wǎng)站的目的是

什么？”他回答：“沒(méi)有目的，只是因?yàn)閯e人都有，我沒(méi)有！"。這樣的客戶就

需要耐心說(shuō)明，仔細(xì)分析，挖掘出他潛在的，真正的需求。配合客戶寫一份詳細(xì)

的，完整的需求說(shuō)明會(huì)花很多時(shí)間，但這樣做是值得的，而且一定要讓客戶滿意，

簽字認(rèn)可。把好這一關(guān)，可以杜絕很多因?yàn)樾枨蟛幻骰蚶斫馄钤斐傻氖д`和項(xiàng)

目失敗。糟糕的需求說(shuō)明天可能有高質(zhì)量的網(wǎng)站。那么需求說(shuō)明書要達(dá)到怎樣的

標(biāo)準(zhǔn)呢？簡(jiǎn)單說(shuō)，包含下面幾點(diǎn)：

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

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

3.必要性：功能足否必須交付，足否可以推遲實(shí)現(xiàn)，足否可以在削減開支情況發(fā)

生時(shí)〃砍〃掉；

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

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

三.系統(tǒng)分析

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

在拿到客戶的需求說(shuō)明后，并不是直接開始制作，而是需要對(duì)項(xiàng)目進(jìn)行總體設(shè)計(jì),

詳細(xì)設(shè)計(jì)，出一份網(wǎng)站建設(shè)方案給客戶?？傮w設(shè)計(jì)是非常關(guān)鍵的一步。它主要確

定：

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

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

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

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

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

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

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

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

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

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

網(wǎng)站建設(shè)方案

在總體設(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è)部分：

1.客戶情況分析；

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

3.網(wǎng)站形象說(shuō)明；

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

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

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

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

8.宣傳推廣方案；

9.維護(hù)方案；

10.制作費(fèi)用：

11.本公司簡(jiǎn)介：成功作品，技術(shù)，人才說(shuō)明等。

當(dāng)您的方案通過(guò)客戶的認(rèn)可，那么恭喜你！您可以開始動(dòng)手制作網(wǎng)站了。但還不

是真正意義上的制作，你需要進(jìn)行詳細(xì)設(shè)計(jì)：

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

總體設(shè)計(jì)階段以比較抽象概括的方式提出了解決問(wèn)題的辦法。詳細(xì)設(shè)計(jì)階段的任

務(wù)就是把解法具體化。詳細(xì)設(shè)計(jì)主要是針對(duì)程序開發(fā)部分來(lái)說(shuō)的。但這個(gè)階段的

不是真正編寫程序，而是設(shè)計(jì)出程序的詳細(xì)規(guī)格說(shuō)明。這種規(guī)格說(shuō)明的作用很類

似于其他工程領(lǐng)域中工程師經(jīng)常使用的工程藍(lán)圖，它們應(yīng)該包含必要的細(xì)節(jié)，例

如:程序界面，表單，需要的數(shù)據(jù)等。程序員可以根據(jù)它們寫出實(shí)際的程序代碼。

四.項(xiàng)目實(shí)施

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

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

體形象設(shè)計(jì)包括標(biāo)準(zhǔn)字，Log。，標(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)格，完成后，供客戶選擇。

記住：在客戶確定首頁(yè)風(fēng)格之后，請(qǐng)客戶簽字認(rèn)可。以后不得再對(duì)版面

風(fēng)格有大的變動(dòng)，否則視為第二次設(shè)計(jì)。

開發(fā)制作

到這里，程序員和網(wǎng)頁(yè)設(shè)計(jì)師同時(shí)進(jìn)入全力開發(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ì)師的工作。

調(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)越T'lV化.進(jìn)而使得網(wǎng)站開發(fā)趨向規(guī)范,趨向介理C

宣傳推廣

宣傳推廣的基本方法有：

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

2.各搜索引擎登錄：

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

4.合理使用Email郵件列表:

5.廣告條交換；

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

至此，網(wǎng)站項(xiàng)目建設(shè)完畢，將有關(guān)網(wǎng)址，使用操作說(shuō)明文檔等提交客戶驗(yàn)收。如

果需要維護(hù)，另行簽定維護(hù)項(xiàng)目。

維護(hù)

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

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

里解決問(wèn)題，再次回復(fù)；

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

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

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

五.遵循的規(guī)范

1.網(wǎng)站建設(shè)目錄規(guī)范

2.網(wǎng)站文件命名規(guī)范

3.網(wǎng)站建設(shè)尺寸規(guī)范

4.網(wǎng)站首頁(yè)head區(qū)代碼規(guī)范

5.網(wǎng)站連接結(jié)構(gòu)規(guī)范

網(wǎng)站項(xiàng)FI管理在今年會(huì)逐漸成型，要做到網(wǎng)站項(xiàng)目的順利開展，要建立在共識(shí)的

基礎(chǔ)上，共識(shí)要求大家對(duì)上游和下游的工作都有一定了解，至少應(yīng)該了解相關(guān)的

技術(shù)，知道可以實(shí)現(xiàn)到什么程度，在可行的情況下，進(jìn)行內(nèi)部的培訓(xùn)和外部的協(xié)

助是完全必要的。沒(méi)有良好的學(xué)習(xí)交流氛圍，很難做好網(wǎng)站項(xiàng)目。

在項(xiàng)目管理與公司的整體運(yùn)作上，我想談一談可能遇到的矛盾：

（1）希望大家都能不斷學(xué)習(xí)，接收新鮮知識(shí)是不太可能的。

（2）希望改變一個(gè)傳統(tǒng)行業(yè)的老總對(duì)互聯(lián)網(wǎng)有全新的認(rèn)識(shí)是不現(xiàn)實(shí)的；他們會(huì)

使用傳統(tǒng)行業(yè)的的方法來(lái)進(jìn)行公司的管理。

（3）一個(gè)新的架構(gòu)模型（它可以是公司人事組織上的，也可以是實(shí)際項(xiàng)目操作

流程上的），盡管是優(yōu)秀的，如果沒(méi)有成功的案例，想在所在公司推廣也是非常

難的。

（4）在項(xiàng)目立項(xiàng)過(guò)程中，反對(duì)意見一般會(huì)大于支持意見，沒(méi)有相互尊重，不同

專業(yè)不同地區(qū)不同工作經(jīng)驗(yàn)的人在一起，本質(zhì)上會(huì)議是很無(wú)聊的。

關(guān)于怎么解決，我想人際關(guān)系的氛圍是很重要了，在盡可能的程度上作一些努力，

去爭(zhēng)取改變吧。

下面回到項(xiàng)FI管理本身：

大中型項(xiàng)目的軟件統(tǒng)籌表：

在年初，我已經(jīng)做過(guò)網(wǎng)站總體項(xiàng)目管理的探索，并且使用MSPROJECT制作

的一個(gè)模板。大中型項(xiàng)目的統(tǒng)籌僅靠人力是難以達(dá)到要求的，必須借助于各種科

學(xué)的工具，在早期階段是靠計(jì)劃評(píng)審技術(shù)和關(guān)鍵路徑法來(lái)規(guī)劃項(xiàng)目運(yùn)作模型的，

這叱好的技術(shù)T作量非常巨大,大型項(xiàng)目往往要配備很多計(jì)劃技術(shù)人員MS

PROJECT的推出大大提高了這些技術(shù)的應(yīng)用難度。該軟件基本包括以下幾個(gè)方

面，并且能夠自動(dòng)調(diào)整資源、時(shí)間的合理分配。

甘特圖（任務(wù)橫道圖）

跟蹤甘特圖

任務(wù)分配狀況

印力

統(tǒng)籌圖

6.資源使用狀況

一方面，把它運(yùn)用于個(gè)型項(xiàng)目可能不僅提高不了效率反而降低了效率。大型

項(xiàng)目的每個(gè)過(guò)程都要求非常嚴(yán)格和科學(xué)，靈活性會(huì)降低一些，那么對(duì)計(jì)劃的要求

就會(huì)提高。

另一去面，PROJECT是立的管理模板，是可以從模板建立一個(gè)新文件，然后

進(jìn)行調(diào)整，對(duì)于不需要的任務(wù)步驟可以刪除。隨著對(duì)項(xiàng)目本身的理解的深入和對(duì)

軟件使用的熟練程度的提高，可以將更多的項(xiàng)目，甚至小項(xiàng)目也可以使用

PROJECT來(lái)進(jìn)行靈活的管理。

現(xiàn)在我需要補(bǔ)充的是，在大家的管理意識(shí)和手段還沒(méi)有達(dá)到相當(dāng)?shù)某潭?，?/p>

能使用PROJECT來(lái)實(shí)際操作并不容易，那么從科學(xué)的管理逐步落實(shí)的角度來(lái)看，

根據(jù)PROJECT的建設(shè)流程，衍生出一套WORD文檔，在實(shí)務(wù)性上有更快的效果、

更好的可操作性，那么我做了“項(xiàng)目策劃書”和“項(xiàng)目制作書”，給大家參考:

項(xiàng)目策劃書

項(xiàng)目編號(hào)：項(xiàng)目級(jí)別：

一、定義目標(biāo)：（100字以上，代表小組意見）

目標(biāo)：

二、可行性分析：（理想模型的建立）（300字以上）

（1）訪問(wèn)者定義

誰(shuí)將是該項(xiàng)目的訪問(wèn)者？

訪問(wèn)者的目的是什么？

訪問(wèn)者能獲到什么信息？進(jìn)行何種商務(wù)功能的處理？或者得到什么形式的獎(jiǎng)

勵(lì)？

信息商務(wù)處理獎(jiǎng)勵(lì)

綜述

（如有必要再進(jìn)行全方面的描述，請(qǐng)?zhí)顚懺谙旅妫?/p>

（2）創(chuàng)建情節(jié)

根據(jù)訪問(wèn)者定義，找巴能代表大多數(shù)訪問(wèn)者的人，舉例說(shuō)明用戶的真實(shí)網(wǎng)上

經(jīng)歷，如何完成一定的任務(wù)，就象講述一個(gè)網(wǎng)民上網(wǎng)的故事，可以盡量發(fā)揮想象

力去描述。

情節(jié)描述：

（3）競(jìng)爭(zhēng)性分析

瀏覽一至二個(gè)我們主要的競(jìng)爭(zhēng)對(duì)手的網(wǎng)站，嚴(yán)肅客觀地評(píng)價(jià)競(jìng)爭(zhēng)者，分析出

該項(xiàng)目在競(jìng)爭(zhēng)上的優(yōu)勢(shì)。

網(wǎng)站名

網(wǎng)址

功能描述

優(yōu)勢(shì)分析

三、項(xiàng)目?jī)?nèi)容和功能

（1）項(xiàng)目?jī)?nèi)容概述（項(xiàng)目具有哪些內(nèi)容？哪些功能？列出所需的內(nèi)容和功能的

清單。）

（2）項(xiàng)目?jī)?nèi)容分組和命名（將內(nèi)容進(jìn)行分組，也即分成若干個(gè)欄目，給每欄起

一個(gè)名字，中文英文各取一個(gè)，中文的用做導(dǎo)航，英文的作為網(wǎng)站文件目錄的名

字。）

（3）功能需求（列出項(xiàng)目中用戶功能性的內(nèi)容）

四、項(xiàng)目結(jié)構(gòu)

（1）結(jié)構(gòu)列表

建立一個(gè)基于文本形式的項(xiàng)目層次結(jié)構(gòu)圖，結(jié)構(gòu)如下:

sectionl

sectionl.1

sectionl.1.1

sectionl.2

section2

（2）建立結(jié)構(gòu)藍(lán)圖，定義全局和局部導(dǎo)航。

結(jié)構(gòu)藍(lán)圖是網(wǎng)站結(jié)構(gòu)的可視化表示，顯示網(wǎng)站中的元素如何分組和聯(lián)系的圖

表，不同的內(nèi)容（靜態(tài)或是動(dòng)態(tài)的）和功能使用不同的幾何形狀進(jìn)行表示，整個(gè)

結(jié)構(gòu)呈現(xiàn)倒樹狀，內(nèi)容要素使用方框，功能要素使用三角形。

當(dāng)完整的策劃完成，項(xiàng)目制作可以比較輕松，越是急促和或者說(shuō)不成熟的策

劃都將給制作帶來(lái)很大的麻煩，就會(huì)矛盾重重而造成開效率低下。這里我制作一

個(gè)比較簡(jiǎn)單的項(xiàng)FI制作書°

項(xiàng)目制作書

主線程分線程時(shí)間（天）所在分線程時(shí)間比所在總線程時(shí)間比

發(fā)設(shè)計(jì)階段參考

設(shè)計(jì)框架

設(shè)計(jì)裝飾圖片

完成設(shè)計(jì)整合

制作階段設(shè)計(jì)CSS

制作框架html

加入JS

作代碼優(yōu)化

設(shè)計(jì)制作

整合與策劃人員溝通

在后臺(tái)代碼加入后，根據(jù)項(xiàng)目小組意見進(jìn)行整合

后

臺(tái)

開

發(fā)后臺(tái)開發(fā)審閱功能規(guī)范

確定模塊化/分層設(shè)計(jì)參數(shù)

開發(fā)人員分派任務(wù)

編寫代碼

開發(fā)人員測(cè)試（初步調(diào)試）

上傳功能模塊

說(shuō)明：

（1）參考“項(xiàng)目策劃書”中“競(jìng)爭(zhēng)性分析”是提到的網(wǎng)站，可以自己參考國(guó)外

的網(wǎng)站。

（2）設(shè)計(jì)框架可以劃分出各個(gè)欄目所在的比重，區(qū)域范圍。

（3）設(shè)計(jì)CSS過(guò)程中，顯然會(huì)有一個(gè)已經(jīng)設(shè)計(jì)好的網(wǎng)站總體的CSS,在單個(gè)頁(yè)

面，有時(shí)還是需要更有新的定義，CSS的設(shè)計(jì)是非常重要的，我們使用它并非僅

僅控制大小，而是段落應(yīng)用或是更多的特效。

（4）用很多網(wǎng)頁(yè)設(shè)計(jì)軟件，已經(jīng)可以生成比較簡(jiǎn)潔的代碼，這里的代碼優(yōu)化，

除了辦求代碼其簡(jiǎn)潔之外，還有要使整體代碼符合公司制定的“HTML和CSS的

總體規(guī)范”。

：5）前后5在策劃部門完成策劃的時(shí)候已經(jīng)開始各自的工作，前臺(tái)開始頁(yè)面設(shè)

計(jì)，后臺(tái)開始模塊開發(fā)，當(dāng)前臺(tái)頁(yè)面完成，后臺(tái)即可將代碼引入其中。完成頁(yè)面，

那么最后的一件事就是前后臺(tái)與策劃部門的共同認(rèn)可。

（6）在“時(shí)間”一欄，你可以給整個(gè)分線程打一個(gè)時(shí)間，并不需要給每個(gè)分線

程中的部分給出非常明確的時(shí)間，為什么呢？因?yàn)閰f(xié)調(diào)的工作一直都貫徹整個(gè)項(xiàng)

目進(jìn)程，在協(xié)調(diào)不得力的時(shí)候沒(méi)有辦法保證時(shí)效性。

（7）在項(xiàng)目制作書，有必要讓所具體操作的人在上面簽字作認(rèn)可。

（8）項(xiàng)目完成的效果評(píng)估分析，主要通過(guò)技術(shù)手段（WEBTRANS分析流量等方法）

進(jìn)行，不在策劃和制作范圍，這里不詳談。

附：

傳統(tǒng)行業(yè)中可以實(shí)施的管理圖表：

（1）以任務(wù)為導(dǎo)向的統(tǒng)籌表（適用于活動(dòng)型、任務(wù)獨(dú)立的項(xiàng)目）：

日程任務(wù)責(zé)任人（聯(lián)系方式）目標(biāo)結(jié)果備注

7.26以前完成統(tǒng)籌表風(fēng)子（2172337）完成定稿0K

項(xiàng)目申請(qǐng)流程風(fēng)子（2172337）修改定稿0K

7.29以前人員績(jī)效考核表一秒（2172337）完善定稿

（2）以時(shí)間為導(dǎo)向的統(tǒng)籌表（適用于小型項(xiàng)目）：

任務(wù)及責(zé)任人目標(biāo)及結(jié)果

完成統(tǒng)籌表（風(fēng)子2172337）完成定稿0K

項(xiàng)目申請(qǐng)流程（風(fēng)子）修改定稿0K

7.26前

人員績(jī)效考核表（一秒）

項(xiàng)目總結(jié)報(bào)告模板（一秒）

7.29以前

（3）以人員為導(dǎo)向的統(tǒng)籌表（適用于中型項(xiàng)目）：

任務(wù)及目標(biāo)人員配備結(jié)果及備注

龍騰（2172337）7.26以前完成

統(tǒng)籌表完成定稿風(fēng)子（TEL）0K

項(xiàng)目申請(qǐng)流程修改定稿風(fēng)子（TEL）0K

龍騰（2172337）7.29以前完成

人員績(jī)效考核表一秒（TEL）

項(xiàng)目總結(jié)報(bào)告模板一秒（TEL）

這種中小型項(xiàng)目的統(tǒng)籌圖以手工繪制圖表在保證效果的同時(shí)更容易操

作，能夠適應(yīng)策略或其他方面的變動(dòng)，顯得更為靈活。主要體現(xiàn)在項(xiàng)目開始時(shí)要

確定該項(xiàng)目的偏重，比如項(xiàng)目偏重時(shí)間，那么就選用以時(shí)間為導(dǎo)向統(tǒng)籌圖，只要

保證7.29能夠完成任務(wù)目標(biāo)，期間的資源調(diào)配和人員安排可以不必強(qiáng)加要求。

對(duì)于活動(dòng)型項(xiàng)目，任務(wù)獨(dú)立性較強(qiáng)，所以是任務(wù)為導(dǎo)向，即每個(gè)任務(wù)在規(guī)定的時(shí)

間內(nèi)能

補(bǔ)充日期：2001-11-2415:49:20

以上是別的工作室項(xiàng)目實(shí)施時(shí)的運(yùn)作流程，大家可以看看，制定工作室流程時(shí)可

以借鑒并引為我用：）

補(bǔ)充日期:2001-11-2415:52:17

補(bǔ)充一、

網(wǎng)站設(shè)計(jì)流程

<1>、收集網(wǎng)站前期資料以及所需文檔

網(wǎng)站策劃人員先期分析網(wǎng)站的目的，并分析出網(wǎng)站的功能情況、定位以及初步欄

目的規(guī)劃描述。然后根據(jù)策劃方案去收集相關(guān)資料

1小組討論開會(huì)——