網站設計工程的規范與管理

　 隨著互聯網的發展，網站制作作為一個行業已經悄悄的興起，越來越多的網站制作任務需要網頁制作公司完成，越來越多的問題出現在網站制作的過程中。例如：不能按期完成制作，不能使客戶滿意，費用超出預算等等。仔細分析原因，發現大部分失敗的原因有以下幾點： 

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

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

　　 c.忽視監督項目進度； 

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

　　 e.沒有使用專業的項目管理軟件，靠主觀決策。 

　　 問題發現了，有沒有一個好的解決辦法可以減少失誤，控制和管理網站制作呢？ 

　　 網站開發制作是一個很復雜的工作，可以將它看做一個項目來管理。作者參考了國際國內有關項目管理的資料，發現軟件工程的管理方法和規范與網站建設項目最接近，因此我們在仔細研究軟件工程后，針對網站建設的特點和重點，整理出一套網站建設管理和控制的方法，定名為網站工程(WebSite Project簡稱WP )。 

　　 網站工程 

　　 什么是網站工程，簡單的說就是網站項目的管理和控制方法；是一種特殊的，標準的操作程序。建立網站工程的目的在于保證網站建設的高效率，高質量，低風險。 

　　 網站工程標準的實行，不但使客戶得益，更使得網站制作行業趨向規范化，它將對行業相關的每個人都有益，包括項目經理，網頁設計師，程序員和編輯。 

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

　　 1.1.項目立項 

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

　　 1.2.客戶的需求說明書 

　　 第一步是需要客戶提供一個完整的需求說明。很多客戶對自己的需求并不是很清楚，需要您不斷引導和幫助分析。曾經有一次，我問客戶：“您做網站的目的是什么？”他回答：“沒有目的，只是因為別人都有，我沒有！”。這樣的客戶就需要耐心說明，仔細分析，挖掘出他潛在的，真正的需求。 

　　 配合客戶寫一份詳細的，完整的需求說明會花很多時間，但這樣做是值得的，而且一定要讓客戶滿意，簽字認可。把好這一關，可以杜絕很多因為需求不明或理解偏差造成的失誤和項目失敗。糟糕的需求說明不可能有高質量的網站。那么需求說明書要達到怎樣的標準呢？簡單說，包含下面幾點： 

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

　　 b.可行性：確保在當前的開發能力和系統環境下可以實現每個需求； 

　　 c.必要性：功能是否必須交付，是否可以推遲實現，是否可以在削減開支情況發生時”砍”掉； 

　　 d.簡明性：不要使用專業的網絡術語； 

　　 e.檢測性：如果開發完畢，客戶可以根據需求檢測。


　　 2.網站總體設計 

　　 在拿到客戶的需求說明后，并不是直接開始制作，而是需要對項目進行總體設計，詳細設計，出一份網站建設方案給客戶。總體設計是非常關鍵的一步。它主要確定： 

　　 a.網站需要實現哪些功能； 

　　 b.網站開發使用什么軟件，在什么樣的硬件環境； 

　　 c.需要多少人，多少時間； 

　　 d.需要遵循的規則和標準有哪些。 

　　 同時需要寫一份總體規劃說明書，包括： 

　　 a.網站的欄目和版塊； 

　　 b.網站的功能和相應的程序； 

　　 c.網站的鏈接結構； 

　　 d.如果有數據庫，進行數據庫的概念設計； 

　　 e.網站的交互性和用戶友好設計。 

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

　　 a.客戶情況分析； 

　　 b.網站需要實現的目的和目標； 

　　 c.網站形象說明； 

　　 d.網站的欄目版塊和結構； 

　　 e.網站內容的安排，相互鏈接關系； 

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

　　 g.開發時間進度表； 

　　 h.宣傳推廣方案； 

　　 i.維護方案； 

　　 j.制作費用； 

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

　　 當您的方案通過客戶的認可，那么恭喜你！您可以開始動手制作網站了。但還不是真正意義上的制作，你需要進行詳細設計。 


　　 附：國外網站的定價方法 

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

　　 首先是根據員工工資，各項費用，利潤率來計算每小時工作成本，即：總價 = 工資 + 費用 + 利潤 

　　 舉例說明： 

　　 假設公司的月支付工資為5000元，費用為5000元，希望的利潤率為20%,一月工作時間為22*8=176小時，根據調查，一般網頁制作公司有20-40%時間為非工作時間。實際工作的時間為 

　　 176*(1-25%)=132 

　　 所以，每工作小時成本是： 

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

　　 當你了解了每小時工作成本，開價格就心里有數了。國外常見報價方法分三種：套餐法，時間法，項目評估法。 

　　 套餐法：也稱頁面法，指定明確的頁面數，圖像數，鏈接數，功能等。這個辦法最通用，但不是一個好辦法，因為按照頁面計價，解釋很含糊 ：（ 

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

　　 項目評估法：將整個項目拆成一個一個小工作，評估工作的技能難度，計算完成時間，再根據每小時成本計價。 

相關文章：淺論網站工程的管理與規范(下) 

　　 網站詳細設計 

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

　　 1.整體形象設計 

　　 在程序員進行詳細設計的同時，網頁設計師開始設計網站的整體形象和首頁。 

　　 整體形象設計包括標準字，Logo，標準色彩，廣告語等。 首頁設計包括版面，色彩，圖像，動態效果，圖標等風格設計，也包括banner，菜單，標題，版權等模塊設計。首頁一般設計1-3個不同風格，完成后，供客戶選擇。 

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

　　 記住：在客戶確定首頁風格之后，請客戶簽字認可。以后不得再對版面風格有大的變動，否則視為第二次設計。 

　　 2.開發制作 

　　 到這里，程序員和網頁設計師同時進入全力開發階段，需要提醒的是，測試人員需要隨時測試網頁與程序，發現Bug立刻記錄并反饋修改。不要等到完全制作完畢再測試，這樣會浪費大量的時間和精力。項目經理需要經常了解項目進度，協調和溝通程序員與網頁設計師的工作。 

　　 3.調試完善 

　　 在網站初步完成后，上傳到服務器，對網站進行全范圍的測試。包括速度，兼容性，交互性，鏈接正確性，程序健壯性，超流量測試等，發現問題及時解決并記錄下來。 

　　 為什么要記錄文檔呢？其實本軟件工程本身就是一個文檔，是一個不斷充實和完善的標準。通過不斷的發現問題，解決問題，修改，補充文檔，使這個標準越來越規范，越來越工業化。進而使得網站開發趨向規范，趨向合理。 


　　 4.宣傳推廣 

　　 宣傳推廣的基本方法有： 

　　 a.網頁里設置適當的META標簽； 

　　 b.各搜索引擎登錄； 

　　 c.準備新聞稿件在各新聞公告板發表； 

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

　　 e.廣告條交換； 

　　 f.付費廣告。 

　　 至此，網站項目建設完畢，將有關網址，使用操作說明文檔等提交客戶驗收。如果需要維護，另行簽定維護項目。 

　　 (附)維護 

　　 網站成功推出后，長期的維護工作才剛剛開始，我們需要做到的是: 

　　 a.及時響應客戶反饋；例如可以采取Email自動回復功能，然后在1-3個工作日里解決問題，再次回復； 

　　 b.網站流量統計分析和相應對策； 

　　 c.盡量推廣和使用您的網址； 

　　 d.網站內容的及時更新和維護。 

　　 1.網站目錄規范 

　　 目錄建立的原則：以最少的層次提供最清晰簡便的訪問結構。 

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

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

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

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

　　 e.所有的js文件存放在根目錄下統一目錄script； 

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

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

　　 2.文件命名規范 

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

　　 a.索引文件統一使用index.html文件名(小寫)。index.html文件統一作為”橋頁”，不制作具體內容，僅僅作為跳轉頁和meta標簽頁。主內容頁為main.htm； 

　　 b.菜單圖片名稱按菜單名的英語翻譯為名稱。例如： 

　　 關于我們 aboutus 

　　 信息反饋 feedback 

　　 產 品 product 

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

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

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

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

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

　　 3.鏈接結構規范 

　　 鏈接結構的原則：用最少的鏈接，使得瀏覽最有效率。 

　　 首頁和一級頁面之間用星狀鏈接結構，一級和二級頁面之間用樹狀鏈接結構。超過三級頁面，在頁面頂部設置導航條。 

　　 4.尺寸規范 

　　 a.頁面標準按800*600分辨率制作，實際尺寸為778*434px 

　　 b.每個標準頁面為A4幅面大小，即8.5X11英寸 

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

　　 head區是指首頁HTML代碼的< head>和< /head>之間的內容。 

　　 必須加入的標簽: 

　　 a.公司版權注釋 

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

　　 b.網頁顯示字符集 

　　 簡體中文：< 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.網頁制作者信息 

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

　　 d.網站簡介 

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

　　 e.搜索關鍵字 

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

　　 f.網頁的css規范 

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

　　 g.網頁標題 

　　 < title>xxxxxxxxxxxxxxxxxx< /title> 

　　 寫在最后 

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