網站項目管理規範指南

1. 概述

　　關於本指南的目的，大綱描述。
1.1 什麼是網站項目管理規範指南

　　《網站項目管理規範指南》讀做“網站-項目管理-規範-指南”，顧名思義就是針對網站項目管理，提供規範管理的建議和指導。

之所以稱作“指南”，是因爲我們的規範不是標準，標準是由國家制定的。我們只是將我們認爲最好的管理辦法推薦給您，供您參考。

我們希望您本指南能夠帶給您切實的工作上的幫助！

1.2 編寫目的

我們編寫網站項目管理規範指南的目的是：探索建立網站項目管理規範的知識體系，推動提高國內網站項目管理的意識和水平。

一方面，隨着國內互聯網的發展，網站項目越來越多。但網站項目的管理卻沒有成熟的規範和標準，大部分項目靠人爲主觀控制，出現了多多少少的問題，比如：不能按期完工，質量不滿意，費用超出預算等等。

另一方面，在項目管理思想上，國內還處在一個剛起步的階段，很多公司都處於封閉狀態，自己制定獨立規範和開發自用軟件，進步緩慢；而國外則已經發展有開放的，系統的管理理論和先進的管理工具。這方面的差距是我們現在同國外的主要差距。

正是出於對以上兩方面情況的擔憂和思考，促使我們決定編寫這本《網站項目管理規範指南》。我們希望在這方面做一些有益的嘗試，雖然我們目前的力量非常薄弱，但是“與其坐等觀望，不如立刻行動”，相信會有越來越多的有識之士支持我們，加入我們！

我們熱切的期望有關組織和媒體能夠關心我們，幫助我們，一起來推動中國的網站項目管理水平的提高！

1.3 內容簡介

　　《網站項目管理規範指南》共五大部分，分別是：

一. 前言

二. 概述

三. 網站項目生命週期

四. 網站項目團隊管理

五. 附錄

其中前言介紹指南的編寫和發展情況；概述是關於本指南的目的，大綱描述；
    第三部分“網站項目生命週期”是本指南的重點章節。按照一個網站項目的流程，仔細講解每個部分的管理方法和規範。包括：

項目規劃
項目實施
項目測試
項目完工
項目跟蹤
項目總結
第四部分簡要講述項目團隊的管理知識。在本版本這一章節內容還不夠豐富，有待我們繼續完善。
    第五部分是附錄。但卻是本指南中最有實用價值的章節，在這裏你可以獲得大量的推薦規範和文檔模板。我們還計劃提供更多的實例和圖片。

好，內容大體上是這樣的，歡迎繼續瀏覽。
1.4 適用對象

　　本手冊對涉及網站項目的所有人都可能產生幫助，這些人包括：

網站項目經理

項目經理的管理層

客戶和產品經理

項目小組成員，包括程序員和設計師

傳授網站項目管理知識的老師

項目管理領域的顧問和專家

　1.5 如何使用

　　如何使用《網站項目管理規範指南》？你可以用於這些方面：

根據指南管理網站項目

參照指南的規範，指定適合本公司的規範

參照指南的文檔，建立規範的公司文檔

作爲幫助學習項目管理知識的工具書

作爲網站項目經理的培訓學習手冊

最後，我們需要聲明一點：本指南可以作爲網站項目管理參考資料，但它不可能是完美無缺和無所不包的。

網站項目管理作爲一門極具價值的新興學科，目前國內資料極其缺乏。我們歡迎廣大網站項目管理愛好者一起來參與我們的指南建設
2. 網站項目生命週期

網站項目生命週期是參照項目管理的國際標準和軟件項目生命週期，結合網站項目實際工作制定的。我們將一個網站項目依次分爲六個階段：項目規劃，項目實施，項目測試，項目完工，項目跟蹤，項目總結。

下面是整體的提綱，我們將在本章詳細講解各部分細節管理規範。

項目規劃

項目定義

需求分析
項目評估

可行性分析
系統分析
項目方案

報價
方案書(標書)
項目分析

詳細分析
項目說明書(內部)  
項目資源

項目小組
項目材料
項目控制計劃

項目進度
項目預算
質量標準
風險計劃
客戶溝通
項目實施

形象設計

開發製作

文檔管理

項目控制

項目測試

項目測試

項目完工

項目發佈

項目完工

項目跟蹤

宣傳推廣

站點維護

項目總結

項目報告

表揚和獎勵

2.1項目規劃
2.1.1項目定義
2.1.1.1 需求分析

與客戶會面，請客戶填寫項目調查表，確定項目的明確需求。
2.1.2項目評估
2.1.2.1 可行性分析

　　主要目的是確定項目是否可以做，做得話是否可以贏利。

根據客戶需要的web網站，與團隊中的各級人員磋商，確定完成網站的時間長短

決定採用的報價方式

確定是否有競爭對手參與競爭

判斷客戶的信譽，是否有支付能力

決定收費方式

2.1.2.2 系統分析

　　確定網站的主要功能，硬件軟件系統環境，目的是幫助制定報價表和方案書。
2.1.3項目方案
2.1.3.1 報價

　　一套合理靈活的報價體系。報價單作爲方案書的附件起極其重要的作用。
2.1.3.2 方案書

　　又稱標書。提交給客戶審閱，通過後，可以簽定合同。方案書應該包括：

對該項目的理解和將製作的網站特色

網站的主要功能和版塊

技術解決方案

合約類型以及支付辦法
2.1.4項目分析
2.1.4.1 詳細分析

　　對網站功能進行詳細設計和分析，
2.1.4.2 項目說明書

　　項目說明書是項目實施前的規劃說明文檔，供內部使用。內容包括：

具體的功能需求

完成期限

項目進度安排

職責和工作分配
2.1.5項目資源
2.1.5.1 項目小組

　　選擇適當人選和比例組建項目小組。
2.1.5.1 項目材料

　　主要是確認收到客戶的全部相關資料。
2.1.6項目控制
2.1.6.1 項目進度計劃

　　詳細安排項目進度計劃
2.1.6.2 項目預算

　　創建項目預算

2.1.6.3 質量標準

　　確定需要實現的質量標準，以便在項目完工時檢測通過。這些標準包括：

命名規範

目錄結構規範

尺寸規範

首頁代碼規範

形象設計規範

內容編輯規範

新技術使用規範

導航規範

數據庫使用規範

鏈接規範

請參見附錄的推薦規範
2.1.6.4 風險計劃

　　簡單的說就是設計一份糟糕情況應急辦法清單。格式類似如果出現XX情況，應該XXX辦。
2.1.6.5 溝通方案

　　決定團隊成員之間，團隊與客戶之間最好的交流方式。決定取得客戶認可的溝通方法
2.2項目實施
2.2.1 形象設計

　　首先設計首頁的整體形象，經客戶的簽字認可後開始進入全面製作階段
2.2.2 開發製作
2.2.3 文檔管理

　　及時編寫項目的使用說明文檔
2.3項目測試
2.3.1 項目測試

　　測試項目，發現錯誤並修正。
2.4項目完工
2.4.1 項目發佈

　　上傳到服務器
2.4.2 項目完工

　　客戶驗收，結款。
2.5項目跟蹤
2.5.1 宣傳推廣

　　網站建立以後，就需要仔細規劃所需要採用的宣傳方法。在規劃宣傳計劃前，你必須清楚：

網站的拜訪者是誰，他們的年齡，收入狀況，生活的點以及性別等

各種宣傳媒介和媒體工具的的優缺點。常用的媒介和媒體工具有

媒介
媒體工具

廣告 電視，廣播，報紙，雜誌，戶外廣告商業信息片
直接市場 郵件直銷，電話推銷
公共關係 信息發佈，展覽會，其他事件
Web交互 Web站點，搜索引擎，條幅廣告，定向電子郵件列表

不同的媒介和工具，所花費的成本，取得的效果也不同。

常用的推廣網址的辦法

將網站網址印刷在商業名片上，信件的標頭上
將網站網址加入公司的報紙電視或其他商業廣告中
向已有的顧客發送郵件，宣傳新建立的網站
在相關地區或行業的報刊雜誌上發佈新聞
在各種展示會中標明新的網址
由於網絡的特殊性，傳統的廣告行業的觀念哲學可能並不完全適用。我們應該根據網絡的特點和優勢，採用更符合人性的宣傳手段，提高網站訪問量。目前常用的方法有：

搜索引擎。網站建立後，因該立刻將網站網址登記註冊到各主要的搜索引擎。如：英文的有Yahoo，AltaVisa，Lycos，Excite，Infoseek等，中文的有Yahoo，Sina，sohu，Goyoyo，Netease等。註冊過程相當簡單，而且是免費的。注意：在主頁的<meta>標籤中加入適當的關鍵詞，將直接影響註冊效果。
電子郵件列表。就是向註冊用戶發送電子郵件，宣傳新的網站，通報新聞。但是注意不要發送垃圾郵件。電子郵件的發送技巧，我們將在下面章節專題介紹。
條幅廣告。就是常見的486*60的在線廣告條。條幅廣告的費用是以CPM（每千次印象單位）進行計算的。
友情鏈接。與相關或有業務往來的站點交換超級鏈接，是一個十分有效的途徑。
2.5.1.1 電子郵件宣傳

　　電子郵件是一種公認的高效廉價的網上宣傳營銷手段，但是“垃圾郵件”也是被人們深惡痛絕的。如果你想發揮電子郵件列表的效能，下面是一些實踐中總結出來的技巧：

不要使用OUTLOOK EXPRESS 5.0等非專業羣發郵件軟件發送廣告郵件，因爲這樣收信人會看到其他人的郵件地址，輕易將自己的客戶和朋友的郵件地址告訴他人對自己不利，因爲現在在網上專門收集郵件地址的人很多，被暴露的郵件地址可能會因此不斷的收到很多垃圾郵件，帶來無盡的煩惱。建議尋找專業公司幫助，建立郵件列表，使用專業郵件發送軟件，如：Aureate Group mail等。

郵件的內容不要太長，推薦使用txt格式。不要帶附件和過多的圖片。如果您採用HTML格式，使你的電子郵件在客戶的電腦上顯得很獨特，很新穎。最好請專業的人員設計，因爲在你的電腦中看到的外表華麗的電子郵件在收信人的電腦裏可能顯示的是雜亂無章的文字和圖片。因爲每一個電腦的操作系統和使用的郵件軟件都不完全一樣。

電子郵件應力求內容簡潔，用最簡單的內容表達出你的訴求點，如果必要，可以給出一個關於詳細內容的鏈接（ URL ），收件人如果有興趣，會主動點擊你鏈接的內容，否則，內容再多也沒有價值，只能引起收件人的反感。一般來說， 郵件大小爲10-12K較合理 。

郵件的主題要明確，電子郵件的主題是收件人最早可以看到的信息，郵件內容是否能引人注意，主題起到相當重要的作用。郵件主題應言簡意賅，以便收件人決定是否繼續閱讀郵件內容 。一般主題的構成爲郵件中最有吸引力的三篇文章標題。

發送郵件的頻率不要過於頻繁，同樣的內容不要重複發送。可以想象當有一個推銷員喋喋不休的對你說：“買我們的產品吧！看看我們的廣告吧！”即使你很需要這種產品，由於推銷人員的態度會使你產生強烈的牴觸心理。推薦每週一次。  

郵件開始爲招呼語，站點名稱與連接；最後有答疑信箱地址，退定地址。稱呼儘量個性化，比如“張三，你好！”。

郵件的背景色要爲白色，如果其他顏色的背景，會被濾掉。

郵件裏不要用js寫動態的效果。大部分免費郵箱，會濾掉js，或是顯示一堆源代碼。

附件圖片儘量使用gif圖片格式。 因爲sohu等一些免費郵件，會自動濾掉jpeg格式的圖片。

每收到一個退訂的信，一定要即時處理。
2.5.2 站點維護

　　另外簽定維護合同。
2.6項目總結
2.6.1 項目報告

　　對項目進行總結，存在哪些不足，解決辦法
2.6.2 表揚和獎勵

　　不要忘記鼓勵團隊！
3. 網站項目團隊管理

　　簡要講述項目團隊的管理知識。在本版本這一章節內容還不夠豐富，有待我們繼續完善。
3.1 項目團隊定義
3.2 團隊組成

　　項目團隊組成人員的多少和比例要根據實際項目來決定。一般項目團隊控制在5-7人。組建項目團隊時首先需要定崗，就是確定項目需要完成什麼目標，完成這些目標需要哪些職能崗位，然後選擇合適人員組成。

網站項目開發可能涉及到的職能崗位有很多，我們將在後面章節詳細介紹。這裏先提供一個普通網站項目常見職能和人員需要。

管理職能

項目管理：一人，主要負責項目協調和管理。協調主要是與客戶聯繫與公司其它部門協同工作。另外負責項目組的管理。要求有較強的管理能力和良好的溝通能力。業務上越全面越好。

建立並維護網站項目站點：一人。項目管理有關工作。輔助項目經理工作。

文檔資料管理、備份：一人。

系統分析和總體設計

系統分析：主要是項目中前臺與後臺應用系統的需求分析和系統設計。一人。

網站總體設計：三人。網站定位、用戶需求分析基礎對網站的設計。一般涉五個方面：結構、內容、功能、導航和形象。功能中包括維護管理的功能。

內容編輯和形象系統

網站內容編輯：一人。內容編輯的主要任務是在總體設計中的內容確定之後，對網站各個部分的內容進行設計、組織（與客戶方協同）。在商業網站中要注意與企業文檔管理規範一致，並且注意版權問題。

網站形象設計：兩人。由於是一個商業網站，規模爲中型，因此需要對整體網站的形象系統進行設計。網站形象系統（WI）是類似於企業視覺形象系統（VI）的系統。需要與企業本身的VI保持一致。對這種規模的網站，其中一人爲主創設計師（具有獨立創意並完成完整項目的形象系統）。

網站形象設計文檔（WI文案）：一人。提供符合規範的文案，方便網站的維護、管理和今後的改動在形象系統方面的一致性。一般是主創設計擔任。

網站形象設計製作檔案：一人。一般是形象設計中的製作人員承擔。

用戶使用手冊編寫：一人。包括管理員使用手冊、維護和管理手冊。

製作與安裝

頁面製作：一人。儘管是比較大的網站，但由於採用的是後臺軟件進行控制前臺界面頁面的動態生成，因此主要的工作是模板的製作。

頁面製作文檔：一人。

網站上傳：一人。

程序安裝調試：一人。

測試

網站結構和頁面測試：一人。

內容測試：一人。

功能測試：一人。

導航測試：一人。

兼容性測試：一人。

專門測試：一人。（根據網站本身的特殊要求在設計時所要求的測試。）

另外還有公司組織第三方測試（由非項目組人員進行）和用戶測試。

注意：以上只是確定崗位職能，實際工作中，往往是一人身兼數職，根據個人能力特長合理調配。
3.2.1 職能崗位

　　因爲隨着Web的商業化程度的不斷提高，使工作角色日益細分，形成了一個掌握不同技能、各司其職的工作羣體。下面是網站開發可能需要的職能崗位以及職位的規範稱呼。

項目經理——Project Manager
項目的管理和協調，合理分配和使用資源，保證項目按計劃順利進行。

　

內容編輯——Contene Editor
由於Web的一個重要的特徵是媒體特徵，“Content Is King”（內容爲王）。因此，通過網站將信息更爲有效地傳達給最終的顧客，就是網站編輯的角色的主要職責。這一角色從傳統媒體中可以十分清晰的演變過來，如報社的記者、編輯、撰稿人、電視臺的編導等。網站的這一角色首先要具備熟練的寫作能力，並且對網站要傳達的內容以及客戶的心理都要有充分的理解與把握。

　

網站結構規劃——Architectural Designer
如何將信息內容通過合理的編排，使用戶可以方便地找到需要的信息，並且設計用戶訪問的工作流程，與軟件工程相比，這一角色與系統分析員的有些類似


　

主頁製作——Implementation
內容與結構都已經確定，需要由專業的主頁製作人員使用專業的製作工(Frontpage,Homsite, Dreaweaver 等）進行主頁、表格等內容的製作。


　

美術設計——Visual Designer
主要負責標誌、按紐設計、圖片的創意與設計，色彩的搭配以及菜單、表格等的合理應用。同時還要負責網絡站點有關多媒體動畫或者FLASH的應用功能的實現。一個優秀的網絡美術設計師必須熟練掌握Adobe photoshop或Corel Draw等製作工具，這一角色將與主頁製作人員共同完成主頁的創建與維護更新工作。


　

網絡營銷——Web Marketer
負責制定網絡站點的宣傳計劃並實施，同時利用網絡建立公共關係，樹立網站的品牌形象，同時要對客戶的訪問進行分析以及相應的客戶反饋，提高網站的客戶滿意度。如果站點有廣告業務，他也將負責站點的網絡廣告業務聯繫、實施與監測的工作。


　

網絡商業策劃——Web Business Planer
負責有關網絡相關商業項目的研究、諮詢、策劃的工作，協助商業機構藉助網絡的優勢降低成本，形成規模經濟，獲得良好的商譽與商業上成功。


　

軟件程序開發——Software Development
這裏的軟件開發工程師主要是指負責與Web相關的基於網絡數據庫系統與應用軟件開發的工程，他們一般使用CGI,Perl,Java,ASP等進行程序開發。


　

系統管理——System Administrator
也許許多人一直認爲作爲Webmaster，最重要的角色莫過於是系統管理了，也正因爲如此一些人也僅僅認爲Webmaster就是一個網站的系統管理員。也就是大家經常稱之爲“網管”的。 他們的工作通常是負責服務器端的技術問題的解決，負責在不同服務器的操作系統（UNIX，NT，LINUX）的管理以及WEB、DNS、MAIL、LIST、FTP、SERVER的維護與管理，同時也要負責網絡環境的拓撲設計以及網絡安全保障。


　

網絡工程技術——Network Technical Engineering
這一角色主要負責廣域網絡以及局域網絡的組建與維護，他們熟悉網絡技術如TCP/IP協議，安全協議，路由與交換技術，對網絡的設備進行維護與管理。


　

質量測試——Quality Test
對開發產品進行測試，發現其中的技術問題和錯誤，及時的向項目小組報告情況，並督使相關的人員及時解決被發現的問題。


　

法律顧問——Counselor
項目規範化和法律有效化的有力保證。


　

文檔管理——Document management
對項目過程所有文檔進行編輯和管理。

　3.2.1 項目經理

　　項目經理的主要任務是幫助項目團隊確定它的任務，制定規範和明確的目標。

項目經理的工作不是獨裁專橫地命令和監督，而是知道，培訓和鼓勵團隊成員，尊重每一個人，認爲他們都是各自領域的專家，合理安排小組成員，使人人都能夠儘可能地獨立工作，幫助團隊開發項目，按期完成目標。

3.3 管理方法

4. 附錄

　　本指南中最有實用價值的章節，在這裏你可以獲得大量的推薦規範和文檔模板。我們還計劃提供更多的實例和圖片。

4.1推薦技術規範
4.1.1 命名規範

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

一般文件及目錄命名規範：

每一個目錄中應該包含一個缺省的html 文件，文件名統一用index.htm

文件名稱統一用小寫的英文字母、數字和下劃線的組合

儘量按單詞的英語翻譯爲名稱。例如：feedback(信息反饋)，aboutus(關於我們)

多個同類型文件使用英文字母加數字命名，字母和數字之間用_分隔。例如：news_01.htm。注意，數字位數與文件個數成正比，不夠的用0補齊。例如共有200條新聞，其中第18條命名爲news_018.htm

圖片的命名規範 ：

名稱分爲頭尾兩兩部分，用下劃線隔開。  

頭部分表示此圖片的大類性質。例如： 放置在頁面頂部的廣告、裝飾圖案等長方形的圖片我們取名：banner ；標誌性的圖片我們取名爲：logo ；在頁面上位置不固定並且帶有鏈接的小圖片我們取名爲button ；在頁面上某一個位置連續出現，性質相同的鏈接欄目的圖片我們取名：menu ；裝飾用的照片我們取名：pic ；不帶鏈接表示標題的圖片我們取名：title 依照此原則類推。  

尾部分用來表示圖片的具體含義，用英文字母表示。例如：banner_sohu.gif banner_sina.gif menu_aboutus.gif menu_job.gif title_news.gif logo_police.gif logo_national.gif pic_people.jpg pic_hill.jpg.

有onmouse效果的圖片，兩張分別在原有文件名後加"_on"和"_off"命名。

其它文件命名規範

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

所有的CGI文件後綴爲cgi。所有CGI程序的配置文件爲config.cgi



4.1.2 目錄結構規範

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

目錄的命名以小寫英文字母，下劃線組成。(參照命名規範)

根目錄一般只存放index.htm以及其他必須的系統文件

每個主要欄目開設一個相應的獨立目錄

根目錄下的images用於存放各頁面都要使用的公用圖片，子目錄下的images目錄存放本欄目頁面使用的私有圖片

所有JS,ASP,PHP等腳本存放在根目錄下的scripts目錄

所有CGI程序存放在根目錄下的cgi-bin目錄

所有CSS文件存放在根目錄下style目錄

每個語言版本存放於獨立的目錄。例如：簡體中文gb

所有flash, avi, ram, quicktime 等多媒體文件存放在根目錄下的media目錄

4.1.3 尺寸規範

　　尺寸規範請根據您的實際情況調整：

頁面標準按800*600分辨率製作，推薦尺寸爲766*430px

頁面長度原則上不超過3屏，寬度不超過1屏  

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

全尺寸banner爲468*60px，半尺寸banner爲234*60px，小banner爲88*31px，另外120*90，120*60也是小圖標的標準尺寸  

每個非首頁靜態頁面含圖片字節不超過60K，全尺寸banner不超過14K

4.1.1 首頁代碼規範

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

head區必須加入的標識

公司版權註釋 <!--- The site is designed by yourcompany,Inc 03/2001 --->  

網頁顯示字符集 例如：
簡體中文：<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">


原始製作者信息 <META name="author" content="[email protected]">

網站簡介 <META NAME="DESCRIPTION" CONTENT="這裏填您網站的簡介">

搜索關鍵字 <META NAME="keywords" CONTENT="關鍵字1,關鍵字2,關鍵字3,...">  

網頁的css規範 <LINK href="style/style.css" rel="stylesheet" type="text/css">

網頁標題 <title>這裏是你的網頁標題</title>

head區可以選擇加入的標識

設定網頁的到期時間。一旦網頁過期，必須到服務器上重新調閱。
<META HTTP-EQUIV="expires" CONTENT="Wed, 26 Feb 1997 08:21:57 GMT">

禁止瀏覽器從本地機的緩存中調閱頁面內容。
<META HTTP-EQUIV="Pragma" CONTENT="no-cache">  

用來防止別人在框架裏調用你的頁面。
<META HTTP-EQUIV="Window-target" CONTENT="_top">

自動跳轉。
<META HTTP-EQUIV="Refresh" CONTENT="5;URL=http://www.yahoo.com">
5指時間停留5秒。

網頁搜索機器人嚮導.用來告訴搜索機器人哪些頁面需要索引，哪些頁面不需要索引。
<META NAME="robots" CONTENT="none">
CONTENT的參數有all,none,index,noindex,follow,nofollow。默認是all。

收藏夾圖標
<link rel = "Shortcut Icon" href="favicon.ico">

JS調用規範

所有的javascript腳本儘量採取外部調用
    <SCRIPT LANGUAGE="JavaScript" SRC="script/xxxxx.js"></SCRIPT>

CSS書寫規範

所有的CSS的儘量採用外部調用
    <LINK href="style/style.css" rel="stylesheet" type="text/css">

書寫時重定義的最先，僞類其次，自定義最後（其中a:link a:visited a:hover a:actived 要按照順序寫）便於自己和他人閱讀。

爲了保證不同瀏覽器上字號保持一致，字號建議用點數pt和像素px來定義，pt一般使用中文宋體的9pt和11pt，px一般使用中文宋體12px 和14.7px 這是經過優化的字號，黑體字或者宋體字加粗時，一般選用11pt和14.7px 的字號比較合適。

CSS推薦模板。

<style type="text/css">
<!—
p { text-indent: 2em; }
body { font-family: "宋體"; font-size: 9pt; color: #000000; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px}
table { font-family: "宋體"; font-size: 9pt; line-height: 20px; color: #000000}
a:link { font-size: 9pt; color: #0000FF; text-decoration: none}
a:visited { font-size: 9pt; color: #990099; text-decoration: none}
a:hover { font-size: 9pt; color: #FF9900; text-decoration: none}
a:active { font-size: 9pt; color: #FF9900; text-decoration: none}
a.1:link { font-size: 9pt; color: #3366cc; text-decoration: none}
a.1:visited { font-size: 9pt; color: #3366cc; text-decoration: none}
a.1:hover { font-size: 9pt; color: #FF9900; text-decoration: none}
a.1:active { font-size: 9pt; color: #FF9900; text-decoration: none}
.blue { font-family: "宋體"; font-size: 10.5pt; line-height: 20px; color: #0099FF; letter-spacing: 5em}
-->
</style>

body標識

爲了保證瀏覽器的兼容性，必須設置頁面背景<body bgcolor="#FFFFFF">

4.1.5 形象設計規範

　　網站的CI整體形象包括下面幾個要素

標誌(logo)

網站必須有獨立的標誌

標誌可以以網站中英文名稱設計，也可以採用特別的圖案。原則是簡單易記。

標誌必須可以用黑白和彩色分別清晰表現

標誌圖片的名稱爲"logo_域名.gif"，例如：logo_sina.gif

儘量提供標誌的矢量圖片

請儘可能在每個頁面上都使用標誌

標準色

網站應該有自己的標準色（主體色）

標準色原則上不超過兩種，如果有兩種，其中一種爲標準色，另一種爲標準輔助色

標準色應儘量採用216種web安全色之內的色彩

必須提供標準色確切的RGB和CYMK數值

請儘可能使用標準色

標準字體

網站應該定義一種標準字體（指logo上，圖片上使用的字體）

標準字體原則上定義兩種，一種中文字體，一種英文字體 （不包括文本內容字體）

必須提供標準字體的名稱和字庫

請儘可能使用標準字體

4.1.6 內容編輯規範

內容

必須遵守我國《計算機信息網絡國際 聯網安全保護管理辦法》的規定

任何單位和個人不得利用國際聯網製作、複製、查閱和傳播下列信息：
(一)煽動抗拒、破壞憲法和法律、行政法規實施的；
(二)煽動顛覆國家政權，推翻社會主義制度的；
(三)煽動分裂國家、破壞國家統一的；
(四)煽動民族仇恨、民族歧視，破壞民族團結的；
(五)捏造或者歪曲事實，散佈謠言，擾亂社會秩序的；
(六)宣揚封建迷信、淫穢、色情、賭博、暴力、兇殺、 恐怖，教唆犯罪的；
(七)公然侮辱他人或者捏造事實誹謗他人的；
(八)損害國家機關信譽的；
(九)其他違反憲法和法律、行政法規的。  

轉載必須找到原出處，經聯繫後使用

標題

力求簡短、醒目、新穎、吸引人。

正文

文章的段首空兩格，與傳統格式保持一致

段與段之間空一行可以使文章更清晰易看

杜絕錯字、別字和自造字

簡體版中不得夾雜繁體字

譯名要按我國規範。例如：singapore統一翻譯"新加坡"不能用"星加坡"

全角數字符號（不含標點）應改爲半角

4.1.7 新技術使用規範

　　使用新技術原則是：兼容瀏覽器，保證下載速度，照顧最多數的用戶。  

cookie用於識別、跟蹤和支持訪問者，通過cookie你可以瞭解用戶的訪問路徑，收集和存儲用戶的喜好，但要考慮到用戶關閉cookie的情況處理，非要用cookie，應提供全面的解決辦法。

Java是一種跨平臺的面向對象的編程語言，它在Web中的應用主要是Java Applet，但是Java Applet的下載速度較慢，謹慎使用。

在服務器端，最好打開SSI解析，但不要使用過多的SSI嵌套。不能使用SSI時，可以用include Library（包含庫文件）代替，效果要差一些

Flash已經是較普遍的技術，推薦使用。

新網頁製作建議採用XHTML規範，便於未來和XML接軌。

XML系列技術可以在服務器端使用，客戶端暫時不推薦使用

非特殊要求，不推薦在網頁上提供需要下載額外插件的多媒體技術

程序語言推薦使用PHP，JSP，Java等跨平臺語言，不推薦CGI,ASP技術
4.1.8 導航規範

導航要簡單、清晰，建議不超過3層的鏈接

用於導航的文字要簡明扼要，字數限制在一行以內

首頁，各欄目一級頁面之間互鏈，各欄目一級和本欄目二級頁面之間互鏈

超過三級頁面，在頁面頂部設置導航條，標明位置

突出最近更新的信息，可以加上更新時間或New標識

連續性頁面應加入上一頁，下一頁按鈕

超過一屏的內容，在底部應有go top按鈕

超過三屏的內容，應在頭部設提綱，直接鏈接到文內錨點

4.1.9 數據庫使用規範

服務器上有關數據庫的一切操作只能由服務器管理人員進行。

程序中訪問數據庫時使用統一的用戶、統一的連接文件訪問數據庫。  

原則上每一個欄目只能建一個庫，庫名與各欄目的英文名稱相一致，庫中再包含若干表。比較大的、重點的欄目可以考慮單獨建庫，庫名與欄目的英文名稱相一致。  

數據庫、表、字段、索引、視圖等一系列與數據庫相關的名稱必須全部使用與內容相關的英文單詞命名，對於一個單詞難以表達的，可以考慮用多個單詞加下劃線（_）連接（不能超過四個單詞）命名。 (參見命名規範)

不再使用的數據庫、表應刪除，在刪除之前必須備份（包括結構和內容）。

4.2文檔模板
4.2.1 項目方案書
4.2.2 項目合同書

　　說明：下面的合同書並不是標準範本，暫時放在這裏，待改進。

根據國家知識產權及網絡管理的有關規定，______ （以下簡稱甲方）委託______（以下簡稱乙方）爲甲方籌建Internet網站，設計製作網頁的合作項目，經雙方協商達成以下協議：  

甲方權利與義務

1.甲方有權要求乙方按照附件一中雙方商定的網站結構，在附件二中雙方約定的時間內，完成合同中規定的內容。
    2.甲方負責提供製作所需的一切資料（包括文字、圖片以及其他相關文件）,並製作成電子文件。在乙方開始製作網頁時，甲方應備齊全部內容資料。
    3.甲方應在網頁製作的全過程中給與乙方便利條件，並積極配合。
    4.甲方有權對乙方設計的網頁提出修改意見，由雙方協商更改。  

乙方權利與義務  

5.乙方應依據附件一中雙方商定的網站結構，在附件二中雙方約定的時間內，完成合同中規定的內容，乙方有權對甲方網頁的設計提出自己的意見和建議。
    6.雙方合作期間，乙方對甲方提供的文字及圖片資料未經甲方許可不得以任何方式泄露給第三方。
    7.乙方對甲方提供的文字及圖片資料中所涉及的包括知識產權在內的一切法律問題不承擔任何法律責任。
    8.乙方所製作的網頁需兼容 IE 4.0 版和Netscape 4.0版以上主流瀏覽器，並支持800*600分辨率。
    9.在製作過程中，對甲方陸續提出的修改要求，乙方應盡力協助實現，並交甲方驗收通過。對有可能影響附件二中雙方約定的完成時間的要求，乙方有權提出延期請求，由雙方協商確定具體時間。
    10.乙方負責在網站開通後10日內對甲方網站中由於乙方失誤造成的頁面錯誤進行修改。  

違約責任  

11.由於甲方未及時提供資料而導致乙方工作不能按時完成，乙方不負任何責任，並有權向甲方提出延期要求，延期時間由雙方協商確定。
    12.由於乙方原因未能按時完成合同所規定的內容，甲方有權向乙方提出索賠，具體額度由雙方協商確定。  

爭議解決  

13.雙方因合同的解釋或履行產生爭議，由雙方協商解決。協商不成，雙方均有權向有管轄權的人民法院起訴。

    知識產權的保護

14.甲方付清應付乙方的全部款項後，甲方正式享有網站的全部使用權。
    15.雙方合作期間，網站構架、網頁版式設計等內容（甲方提供文本資料及圖形、音像資料未經乙方加工部分除外）之版權、設計權、使用權歸乙方所有，未經許可甲方不得擅自使用，不得複製或交由第三方使用。
    16.如因乙方原因出現第三方指控與站點頁面有關的知識侵權的事件，應由乙方負責並保證甲方權利不受損失。  

合同的終止  

17.在乙方收到甲方支付的全部費用後，本合同自行終止。
    18.任何一方終止合同，需提前10個工作日書面通知對方，並說明正當終止理由，由雙方簽字代表協商終止合同。
    19.由於戰爭、地震、火災等法定人力不可抗因素導致的工作中斷，雙方均不承擔責任，待條件恢復後，由雙方協商確定合同變更內容。  

合同金額及付款方式  

20.甲方應向乙方支付域名申請費，服務器空間租用費，網站設計費，加急費，網站最終頁數的網頁製作費，以及網站後期維護費共計人民幣______元。(詳細費用見附件)

21.乙方爲甲方進行網站總體設計製作之前,甲方應付給乙方網站總體預算的40%作爲預付款。
    22.待乙方全部完成甲方網站建設後,根據乙方實際製作頁面數量，確定甲方網站最終建設費用，甲方應在三日內一次性付清剩餘費用。  

合同簽署  


甲方：
地址：
代表簽字（蓋章）：
日期： 年 月 日

乙方：
地址：
代表簽字（蓋章）：
日期： 年 月 日

4.2.3 項目說明書
4.2.4 系統分析報告

4.3相關資源
4.3.1 相關軟件

　　項目管理軟件在國內使用的還不多。我們來了解一下大致情況：

目前項目管理軟件根據功能和價格水平被分爲兩個檔次: 一種是高檔項目管理軟件，是供專業項目管理人士使用的軟件，這類軟件功能強大，價格一般在2000美元以上，如Primavera公司的P3、G ores技術公司的 Artemis、ABT公司的WorkBench、Welcom公司的OpenPlan等。  

另一類是低檔項目管理軟件，應用於一些中小型項目，這類軟件雖功能不是很齊全，但價格較便宜，如 TimeLine公司的TimeLine、Scitor公司的ProjectScheduler、Primavera公司的 SureTrak、 Microsoft公司的Project98等。


網站項目管理推薦軟件：

Microsoft Project 2000、Microsoft Project Central 和 Microsoft Visio 2000 Enterprise 可以幫助您成功地組織和實施一個網站項目。  

使用 Microsoft Project 2000 和 Microsoft Project Central 對項目進行自始至終的管理。使用 Visio 2000 Enterprise 創建圖表以幫助您直觀地瞭解項目的每一方面。例如，您可以記錄和規劃客戶的網絡及目錄結構，爲商業流程繪製圖表，跟蹤基於 Windows 2000 的新系統，然後與您的客戶共享這些圖表。使用這些工具，您和您的客戶便能夠理解項目的全局情況，並朝着一致的商業目標努力。  

Microsoft Project Central是Microsoft Project 2000的配套產品，它能實現協作規劃和進度安排。Microsoft Project Central可以使項目經理，團隊成員和其它風險承擔者通過公司的內部Intranet來查看日程和任務數據，並對該項目的經理產生影響，從而簡化了合作和項目信息的通信。

4.3.2 相關網站

標準化組織

W3C (World Wide Web Consortium) 互聯網規範的標準組織。 http://www.w3c.org   

國際標準化組織 (ISO,International Standard Organization) http://www.iso.ch   

中國標準服務網 http://www.cssn.net.cn  

國家技術監督局 http://www.cqi.gov.cn  

美國國家標準協會(ANSI,American National Standards Institute) http://www.ansi.org   

電氣和電子工程師協會(IEEE,Institute of Electronics Engineers) http://www.ieee.org  

國際電工技術委員會(IEC,International Electronical Commission) http://www.iec.ch

英國標準學會(BSI,British Standards Institution) http://www.bsi.org.uk  

全球標準化資料庫 (A National Resource for Global Standards ) http://www.nssn.org


項目管理

國際項目管理協會(IPMA) http://www.ipma.ch

美國項目管理學會(PMI) http://www.pmi.org

中國項目管理研究委員會 http://www.pm.org.cn

4.4術語和縮寫詞
4.4.1 術語

　　A:

Activity 活動： 項目過程中的工作單元。一個活動通常具有預計的時間、預計的成本和預計的資源需求。活動通常細分成單個任務。

Activity Definition 活動定義： 確定完成項目各種可交付成果所需要執行的具體活動。

Activity Description(AD) 活動描述： 在項目網絡圖中使用的短語或標示。活動描述經常是描述某個活動的工作內容。

Activity Duration Estimating 活動歷時估算： 估算完成單項活動所需要的工作時間。

Actual Finish Date 實際完成時間（AF): 活動的工作實際完成的時間點。（注：在某些應用領域，當工作“基本完成”時，這個活動就認爲“完成”。）

Actual Start Date 實際開始時間（AS): 活動的工作實際開始的時間點。

Administrative Closure 行政收尾： 爲項目正式結束而建立、收集和分發的有關信息。

Application Area 應用領域： 具有一些共同元素的項目，這些共同元素並非在所有的項目中都出現。應用領域通常按照項目產品（如：按照類似的技術或產業部門） 或客戶類型（如：外部的與內部的，政府與商業）來定義。應用領域常有重疊。

Arrow Diagramming Method 箭線圖法（ADM）： 用箭線表示活動的網絡計劃技術。箭尾代表活動的開始，箭頭代表活動的完成。（箭線的長度不代表活動的預計時間）。活動在成爲節點（通常畫爲小圓圈）的點上連接，表示活動預計執行的順序。

B:

Bar Chart 橫道圖： 一種表示計劃信息的圖形。在典型的橫道圖中，活動和其他項目要素的名稱從上向下列在圖的左邊，時間刻度表顯示在頂部，活動歷時用對應的橫道條表示。橫道圖也稱爲甘特圖。

Budget At Completion 完工預算（BAC)： 估算項目完成時的全部成本。

C:

Calendar Unit 日曆單位： 在項目進度計劃編制時所採用的最小時間單位。日曆單位通常是小時、天或周，但也可以是班或甚至是分鐘，主要在項目管理軟件中採用。

Concurrent Engineering 協同設計： 人員配置的一種方法。最常用的形式是組織執行人員參與設計階段工作。有時與”快速跟進“混淆 。

Contingency Planning 應急計劃編制： 編制一個管理計劃，確定當特定風險發生的時候，用於保證項目成功所採用的替代策略。

Contingency Reserve 應急儲備： 用於處理只能計劃其一部分的將來情況（有時叫做“知道的不確定項”）的專用計劃量，例如，返工是確定的，但返工量不確定。應急儲備 可能包括成本，進度或者兩者兼備，以減少成本或進度漏項的影響。應急備用通常包括在項目成本和進度的基準計劃中。

Contact 合同： 合同是規定賣方履行提供指定產品和買方履行支付義務的雙方相互約束的協議。合同通常包括以下三類： A、固定總價合同或總價合同：這類合同包含明確定義的產品的固定價格，也包括爲滿足或超過既定的項目目標（如進度目標）所提供的獎勵。 B、成本補償合同：這類合同包含按承包商實際成本的支付。成本通常劃分爲直接項目成本（項目直接發生的成本，如項目人員的工資）和間接成本（執行結構分攤到項目上的業務成本，如公司管理人員的工資）。間接成本通常用直接成本的百分比計算。成本補償合同通常包含爲滿足或超過既定項目目標（如進度目標或總成本）所提供的獎勵。 C、單價合同；按單位服務預定單價（如專業服務每小時70美圓，或運土每立方碼1。08美圓）支付的合同。合同總金額隨完成的總工作量變化而變化。

Control 控制： 將實際執行情況與計劃進行比較，分析偏差，評審各種可能的替代方案，並在必要時採取適當的糾正措施的過程。

Cost Dudgeting 費用預算： 把費用估算分攤到項目的各個子項上。

Cost Estimating 費用估算： 估算完成項目活動所需資源的成本。

Cost of Quality 質量成本： 爲保證質量所發生的成本，包括質量計劃、質量控制、質量保證和返工。

Cost Plus Fixed Fee(CPFF) Contract 成本加固定費（CPFF）合同： 買方應支付賣方容許成本（按合同規定）再加上固定利潤（費）的合同。

Cost Plus Incentive Fee(CPIF) Contract 成本加獎勵（CPIF）合同： 買方應支付賣方容許成本（按合同規定），並且賣方通過滿足執行標準贏得利潤的合同。

Cost Variance 成本偏差（CV）： 活動預算成本和實際成本的任何差額。

Crashing 趕工： 在分析如何以最少的費用最大限度地壓縮歷時的大量替代方案後，採取措施壓縮項目總歷時。

Critical Activity 關鍵活動： 處於關鍵路線上的任何活動。通常由關鍵路線法確定。儘管有些活動在詞典中的含義是”關鍵的“， 但不在關鍵路線上是‘關鍵的”，則在項目意義上。

Critical Path Method 關鍵路線： 項目網絡圖中，決定項目最早完成日期的活動路線。當某些活動超前和滯後於計劃完成時，關鍵路線通常將隨時間的變化而變化。雖然通常是計算整個項目的關鍵路線，但也可以確定達到一個里程碑或子項目的關鍵路線。通常按照總時差小於或等於某個指定的值（通常是0）的活動來確定關鍵路線。見關鍵路線法。

Critical Path Method 關鍵路線法：（CPM） 通過分析哪個工作序列（哪條路線）進度安排的 靈活性（浮動時間）最少來預測項目歷時的一種網絡分析技術。按規定的開始日期用正推法計算各個最早日期。從規定的完成日期（通常是正推法計算後得到的項目最早完成日期）用逆向法計算各個最晚日期。

D:

Duration 歷時或工期： 完成活動或其他項目單元所需要的工作時間量（不包括節假日或其他休息日）。通常用工作日或工作周表示。 有時錯誤的等同於連續時間。

E:

Earbed Value 掙值(EV): （1）衡量項目執行情況的一種方法。通過對比計劃工作量和實際完成工作量，確定成本和進度是否按計劃執行。 （2）一項活動或一組活動的已完成工作預算成本。

Efort 人工量： 完成一項活動或其他項目單元所需的人工單位的數量。通常用人小時、人日或人周表示。不可與歷時/工期混淆。

Estimate 估算： 對近似量化結果的估計。通常用於項目成本和活動歷時，並總是指出估計的準確性程度（+-*%).使用中一般都帶有修飾語（例如初步（設計）估算、概念（設計）估算、可行性估算）。有些應用領域提議具體的修飾語，指明特定的精確範圍（例如：數量級估算，預算估算，項目設計和施工中的限定性估算）。

Estimate At Completion 完工估算（EAC)：規定的工作範圍完成時，活動、一組活動或項目的預計總成本。在預測EAC通常用的技術是按照項目迄今爲止的執行情況調整原始的費用估算。

Estimate To Complete 完工尚虛估算（ETC）： 完成活動、一組活動或項目預計還需要的成本。預測ETC的大多數技術是都根據項目迄今爲止執行情況對原始估算進行一些調整。

Event-On-Node: 節點圖： 一種網絡圖技術，用方框（或節點）表示事件，並用箭線連接，以表示各事件發生的先後順序。在最初的計劃評審中使用。

Exception Report 例外計劃報告： 只記載與計劃有重大偏差（而不是所有偏差）的文件。

F: Finish Date 完成日期：活動完成的時間點。通常用以下詞修飾：實際，計劃、估計、進度計劃、最早、最晚、基準計劃、目標或目前。

Firm Fixed Price(FFP) Contract 固定總價（FFP）合同： 不考慮賣方的成本，由買方向賣方支付（按合同規定的）一定款項的合同。

Fixed Price Incentive Fee(FOIF) Contract 固定總價加獎勵費（FPIF）合同： 由買方向賣方支付（按合同規定的）一定款項，如果賣方達到了規定的執行指標，還可以得到一筆額外付款的合同。

G:

Gantt Chart 甘特圖：見橫道圖。

I:

Information Distribution 信息發送： 及時向項目各利害關係者提供所需信息。

Initiation 啓動： 使機構承諾開始建立項目的階段。

L:

Level of Effort 投入水平（或努力水平）（LOE）： 測試不容易用明顯的成就來衡量的輔助性工作（例如同供應商或顧客的聯繫工作）的一種手段。這類工作的特點是在一段時間內的均勻的速度進行。

M:

Mitigation 減輕風險： 通過降低風險發生的可能性或在風險發生後減少其影響，進而減輕風險所採取的步驟。

Modern Project Management(MPM) 現代項目管理（MPM）： 用於區分當今範圍廣泛的項目管理（範圍、費用、時間、質量、風險等）和傳統餓狹隘的侷限於成本和歷時的項目管理的術語。

Monitoring 監測： 收集、分析和報告項目執行情況，通常和計劃對比。

Monte Carlo Analysis 蒙特卡羅分析： 估計進度風險的一種技術，該技術對項目進行多次模擬，以便計算各種可能結果的（概率）分佈。

O:

Organizational Breakdown Structure(OBS) 組織分解結構（OBS）： 爲了將各工作包與各組織單位聯繫起來而對項目組織的一種描述。

P:

Pareto Diagram 帕累託圖： 一種直方圖，按事件發生的頻率排序，顯示每個確定原因產生多少結果。

Procedence Diagramming Method 前導圖法（PDM）： 一種用方框（或節點）表示活動的網絡圖編制技術。活動按優先順序聯繫，顯示執行活動的順序。

Program Evaluation and Review Technique 計劃評審技術（PERT）： 一種面向事件的網絡分析技術，其用途是當各個工作歷時/歷時估計不確定性很大時估算項目歷時。PERT將CPM應用於加權平均歷時的估算。

Project Charter 項目章程： 高層管理下達的一份文件，向項目經理提供在項目活動中應用組織性資源的權力。

Project Communications Management 項目溝通管理： 是項目管理的一個子集，包括用以保證項目信息能夠被正確發佈和接收所需要的過程，由溝通計劃編制， 信息發送、執行情況報告和行政收尾構成。

Project Cost Management 項目費用管理： 是項目管理的一個子集，包括用以保證在批准預算內完成項目所需的過程，由資源計劃編制、費用估算、 費用預算和費用控制構成。

Project Human Resource Management 項目人力資源管理： 是項目管理的一個子集，包括用以保證各種項目的人員能夠最有效使用所需要的過程，由組織的計劃編制、 人員獲取和班子組建構成。

Project Integration Management 項目整體管理： 是項目管理的一個子集，包括用以保證各種項目要素能夠相互協調所需要的過程。由項目計劃編制、項目計劃實施和整體變更控制構成。

Project Life Cycle 項目生命週期： 總體上連續的各個項目階段的全體，項目階段的數量和名稱由參加項目的結構的控制需要所決定。

Project Management 項目管理： 把知識、技能、工具和技術應用於項目各項工作之中，實現或超過項目干係人的要求和期望。

Project Manament Body of Knowledge 項目管理知識體系： 一個描述項目管理專業知識總和的全稱術語，象法律、醫藥、會計等其他專業一樣，知識庫依賴於應用和發展它的從業者和專業學者，知識庫包括通過實踐檢驗，並得到廣泛應用的傳統做法和已經得到部分應用的創造性的先進做法。

Project Management Professional 項目管理專業人員： 獲得由項目管理學會（美國）頒發的PMP證書的個人。

Project Management Software 項目管理軟件：專門爲項目費用和進度的計劃編制的控制而編寫的一類計算機應用程序。

Project Management Team 項目管理班子： 項目隊伍中直接參加項目管理的成員。對於小型項目，項目管理班子可能包括項目隊伍的全部成員。

Project manager 項目經理： 對項目負責的個人。

Project Network Diagram 項目網絡圖： 任何表示項目活動邏輯關係的圖形，爲了反映項目的時間歷程，項目網絡圖總是從左向右畫還常於一種主要可交轉成果完成時告終。項目網絡圖經常被錯誤的叫做“PERT圖”

Project Plan Development 項目計劃制定： 利用其他計劃過程的結果，合成一份連貫一致的文件。

Project Team Member: 項目隊伍成員： 直接或間接向項目經理報告工作的人員。

Project Time Management 項目時間管理： 是項目管理的一個子集，包括用以保證能夠按時完成項目所需要的過程，由活動定義、活動順序、 活動歷時估算、進度計劃編制和進度計劃控制構成。

Projectized Organization 項目型組織： 項目經理有全權根據輕重緩急安排工作、指揮被分配到項目的人員工作的任何組織結構。

Q :

Quality Assurance 質量保證（QA）： （1）爲了提供項目能夠滿足有關質量標準的信心，定期全面評估項目執行情況的過程。 （2）負有質量保證責任的組織中心

Quality Control 質量控制（QC）： （1）爲了確定特定項目結果是否符合有關質量標準而對其監控，並且確認消除不良事項原因的方法的過程。（2） 負有質量控制責任的組織單位。

Quality Planning 質量計劃編制： 確定適合於項目的質量標準和如何滿足其要求。

R :

Request For Proposal: 邀請提交建議書：RFP 一種要求產品或服務的預期賣方提交建議書的招標文件。在一些應用領域可以有狹義和特殊的含義。

Request for Quotation: 邀請報價：RFQ 一般來說，與投標邀請有同等含義，但是在一些應用領域可以有狹義或特殊的含義。

Resource Leveling 資源平衡： 當資源管理問題（例如資源有限、或難以應付資源水平的變化制約進度計劃（開始和完成日期）時，所採用的任何形式的網絡分析。

Retainage 保留金： 爲了保證完全滿足合同要求，而一直扣留到合同完成的部分合同款項。

Risk Event 風險事件： 給項目帶來積極或消極影響的隨機發生事件。

Risk Identification 風險識別： 確定有可能影響項目的風險事件。

Risk Quantification 風險量化： 評估風險事件發生的概率及其產生的後果。

Risk Response Control 風險應對措施控制： 項目工程中處理風險變化。

S :

S-Curve/S曲線： 按照對應時間點繪出的累計的成本、人時或其他數值的圖形。該名稱來自曲線的形狀如英文字母S（起點和終點平緩，中間陡峭）， 項目開始時緩慢，中期加快，收尾平緩的情況造成這種曲線。

Schedule Performance Index 進度計劃執行指數（SPI）： 已完成工作和計劃完成工作的比率（BCWP/BCWS）。見掙值。

Schedule Variance 進度偏差：SX （1）活動計劃完成與實際完成的差值（2）在掙值中BCWP-BCWS.

Should-Cost Budget: 合理費用估算： 對產品或服務成本進行的一種估算，用於評估預期承包商所報成本的合理性。

Solicitation: 詢價： 獲取相應的報價、標價、報盤和建議書。

Source Selection 供方選擇： 從潛在承包商中選擇。

Staff Acquisiton 人員招募： 招募需要分配並在項目上工作的人力資源。

Stakeholder 項目干係人： 參與項目或受項目影響的個人或組織。

Statement of Work(SOW）： 工作說明： 對合同規定提供的產品和服務的文字描述。

T:

Target Completion Date(TC) 目標完成日期： 現在或修正網絡分析的強制日期。

Team Development 班子組建： 爲加強項目執行效果而提高個人和集體技能。

Total Quality Management(TQM) 全面質量管理： 在組織中實行質量改進計劃的通用方法。

W :

Work Breakdown Structure(WBS) 工作分解結構： 針對可交付成果對項目要素的分組，它歸納和定義了整個項目範圍。每下降一層代表對項目組分更加詳細的定義。項目組分 可以是 產品或服務。
4.4.1 縮寫詞

　　PM (project management) 項目管理：

WPM (website project management) 網站項目管理：根據特定的規範、在預算範圍內、按時完成的網站開發任務。

WPMBOK (website project management body of knowledge) 網站項目管理知識體系：

WPMBOK Guide (a Guide to the website project management body of knowledge) 網站項目管理知識體系指南：就是我們這裏稱的網站項目管理規範指南。
 

 

探討網站規範 mz  http://bbs.blueidea.com/viewthread.php?tid=345960
1.一般公司製作網上規範，應該考慮網站作爲企業CIS的延伸，是對企業精神、面貌及活動的最直接的體現，因此一些基本的CIS要素應在網站發佈時得到比較嚴格的體現。在制訂規範時就應對企業標識的網站規格做出規範，即做出標準標識及最小標識樣本，根據企業標識PENGTONG值規範網絡標識RGB色值及ASCII色值，同時建立網站配色體系，根據環境決定網站是否採用統一的色條，製作違反規範的樣例等。只有對標識進行完整的把握，才能據此建立網站風格、色系、確立各種效果方式。

2.在爲公司製作規範時，要考慮網站的整體對象，面向不同的對象制訂不同標準的規範，技術的應用尤其如此，如面向海外的網站要充分考慮13%的Netscape用戶，在採用CSS、JS等技術時要嚴格規範，並以低版本瀏覽器爲對象，以採用通用技術爲原則。

3.目錄的安排可以儘量遵循8.3原則，不過目前很多外國公司網站慣例是建立一個assets文件夾，將所有頁面的外部資源如圖案、script、動態資源、多媒體資源等分門別類的放置，比較有利於管理，文件夾的命名一定是對該夾內資料類別的註釋。

4.所制訂的規範應有嚴格意義上的指導性，但應考慮到網絡技術的發展狀況，應該明確規範的時效性，在時效期內的規範就是必遵循的法則，應避免採用“原則上” “儘量”等無法量化的語言，造成集體制作時的歧義。

5.做樓上規範的程序員好象有點過分強調代碼的“純淨”，禁止採用確定尺寸以干預圖片的做法，並認爲這可以“儘可能的發揮瀏覽器自身的功能”，但這其實是一個誤區，瀏覽器根據標籤屬性可以較快速的確定應提交的圖面尺寸，迅速對相關圖片進行發佈，而在未做規定屬性時，瀏覽器將通過反覆的比較爲圖形確定一個尺寸，必然的影響瀏覽速度，而爲了顯示製作時“往往需要反覆的修改”的圖就如此規範，好象對頁面風格把握的不夠精確，可以說這個規範的本身就不夠規範。

6.在非華語頁面中，特別是公司類，面向大衆的頁面應儘量採用<font> 標記來規範字體，因爲依有大量非華語系人士所用的蘋果手提等都以NETSCAPE爲默認瀏覽器。而在面向國內廠家的網站中也應面向低版本的瀏覽器進行規範。

7.某些屬於技巧類的內容，如鏈接路徑：<a href=”aboutus/index.htm”> 與<a href=”aboutus/”>
的區別，不應在規範中列明。而且某些服務器的默認頁面並非index.htm，如果更新服務器，再進行修改得不償失。應該在鏈接時少做此類的省略。


8.模板的製作應產生一個相對普適的界面，之後根據不同的瀏覽環境如不同分辨率、不同瀏覽器環境製作比較綜合的可供方便調用的幾套模板，並在各種環境下做嚴格的測試。

9.頁面大小應根據用戶分析的結果確認，如設計類站點的用戶相對瀏覽環境比較好，可以採用比較豐富的效果，而面向程序員的網站則應嚴格精簡，包括所有DREAMWEAVER等製作工具附加的冗餘代碼。目前可以接受的公司主頁應控制在130K以下，內容頁面應控制在70K以下。

10.新聞類等需要每日更新的或由服務器自動提交的頁面建議以日期+次序做命名規範。

11.在規範中也應考慮到對於插件的應用進行約束，並提交可以公用的插件作下載。

12.網絡規範一般應制作PDF文件以供其他製作單位下載。

13.應對頁面版權聲明作出規範，應分別中英文等文字，明確文字格式，色彩，不應中英混雜、不倫不類。

 

標題：網站策劃及網站設計白皮書（轉） 作者：獨行客
引：http://bbs.blueidea.com/viewthread.php?tid=948514
網站策劃及網站設計白皮書


網絡的發展與成熟使網絡與其使用者之間的互動、互利關係日趨明朗，這使其對界面設計的需求也不斷深入化、專業化。目前，國內大多數網站的設計水準仍然停留在爲網站做一張好看的“皮”上面，這種觀念已經不能適應網絡與使用者之間頻繁接觸帶給用戶的心理感知，而elong擁有一支中國一流的設計團隊，超前的設計意識和良好的服務精神，使其在用戶和客戶間擁有了較高的滿意度。

一、網站頁面風格策劃
網站的頁面呈現風格首先是該企業形象的一部分，是企業的CIS（企業視覺形象識別系統）在網絡上的延伸；對於還沒有完善的企業視覺形象識別系統的企業，網站的風格也要符合該企業對網站的多方面定位，換句話說，就是要爲其“量身定做 ”。這樣做的好處是：a.維護（提升）企業形象;b.利用網絡優勢推廣企業形象；c.以其鮮明的特色和適宜的風格配合應用與服務爲該企業在網絡空間拓展用戶羣；d.爲企業贏得更多商機；e.給了用戶更方便及時的回饋空間以及良好的心理感受。

二、網站形象的搭建
企業網站形象的搭建更接近於傳統的建築設計，除了付與其美觀、有特色的建築外觀之外，更要注重其結構的合理性和居住的舒適性。反映在網頁上，我們要求我們的設計人員必須熟知網絡設計的特性；對目標網站的結構、導航以及商業意圖都有深刻的理解和體會；掌握目標用戶羣的網絡使用習慣；懂得並有能力做出符合以上條件的設計。


三、我們的網站製作流程
我們的業務人員在和客戶溝通之後，會同相關人員制定出網站製作白皮書，白皮書內容包括（產品設計目的、背景資料、產品功能概述、客戶對網站設計風格要求、進度安排等），限時在1-3個工作日以內（視站點規模而定）。
召集相關人員如市場、設計、程序人員，根據白皮書開會討論產品，得出最終的可操作性文檔及網站樹形圖。限時在1-3個工作日以內（視站點規模而定）。
設計師根據制定出的文檔設計網站首頁，在大多數情況下，在得到竟標前，我們不提供任何圖形設計方案。在特殊情況下，設計部至多設計2-3個首頁。但是公司不支持在初級竟標時設計圖形方案。在此階段，設計部只設計圖形以及相關多媒體設計。當沒有多媒體設計時，提交圖形設計即可，不提供html文件。限時在1-2個工作日以內（視站點規模而定）。

由業務人員提交給客戶審覈，並請客戶提出意見，我們按照客戶要求進行改善，直到客戶滿意爲止。客戶需要在打印稿上簽字同意設計風格與創意。在此以後，如果客戶要求重新設計製作，客戶需要承擔重新制作編程的成本費用。
設計師將所有的頁面設計出來，並提交客戶簽字認可。在此以後，如果客戶要求重新設計製作，客戶需要承擔重新制作編程的成本費用。限時在3-10個工作日以內（視站點規模而定）。

只有在客戶最圖形設計滿意以後，設計人員才把客戶滿意的網站設計最終稿交給HTML部門進行製作並附上網站需求計劃，並按照客戶的網站功能要求聯繫網站後臺程序製作人員進行程序設計。Html人員需根據設計圖稿認真，合理的進行網頁製作，並確保網頁在不同瀏覽器上的兼容性。限時在3-10個工作日以內（視站點規模而定）。

html完工後，交由原設計師審覈，查看文件是否與設計原圖有所出入。限時1-2個工作日。
設立專門項目負責人全程監控設計的過程，及時與後臺技術溝通，調整和掌握實施的完成。其中各項細節需基本符合最終版本的白皮書概念。視項目的大小來規定設計完成的時間。

將完整無誤的html分類交由後臺技術部處理，數據庫的交到數據庫專門人員，模板交到模板人員。限時從最長的5-10個工作日以內（兩週）到3個工作日不等。
10、技術部將新網站模板和後臺的使用方法完全教給客戶的相關人員使用。限時在1個工作日內。

11、公司內部測試。檢查網站兼容性等方面問題，相關設計人員開始設計網站推廣的banner 和button 。限時3個工作日以內。
業務人員最後將完成的全部網站內容交給客戶審閱，根據客戶的意見與技術部協調進行程序、功能的改進，在此過程中不應該再涉及頁面風格與創意的改變。如果在此階段仍需要改變設計風格與創意，客戶需要承擔重新制作編程的成本費用。

13、正式推出。技術部將客戶確定後的網頁發佈到相應網址。業務人員需要客戶簽字同意發佈在指定網址上的網站設計。在此以後，如果客戶要求重新設計製作，客戶需要承擔重新制作編程的成本費用。

外部測試。我們會定期通過各部門綜合針對產品進行透徹分析，並進行系統的網友調查，根據回饋意見進一步調整，並考慮可延伸性。並定期提供給客戶相關資料。

四、我們的網站互動藝術的設計原則
在我們的設計師看來，網頁設計是一種“體貼”的設計，即要體貼企業的各項需求，同時還要替企業體貼其網絡用戶的各種需求。這一切建立在設計師對網絡使用的豐富經驗和對用戶的易用性的充分理解之上。在您能看到的新鮮、美觀、動感的頁面的表層下，我們還遵循了網絡互動藝術的“系統性”、“互動性”、“傳輸性”、“適應性”的設計原則。以下是對這四項原則的具體闡述：

1、系統性設計原則
網絡以大量的信息流作爲營運的起點, 設計時需要從系統上合理組織規劃和呈現這些信息,引導人流在網絡系統內部的有效流動, 再通過系統上對互動操作的有效引導,最後將人流轉化爲物流,進而轉變爲資金流,這是網絡設計的根本原則和終極目的。系統性原則包括以下幾方面要求：
1）整體性:網站作爲一個產品,需要保證在使用方式和視覺呈現上的統一性；
2）結構和導航的二維引導：結構和導航要模塊清晰，條理明確，跳轉方便，能讓用戶知道自己在網站上所處的位置，並自由進入想去的地方；
3）流量的引導：有目的有系統的引導流動的方向，確定方式以及停留位置，引導信息流產生人流，進一步需要將人流引導向最有可能產生物流和資金流的地方；
4）鏈接的有效引導：通過鏈接來實現目標網站的導航以及流量，充分考慮網民的使用經驗，強化重要鏈接以有效引導流向；
5）確定技術實現方式：網頁製作除了最基本的html文件之外,還有許多增加效果的方式,比如加入gif或flash動畫,加入dhtml層來實現鼠標互動的交互效果等。根據網站的不同目的，從整體系統上進行設計，作出技術區分。 技術有價值是因爲他能使我們組織信息更快,更直接,更直覺和更可交流。沒必要爲了技術而技術。

2、互動性設計原則
網站瀏覽的過程是在與瀏覽者的互動操作下完成的, 這正是網絡的特性和引人之處.互動滿足了網民的參與感,滿足了商家現時交易和反饋的需求,網絡設計必須發揮這種互動性優勢。互動性原則包括以下幾方面要求：

1）召喚感:網絡設計必須具有召喚感,能夠吸引瀏覽者的點擊行動,提高點擊率; 一個網站可以是一個完全的交流媒介,它最大的特點就是交互性。
2）導航系統：在網站上最基本，最簡單的交互式區域就是導航系統。導航系統越直觀，越實用，用戶就越喜歡，反饋也就越多。
3）形象的親和力: 設計貼近生活，有人情味會獲得更高的點擊率，因爲用戶可能無意識的在想"也許這個服務於我有關"。在網絡上，直觀比喻、動作演示、人物襯托等方法能夠起到信息強化的作用，有較好的效果。
4）文字的鼓動性:文字是視覺流程中傳達信息的重要因素，只有文字才能明確人的記憶。文字會從更深的心理層次對消費者產生影響並使其發生態度轉變。信息的有效傳達不能單單依靠視覺形象。
5）感性訴求：緊緊把握住人情味這個要素，在商業運作中淡化其商業氣息，使用戶自覺自願接受所宣傳的產品和服務。
6）增加互動性功能：利用互動功能的優勢來實現其他媒體所不能具備的在線服務功能，比如說：網絡調查、網上直播、網上發佈，網上評選，網上訂貨等，吸引大家的興趣從而達到效果。
7）讓用戶參與：讓用戶有更多的發言權。當用戶發現他們的觀點被珍視，被欣賞，或被稱讚時，他們都會因擁有感而繼續使用這個網站。
8）簡潔性: 網絡設計的界面需要簡潔而可操作,界面友好, 網絡設計需要有效引導互動操作,儘量減少瀏覽者不必要的行動和負擔。
9. 及時更新：網絡設計需要保證內容的即時更新，以增強瀏覽者的參與性。信息更新快，這是讓網民建立信任的前提。

3、傳輸性設計原則
網站的瀏覽以獲取某些信息或實現某種功能爲目的;而網絡的圖形和頁面需要用HTTP超文本標識語言來生成和傳輸,網絡上所有信息的傳達都是通過對文件的下載實現，需要網民爲此付出時間和金錢;在目前網速依然不十分理想的情況下,有效率的傳達信息仍然是網絡設計的核心。傳輸性原則包括以下幾方面要求：
1）網站設計需要保證信息高效準確的傳輸。
2）降低文件大小:保證傳輸性的第一個原則就是降低文件的大小,文件的大小由兩個因素決定,一是圖片的大小,另一個是html源代碼的大小;因此網絡設計要儘量提高圖片的使用效率,並且要確保製作的方便性。
3）結構的相對獨立性：需要在設計上儘量增強各功能模塊的相對獨立性以形成橫向的獨立表格，利用瀏覽器的下載特點來提高下載速度，特別是要保證屏首的迅速下載；此外，可更新模塊的相對獨立性也是cgi自動發佈程序傳輸文件的要求。
4）空間有效性：設計需要合理利用空間，特別是首屏空間；需要在不使瀏覽者感到繁雜混亂的情況下，儘可能傳達有效信息；要有重點的抓住瀏覽者的視線，讓其停留，從瀏覽變爲閱讀。

4、適應性設計原則
網絡是在動態更新中迅速成長,是在不同的軟

 

 

標題：XX網站改建方案 作者：獨行客
引：http://bbs.blueidea.com/viewthread.php?tid=948535

XX網站改建方案
Johnson Websites Re-construction Proposal


項目名稱：XXXX製藥有限公司網站重建項目
發標單位：XXXX製藥有限公司
發標日期：2001年4月

投標單位
名稱：

地址：
郵編：
電話：
傳真：

– 2001.04.16 –





內 容 目 錄


第一部分 站點內容建設    2
第二部分 界面設計及創意說明    8
第三部分 後臺功能開發與實現    13
第四部分 網絡平臺軟、硬件選型    18
第五部分 站點管理與維護    29
第六部分 開發計劃    33
第七部分 標準報價    35
第八部分 公司介紹    37
第九部分 開發組成員    40
第十部分 總 結    42
附件：頁面設計方案    45



第一部分 站點內容建設
一個網站的改建和重建，最重要部分就是內容的重新定位和新功能的增加。


現有的XX泰諾網站是一個圍繞XX製藥的核心產品泰諾，以醫藥健康爲中心內容，輔以相關新聞信息的站點，通過吸引網絡用戶的瀏覽和參與，達到介紹和推廣XX製藥產品的目的。此次改建工作，我們認爲除在界面藝術創意和軟、硬件網絡平臺搭建上進行一次更新和升級外，最爲重要的是對站點內容方向的重新定位，依據產品特色和市場現狀分析，確定改版後站點的欄目內容定位和功能選擇，使企業獲得最有效的投入產出比。

定位依據 任何的項目建設都不是閉門造車，都需要在充分的調查分析的基礎上制定方向和策略。在考慮XX網站的策略定位前，我們參考了以下幾個不同方面的信息，包括：
1.    XX製藥產品及網站的受衆羣特徵
2.    國內消費市場的現狀和發展趨勢
3.    在線網絡行銷的最新國際發展趨勢
4.    最新的網絡技術應用和特點

從資料完備程度上，由於同XX製藥的接觸週期較短，而準備時間也比較倉促，我們更多的是從過去積累的經驗和所掌握的資料基礎上進行分析研究；同時，由於我們自長期以來一直同國際網絡行銷領域保持着緊密的聯繫，從而保證了我們所作出的建議具有客觀性和實用性。

定位方向 我們認爲，改建後的XX製藥網站應該是一個相對中立的提供醫療諮詢服務的第三方企業垂直門戶站點，以知識性和娛樂性的內容獲得廣大消費者的喜愛，通過人性化的服務策略達到軟性的產品行銷的目的，使消費者和廠家雙方獲益。

這裏我們先明確一下這個定位的文字含義：
中立：    突出客觀性和公正性，脫開企業利益的影子，對客觀事實進行宣傳報道，使人們感到從這裏獲得的信息都是真實可信的；
第三方：    除了將XX製藥的產品和形象作爲站點重點內容外，還應適當地引入部分其它品牌的產品（當然這需要一定的選擇，避免對產生負面的宣傳效果）；
垂直：    就“自我保健”和“醫療諮詢”這個主體進行深入細緻的挖掘和探索，將這個主題完整透徹的表現，表達突出的專業性。

對於XX製藥的網站具體定位方向，我們的建議是：

1.    在規劃思路上，一方面從完全中立的第三方的角度建設站點內容，利用豐富多樣的專業知識、完善周到的服務手段、趣味迭起的休閒娛樂以及聚合力強勁的社區環境將廣大的消費者吸引、聚攏，樹立一個客觀、公正的站點形象，築就一個業界的權威地位，獲得大家的認可和信任。另一方面，在產品宣傳力度上向XX的產品傾斜，從活動組織上以“XX製藥”冠名，在界面藝術上將XX製藥的理念和特徵溶匯其中，在行銷口徑上從消費者的角度，亦或選擇XX製藥的消費者直接對XX製藥進行推廣宣傳，使XX製藥的產品形象從第三者和消費者自己的口中被宣傳出來，獲得遠高於企業自行宣傳的效果。

2.    針對不同的受衆羣體推行不同的個性化服務：按照“記錄－分析－識別－個性化－再記錄”的原則開展個性化服務。對於XX製藥的消費羣，起到增強品牌印象，維持用戶忠誠度的效果；對於中性消費者，啓發並薰陶其對XX產品的良好印象，開發其消費潛力；對於其它競爭品牌的消費者，則可以用大量的第三方信息和服務將其吸引到這裏，再通過各種變相的行銷手段，以中立的角度和消費者的獻身說法打動對方，實現消費轉移。另一個方面，着重提供個性化的內容和服務，保持客戶的忠誠度，併爲二期發展個性化網頁和個性化新聞打下基礎，根據1to1的行銷定律，有效區分不同的消費者，深挖每一個現有的具備消費潛力的客戶，將以醫療健康爲中心開展的提高個人保健生活品質的所有產品和服務以最適合其性格愛好和條件的方式傳遞給每一個消費者。

3.    從用戶羣體的發展上，遵循“取得－分析－維繫－服務－擴展”的原則，首先培養起一批客戶，建立初始數據庫，通過對其特性的分析，獲得其消費傾向資料，從而選擇針對其特性的內容進行傳遞，爲其提供最喜歡、最需要的信息，配合社區的一系列活動，保持其忠誠度，再逐步從橫向和縱向兩個方向或選其一開發周邊的產品和服務，達到完全維繫客戶的目的。與此同時，在這個客戶羣體完善後，利用網絡的互聯特性和迅速的傳遞效率，設計實施傳遞性強、宣傳效果突出的網站內容，使其向周邊的人羣擴散性地、自發地進行推廣，吸引其周圍的人羣的參與，達到傳遞效應(viral marketing)，最終形成一個相對穩固並不斷擴充的忠實用戶羣體。

4.    從行銷策略上，推行軟性手段，避免正面直接宣傳XX製藥，而是將XX製藥的理念、形象、產品隱入整個站點的設計中，使人們在不知不覺中受到消費引導。爲此，我們可以根據不同的欄目中XX製藥產品和品牌所佔的比例進行一個規劃，適當地加入其它品牌和產品，以凸現“第三方中立垂直企業門戶站點”的含義；另一方面，將XX製藥的產品和消費傾向在潛移默化中融入訪問者的意識中，避免了讓人反感的直白露骨的商業推銷行爲，使企業利益以一種全新的方式進行體現。爲了配合這樣的定位，真正達到第三方站點的效果，我們建議將站點命名及欄目名稱中的“XX製藥”和“醫藥”內容淡化，突出“自我保健”和“生活品質”的主題。

5.    從欄目設置上，重點圍繞自我保健生活爲中心開展，一切內容均圍繞“保健”的主題，介紹保健的方法、能夠自我保健的產品、提供有關保健的諮詢、吸引所有喜愛自我保健的人來看，來聽，來說，來玩，使大家參與其裏，融入其中，成爲這個社區的一個分子，從中獲得，也付出所有，並介紹自己的親人、朋友、同事一起來參與。爲了提高整個站點的層次和品味，充分體現生活品質，在內容的選擇上，以醫療保健爲主導，輔以生活、療養、休閒等具有文化內涵的信息，突破醫藥的侷限，吸引男、女、老、幼大家的參與，使之成爲大家生活中的一個部分，產生一種歸屬感。

根據這樣的策略定位，我們並沒有完全照搬標書中的欄目內容設置，而是重新調整和設計了整個站點的內容結構框架。


欄目分類 我們按照站點欄目的性質分成主欄目、企業信息、站點信息三個類型；而主欄目又分爲新聞性、產品性、資訊性和休閒性四種不同的內容。

1.主欄目類：
新聞性 － 健康快遞
產品性 － 兒童產品 成人產品
諮詢性 － 醫生天地 自我診斷
休閒性 － 關懷卡片 有獎調查 互動遊戲 健康沙龍
2.企業信息類：公司介紹 諮詢反饋 合作機會 招賢納士 聯繫我們
3.站點信息類：BBS 常見問題 站點地圖 友情鏈接 加入書籤

名稱修改 由於此次招標文件中對於欄目內容的安排比較完善合理，我們只根據站點整體定位的要求對欄目名稱進行了修改，同時將所有的欄目名稱統一爲四個字，保證風格的規整和統一。進行修改的欄目名稱有：

健康俱樂部 改爲 健康沙龍


內容合併 同時，從邏輯性角度出發，我們將主欄目的內容進行了精簡合併，把具有相似內容的欄目合併，在欄目內部進行分類，主要有：

主欄目結構圖


注：在具體實施前，我們還將通過與XX製藥的反覆接觸和了解對欄目設置和安排作進一步的詳細建議。



爲了進一步提升站點的形象和吸引力，充分展現“醫療諮詢”與“健康保健”的主題，我們計劃除了招標文件中列出的幾項常見的互動功能設計外（如BBS，聊天室，積分系統，自建俱樂部，調查與答疑係統等），還將對一些重點欄目或更適於使用互動效果的欄目進行動態和交互式的設計製作，其中包括：

在線專家 以圖形化的界面和簡易的下拉菜單選擇，提出自己的需求，獲得自己需要的信息。訪問者將自己的年齡、性別、愛好、職業、飲食習慣等信息選擇後，即可得到保健專家教授所推薦的適合自己的保健產品信息和健康常識；可以選擇自己在生活中遇到的不滿意的狀況和困惑，從而得到針對這些問題的解決辦法，如果沒有現成的解決方案，可以留言，等待結果。這樣不僅訪問者可以得到專業知識，商家也可以從其留言的內容瞭解市場動態，獲得重要的開發信息。

個性服務 根據不同消費者的不同情況，定期發送配置化的電子雜誌（newsletter），使大家不必費時瀏覽不適合自己的內容。在擴展建設中，我們還可以建成以單體個人爲目標定製的電子郵件，通過其點擊不同的鏈接獲得其消費傾向和性格特點，從而自動生成適合其閱讀的產品及知識性信息；同時，通過後臺設定的邏輯分析條件，獲得市場走時分析數據。

地區識別 在用戶註冊會員後，再次瀏覽站點時會自動獲得其所在地區的信息動態和活動通知，如針對地區的促銷活動、聚會、評選等內容，增添個性化和親切化。

人氣指數 根據流量分析獲得的數據，把各欄目的人氣指數以圖形的方式展現在首頁上，爲大家提供一個選擇參考，並起到優勝劣汰的競爭作用。

視頻引入 將XX優秀的電視廣告內容以網絡格式發佈到網上，讓大家在瀏覽中獲得一份新鮮的感受。

電子地圖 將產品的銷售服務網以Flash動態形式做成電子地圖，便於消費者選擇相關信息；並根據瀏覽者的身份甄別其所在的地區，以特殊效果突出其所在地的內容和周邊地區信息。

故事賀卡 創意和製作推出具有故事情節的動畫電子賀卡，將有關美麗的故事傳遞給自己的朋友、親人、夥伴，將幽默、歡笑、感動傳達給身邊的人；也可以自己定製賀卡並加入自己的照片。

互動虛擬社會 訪問者註冊成爲社區成員即可成爲虛擬社會的一員，可以在虛擬社會中選擇一個虛擬自我，定期或不定期的登錄，對這個虛擬形象進行生活和教育方面的培養，爲他/她選擇飲食、衣着、鍛鍊等方面的元素，把他/她養成某種特定類型的人物，在網絡社會中與他人交流、戀愛、生活、娛樂，並通過各種方法解決遇到的困難，如怎樣變得更健康，以獲得別人的青睞等。

利用這種方式，可以使大家在許多現實生活中的類似的情感得到抒發、實現生活中無法滿足的願望，並通過同別人的交流建立廣泛的友誼關係，從而抓住用戶的心，培養其對站點的忠誠度。

該互動虛擬社會將由XX世紀獨立開發製作，模擬3D場景設置，支持多人交互，無人數限制，場景真實程度高，模擬現代化都市的風情，跨平臺兼容性好，人物智能程度高，邏輯性和情感指數均具備極高的操控性。
   

第二部分 界面設計及創意說明
宗旨 XX製藥網站的戰略定位是一箇中立的、專業的垂直企業門戶媒體。對網站的最終用戶來說，該網站不僅是一個醫療保健的信息門戶，同時還是一個集成了完善電子商務服務的網上商務中心。因此，XX製藥網站在設計在進行整體網站設計創意的時候，不應該和其他信息門戶網站以及純娛樂性網站類似，也不能和公司宣傳類網站相同，權威性、專業性和娛樂性是在創意設計時應尤爲突出表現的，創意設計的目的也就是要將這三種特性引入到每一個來訪者的心目中，並留下深刻印象。

爲了體現靚美苑以生活品質爲中心的特色，在前端界面設計中我們將充分發揮美術創意的優勢，拋棄單純的自我保健產品概念，從美麗生活，高品質享受的角度設計製作網頁界面，使其具有文化內涵和藝術成分。

受衆 爲了在設計時徹底貫徹設計思路並實現設計目的，我們對網站的受衆及服務對象進行了分析。XX製藥集團公司提供的有關資料顯示，網站的受衆及服務對象主要包括以下羣體：
A)    關注健康生活的人羣，以及對此信息感興趣的上網人羣
B)    喜愛自我保健和追求生活品質的人羣
C)    醫務人員和醫藥工作者
D)    受衆年齡層次 18-50歲
E)    網站性別屬性偏女性，男女分額比例 3 ：7
據此，我們判斷XX製藥網站的主要受衆羣體和忠誠用戶羣的基本特徵是：具有一定文化素質，對生活品質要求很高，對自身的形體印象和別人的評價較爲注意並易受外界潮流文化影響的知識女性，年齡的主要分佈區是在20-30歲，以白領階層爲主體。

色彩 具備以上特性的受衆羣體基本文化素質較高，具有一定的物質基礎，正值事業的成長期或高峯期，對自己較爲自信，並希望自身形體的改變能夠進一步增加其自信心。生活豐富多彩，個性化較爲突出，對各種新的潮流文化勇於接受並嘗試。情緒易受外界因素支配，色彩敏感度較強。對於呈現陰暗心理因素的色系通常有潛在消極心理出現，相反，對於較爲鮮亮或溫和的色系則有積極的心理反應。因此，在網站的色系搭配上，要儘量體現清馨、明亮、鮮豔、活潑的感覺，以刺激她們的積極心理及附合心理情緒。

目前在網絡上通用的顏色一般爲256種，左圖所顯示的色表是在一般的HTML製作工具中我們所常見的推薦或默認色。針對XX製藥網站的獨有特性，我們還推薦使用以下色表中的顏色，下面色表中的顏色大多比較鮮亮柔和，在視覺上給人比較舒服的感覺，而且所有顏色在HTML中都有相應的代碼顯示。

文字 該受衆羣體的自我意識和支配較強，通常採用一些比較直接的方法處理問題。不管是瀏覽網站或雜誌的時候，想直接找到其感興趣的話題及文章，不會耽誤太多時間於尋找和查詢；對頁面樣式、舒適感、方便性等因素要求很高。因此，XX製藥網站的設計與其他新聞類門戶站點有很大不同，在欄目的排列和內容版塊的組合上，在文字的排列和行高等方面，更應該追求舒適與快捷的感覺。文字版塊不宜很密集，文字顏色、圖片顏色的使用應和整體頁面色彩風格完美的搭配起來，色彩使用應柔和，使人們在閱讀時，不會因長時間凝視屏幕而產生眼睛的酸澀，在心理上使受衆羣體在潛意識中習慣和信賴XX製藥網站，從而培養出對XX製藥網站的依賴感。

版式 黃金分割使人們可以用數學的方法解釋美觀的原理。在設計的過程中，我們的設計師充分運用到了黃金分割的原理：

A/B=A/(A+B)=0.618

在網絡上通常的版式大致分爲兩種：左右版式和上下版式。黃金分割在視覺上造成的美感將被完全應用到網站頁面的設計中。

在爲XX製藥設計頁面板式的時候，我們不僅考慮如何在傳統的設計套路中創造出新意，使瀏覽者有耳目一新的感覺，同時適當運用CSS、LAYER以及FLASH等使頁面充滿動感，而且使絕大多數的瀏覽者可以快捷完整地訪問所有的內容。


XX製藥CI體現 XX製藥網站招標書中對網站形象CI的要求包括：在頁面顏色選擇中適當地體現黃色，頁面中流暢而符合美感的曲線設計，符合黃金分割的頁面版式，代表XX製藥形象的圖案以及LOGO的合理運用及與整體頁面的巧妙搭配。


方案一



總體設計思路 以用戶提出的設計需求爲依據，以網站受衆羣體爲第一考量，整體頁面設計力求健康，簡潔。考慮到這是一個專業的門戶網站，所以設計中還是以豐富的信息爲主，圖片作適當修飾和輔助。

色彩使用 色調以黃色爲主，綠色和橙色點綴搭配。這種類似於水果色的配色方案，符合XX製藥作爲一家專業自我保健網站的定位，同時使頁面更顯健康和舒適。

佈局概念 設計上偏重於曲線的表現，在頁面中內在地表現了黃金分割的平衡魅力，主題曲線造型（以頁面上部的曲線爲主）曲度的把握，是通過黃金分割比例生成的。

企業CI的體現 我們採用了一種用抽象的線條曲線形成的女性圖案來表現XX製藥的CI形象。用一種較爲抽象的手法來表現，比較用照片圖片的形式，在視覺上和用戶心理感覺上會比較容易接受。

互動體現 考慮到頁面互動部分的考慮，特意將XX製藥欄目做成了互動的形式，動感，細緻的動態表現，很容易成爲瀏覽者關注的焦點！

標註 進入二級及二級以下的頁面之後導航固定放置左上角，之所以不把首頁導航也統一成這個形式，也是考慮到首頁排版的特殊性使首頁看得更別緻一些。


方案二



總體設計思路 本設計方案從構圖、色彩、和一些圖片的選擇和處理上儘量體現一種“動感和個性”的表現。符合訪問者的心理需求，爲其塑造專業自我保健型網站的形象。通過各種設計元素("s"線形和色彩)的應用，使得訪問者在潛意識裏加深對XX製藥的認同。

色彩的使用想法 主頁面以靚麗的黃色調爲主，在頁面左上角通過線的切割適當的安排一塊時尚的暗紅色，既使“tylenol.com.cn”的LOGO更加突出，又使得其在整體明快活潑的同時又不失穩重。在左邊黃色塊後面通過疊加一淡黃色和灰色塊以避免單色塊的單薄，同時有一種向前突出的動感。組成導航條的圓點的色彩從上到下爲一種時尚的漸變色彩，“由暖變冷”使得“減” 和收縮的感覺更加強烈。從而在色彩上體現其自我保健網站的“減”的功能性。

佈局的設計概念 以近似黃金分割的比例分割整個頁面，頁面中多應用曲線導航條由一組按曲線方式排列的圓點組成，圓點從上到下由大變小，體現一種由“胖”到“痩”的減的過程。

企業CI的體現 儘量在頁面中不直接出現“XX製藥”的標誌和與之相關的內容，而將“XX製藥”的形象間接巧妙的融合在頁面的形式、色彩、小動畫和內容上。tylenol.com.cn 的LOGO中巧妙的加入了“XX製藥”“S”的元素，使得訪問者在潛意識裏容易產生由“tylenol.com.cn”到XX製藥的聯想和過渡。使得它更具親和力。

內容安排及圖片選擇 內容的安排上儘量使得整個結構顯得有條理性，使得佈局上儘量清爽，通透。在主要圖片的採用上亦主要選用突出女性的曲線美和動感的圖片。


方案三



總設計思路 由於受衆的年齡層跨度比較大，我用了比較沉穩、大氣的設計。色彩上主要運用了高級灰，使整個站點感覺比較有品味。希望能讓訪問者在潛意識中感覺到這個網站能給他們作最好的瘦身諮詢的同時，還能給他們帶來高品質的生活。

色彩使用 顏色以調和了灰色的多種色彩爲主，高級灰的運用容易讓人感覺專業，有品味。

佈局的設計 以橫豎佈局，體現一種門戶站點的大氣，和易於更新的便利。

導航條設計 由於要求中的欄目內容相對較多，導航條用flash實現。首先出現一級導航，鼠標移上，其他的一級導航下沉，二級導航出現。

圖片使用 鑑於整體灰色調的設計，圖片以色彩鮮亮的爲主。爲整個頁面提氣。

淡化XX製藥 爲了作到最好的第三方自我保健產品平臺，一定要淡化XX製藥的感覺，保持中立。但是可以一直在頁面中加入XX製藥的banner，從這裏突出XX製藥的醫藥保健產品。


第三部分 後臺功能開發與實現
我們的目標是通過爲網站訪問者提供專業、細緻、個性化的內容以及周到、及時的服務，分階段地將XX製藥網站建設成爲XX公司的Internet窗口，XX公司與客戶的信息交流平臺，XX健康產品的市場推廣工具，並最終建成爲一個完善的健康產品電子商務平臺。基於電子商務系統的高效性、健壯性、易用性、安全性、可擴展性，我們爲XX製藥網站量身定製了一套完整的後臺模塊解決方案。整個解決方案共分爲10大部分，其中有一些是在XX製藥網站建設的第一階段實施的，有一些是在第二階段實施的，並有部分模塊是可選模塊。整個解決方案具有如下特性：

1.    高效性 Internet網站不同於企業Intranet，需要7x24小時接受來自世界各地的用戶訪問。而且這些訪問是併發的，最壞的情況，可能有成千上萬用戶同時訪問您的主頁。一分鐘的系統崩潰可能造成網站信譽的損失，因此，我們的方案儘量將網站的高效性放在首位，使用最低的軟硬件投資，取得最大的收益。
2.    健全性 經過實踐檢驗的成熟的系統，成熟的技術，保證系統具有極高的健壯性。我們的內容管理系統、全文檢索系統都是在多家著名IT公司網站上長期測試證實可靠的。另外，解決方案中大部分系統是我們自主開發的，保證了各模塊間非常高的集成性，也可以保證整個系統的可靠運行。
3.    易用性 我們力爭爲用戶提供儘量簡單的用戶界面，所有管理功能都是基於WEB實現的，界面模擬WINDOWS 98，Internet Explorer，用戶可以將精力集中放在業務和信息的處理上，而非系統的使用方法上。我們並提供系統使用培訓和技術支持服務，儘量將複雜的事情留給我們，將簡單的事情留給客戶。
4.    安全性 近來世界各地的黑客活動猖獗，特別是電子商務系統，涉及到資金、用戶隱私等重要信息，因此，系統的安全性也不容忽視。在硬件和網絡的拓撲結構保證系統的安全性基礎上，我們的應用系統也充分考慮網站的安全性。我們的內容管理系統使用網站內容本地、SERVER雙備份技術，可以在網站內容遭到破壞後的最短時間內恢復網站。同時，我們爲客戶準備了完整的安全方案。
5.    可擴展性 充分使用XML技術和JAVA技術，有利於系統與其他系統的集成，以及將來b2b,b2c,emarktplace等系統的實施。並留有接口，可與企業的辦公自動化（OA）系統以及ERP/MIS系統集成。


1.    綜合社區

本模塊中大部分程序有現成程序可用，通過提供BBS、聊天室、在線遊戲等服務，提高用戶的忠誠度，增加回訪率，建立穩固的訪客羣。

BBS中可開設藥理、飲食、健康等專題，根據需要還可隨時新增欄目，高級會員也可開設自己的專門欄目，討論自己感興趣的話題。實踐證明，BBS是提升網站人氣、提高用戶忠誠度的最有效手段。對於許多網民，特別是剛開始接觸網絡的人羣，他們每天上網的大部分時間是在各種BBS論壇中查看帖子以及參與討論。BBS可聘請一些精通醫藥、健康知識的義務人員做斑竹，適當時候還可發給他們少量的報酬。

聊天室供來訪者之間做實時交流，可定期請一些名人或專家到聊天室與網友聊天，或者就某個專題進行免費諮詢。等會員系統成熟後，還可進行有償的在線諮詢。

虛擬社會遊戲 （參見第二部分有關內容）
隨着網站建設的逐步成熟，還可以考慮建立三維虛擬社區，其中除了提供BBS、聊天室等服務外，還可以將網站其他內容納入其中，比如虛擬醫院、虛擬門診等。

2.    用戶數據庫及會員系統

任何一個網站，其價值體現的一個很重要因素，便是其註冊用戶，通過對這些用戶的訪問情況進行統計分析，可得出許多有用的商業數據。這些用戶的忠誠度，還將在很大程度上影響將來零售電子商務開展的效果。用戶數據庫也是個性化內容，個性化服務的基礎。虛擬社區、零售商店等模塊也需要用戶數據庫的用戶數據才能工作。
爲了提高回訪率，可在用戶數據庫的基礎上開展“分級會員計劃”，加入該計劃的用戶將能夠實現下列規定的功能：
a)    預約信息
b)    個人信息存放
c)    留言板

用戶數據庫的一般實現方法可分爲數據庫法及目錄服務法。採用數據庫管理系統來實現用戶數據庫具有成本低廉、開發容易、可擴展等優點，但數據量不能太大，一般在十萬級以內；採用目錄服務系統如LDAP、NDS等專用的目錄服務來開發用戶數據庫具有可滿足超大容量用戶需求的特點，一般可實現百萬用戶到千萬用戶的系統，但是這些目錄服務系統價格昂貴，一般在幾十美圓一個用戶左右。我們認爲，對於XX製藥網站來說，使用數據庫系統即可滿足中長期的需求，只有像sina,netease那樣的大型ICP纔會用到目錄服務來做用戶數據庫。
用戶數據庫及會員系統的開發根據最終的系統開發平臺選擇，可以使用Microsoft SQL Server結合COM、ASP技術開發，或者使用Oracle結合JSP、EJB等技術開發。

3.    個性化內容引擎

個性化內容引擎的含義是指在網站內容中，用戶可以只查看自己感興趣的內容，而過濾掉其他內容。個性化內容引擎將大大地提高用戶找到自己需要的信息的速度。隨着網絡的發展，爲用戶提供千篇一律的內容將不再受到歡迎，用戶希望在儘量短的時間內找到自己需要的信息。個性化內容記錄並分析用戶的訪問行爲，得出用戶感興趣的領域，從而有針對性地爲用戶提供相關領域的信息，並從用戶的選擇行爲上再次做分析、調整。對於網站建設者，可以從個性化內容引擎中得出網站的哪些部分是受歡迎的，哪些部分是不受歡迎的，從而有針對性地向不同的人羣提供不同的信息。從而做到內容提供的one to one。

4.    個性化信息推送系統

本系統將使用XX世紀公司自行開發的Cyber-Mail 2.0個性化郵件系統開發。

傳統的郵件列表系統如Send-Mail，只能做到郵件的簡單發送，無法實現郵件的個性化，無法針對不同的人羣發送不同的內容，而且郵件訂閱、郵件退訂的管理非常複雜，不利於使用，無法對退信進行恰當的處理，無法對郵件反饋進行處理和統計分析。
Cyber-Mail系統是XX世紀公司專門爲企業、網站開發的電子商務郵件系統，系統可實現：
a)    XML技術做數據存儲，可將內容重用於其他系統。
b)    簡單的基於WEB的管理界面，可讓內容整理人員輕鬆地整理髮送內容，然後發送到訂閱者信箱中。
c)    郵件內容的個性化，每個訂戶可定製自己的郵件雜誌內容，最大程度減少垃圾信息的發送。
d)    郵件訂閱、郵件退訂的自動處理，並定期給管理人員發送報表。
e)    不可達郵件的自動處理，系統會在適當時候自動重試，三次重試均不可達者將暫時停止向該用戶發送。
f)    郵件發送情況的統計、分析，可分析出郵件訂閱者的地區分佈信息、訂閱者的內容傾向、訂閱者的興趣變化等信息。
g)    郵件反饋信息的處理，可根據訂閱者的反饋，自動調整該訂閱者的內容定製信息。

Cyber-Mail 2.0將爲企業開展電子商務提供非常大的幫助。通過電子郵件發送產品信息，是速度最快，成本最低，受衆最大，過程最容易控制，最容易得到反饋信息的手段。傳統的產品推銷郵件，印一本產品介紹平均就需要花費2元人民幣，發送一封信件需要0.5元，而發送一封電子郵件平均不到6分錢。而且接受者的反饋信息立即就可以進入系統處理，這是傳統手段無可比擬的。

5.    全文檢索搜索引擎系統

本系統使用XX世紀公司自行開發的Cyber-Search產品。

網站結構的良好設計有利於訪問者儘快找到自己需要的信息，並是網站吸引訪問者的重要因素。但是當網站內容開始變得巨大時，再好的組織結構也無濟於事，用戶從到達網站，平均需要5次點擊才能找到自己想要的內容。這時，最好的解決方法是使用全文索引的站內搜索引擎系統。成熟的網站都少不了一個良好的搜索引擎系統。

Cyber-Search是我們公司開發的基於全文檢索的站內搜索引擎系統，它具有如下特點：
a)    中英文自動支持，基於字典的分詞技術與智能化的短語識別相結合，最後以字檢索作補充，確保分詞的準確性。
b)    高效率，系統使用索引的CACHE技術，實現檢索的“零等待”。可接受併發50個檢索請求同時進行。
c)    檢索條件語法分析，支持與、或、非等條件運算檢索。
d)    檢索結果按相關度排序，讓最匹配的結果首先呈現到用戶眼前。
e)    開放式API，可定製檢索程序，實現搜索結果按時間、目錄等條件過濾，結果頁面可定製。
f)    基於索引的檢索，可實現檢索範圍選擇。

Cyber-Search 已經在多個網站投入使用，可參考站點應用有：
http://www.wanwanba.com
http://www.software.hp.com.cn
http://www.zainaer.com

根據XX製藥網站的實際需求，我們可對Cyber-Search系統進行定製，我們提供安裝、維護和技術支持。

6.    網上調查與投票系統

在線市場調查與傳統的市場調查比較起來，可大大地降低成本，縮短週期。爲了刺激訪問者參與調查的積極性，可舉行有獎調查等活動。從在線調查得到的數據是最直接、最明瞭的商業數據，但在線調查具有樣本羣體是被動的等缺點，可結合網下的活動以及數據跟蹤與分析等，以得到準確、翔實的商業數據。

7.    電子商務

電子商務應當分步完成，首先進行面向最終客戶的B2C的實驗，開展網上零售。在條件成熟後，可考慮建立配送網絡、商品供應網絡等成套的B2B2C的電子商務模式，甚至建立醫藥、保健行業的電子商務門戶，搭建網上的e-marketplace。

實施電子商務要考慮的環節非常多，就網上零售來說，有以下兩種方案可選擇：
a)    利用現成的由銀行等單位建立的網上商城開展網上零售，可免去自己開發應用系統的成本，可充分利用已有的技術平臺。將精力關注於如何做好商品的配送，爲客戶提供滿意的服務上。缺點是操作不夠靈活，受網上商城的規範制約較多。
b) 自行開發網上零售系統，包括購物車、支付網關接口、後臺管理系統。利用銀行提供的支付接口實現網上在線支付，並行採用貨到付款、郵局匯款等適合當前國內現狀的手段解決支付問題。

根據XX的需求，我們將會在系統中預留接口，爲將來推進電子商務建設打下基礎。

8.    智能用戶問答系統（Q&A）

在線有效的回答用戶問題，可以顯著增加網站的吸引力。XX世紀使用成熟產品Cyber-Q&A實現網站的智能用戶問答。

Cyber-Q&A通過數據庫技術整理用戶的常見問題和常見問題答案，通過先進的數據檢索引擎在問題庫中選擇匹配答案自動回答用戶。同時，Cyber-Q&A具有問題積累、反饋功能，可以方便的通過集成化的管理界面制定回答問題和編輯答案。

9.    電子賀卡系統

XX世紀爲XX製藥提供專門設計的電子賀卡系統。該系統通過數據庫的集成管理，爲用戶提供電子賀卡服務。

系統可以提供豐富的賀卡樣板以供用戶選擇。當用戶在線訂賀卡以後，系統將通過個性化信息推送系統發出包含賀卡的郵件。同時，電子賀卡系統同用戶行爲跟蹤系統的接口將獲取用戶信息等有用數據，進入數據庫統一分析。

10.    用戶行爲跟蹤系統

XX世紀採用成熟的產品Cyber-Trace執行用戶行爲分析。

Cyber-Trace採用數據庫技術來統計網站訪問者的在網站上的行爲，包括用戶對特定產品的關心程度，點擊傾向，停留時間等。

該系統的分析模塊可以分析羣體用戶的瀏覽傾向，可以給出完整的報告作爲網站訪問評價的客觀依據。

Cyber-Trace的流量監控功能將在流量監控部分予以介紹。




第四部分 網絡平臺軟、硬件選型
本部分是針對XX製藥網站招標書中的要求——系統開發環境與網站集成方案的，將通過以下幾個小的部分分別論述XX製藥網站的高可靠性、網站的安全性、便捷的遠程管理、高可伸縮性和高度的靈活性。


目前網絡平臺的操作系統，主要是 windows 2000 、Linux和Unix，我們認爲在XX製藥網站的初期工程可以採用 Windows 2000 Server 來運行網站，這樣會減少網站初期的投資，而且網站的整體程序可以在以後升級到微軟新的開發語言ASP+。其實Linux相對於Windows 2000 來說，是一個免費的系統，應該是一個比較好的選擇。但是通過下面Windows 2000 和 Linux 、Unix的比較，我們可以看出，爲什麼會選用Windows 2000。

1. Windows2000和Linux、Unix的可靠性比較如下：

故障後的恢復

首先，Windows 2000的文件保護加快了故障後的恢復工作。當Linux、Unix系統遇到一個非常重大的故障時，比如說突然斷電、系統不能夠引導了，恢復起來是非常困難的，一般都要重新安裝系統的。Windows 2000則不同，它有一個文件保護功能，當系統遇到故障時，它能夠在最短的時間內，自動地把服務器和它的應用程序，恢復到故障前的狀態，根本無需用戶插手。

另外，Windows 2000的分佈式文件系統(DFS)提供了額外的容錯功能。DFS允許用戶在多個不同的服務器上建立大型的虛擬文件系統。在一個DFS共享中，如果一個服務器出現故障，客戶端會自動地與DFS共享中的其他服務器相連接，而客戶端所能夠獲得的服務根本不會有什麼變化。Linux也有分佈式如CODA，AFS等等，但是它們都還沒有獲得商業支持，也還都沒有爲管理重大的任務做好準備。

驅動程序的來源

驅動程序簽名能夠確保你所安裝的都是經過測試的驅動程序。Linux可用的軟件本來就比較少，而且在這些軟件中大部分都沒有經過正式的測試。結果會怎麼樣呢？當你安裝一個新的產品時，你總是要擔心它會不會與你的系統中現有的應用程序發生衝突，從而導致系統故障，甚至死機。Unix的版本就有好多種，這樣Unix的驅動就有好多種，這樣造成了Unix 一般是跟隨服務器捆綁銷售的。Windows 2000的驅動程序簽名特性正是針對這個問題而設計的，有這個簽名的驅動程序，都來自於可信任的途徑，它們經過了各種各樣的測試，保證與你現有的應用程序沒有衝突，當然，你現在有的那些應用程序也要來源可靠。

權威評測報告

在Windows 2000發佈之前，Windows NT 4.0已經在ZD Labs的可靠性評測試驗中獲得了好評。Windows 2000作爲Windows NT4.0的升級版本，推出的時間較短，還沒有正式的權威評測報告，但從媒體報道的案例分析中可以看出，它是比Windows NT 4.0更爲可靠的產品。舉例來講，Windows NT有一個很明顯的缺點，那就是每當系統配置有所改變時往往會要求重啓系統。當微軟公司注意到這一點之後，在Windows 2000中就做了很大的改進，大部分的配置修改，如修改IP地址等等，都無需重啓系統，減少了操作步驟意味着降低故障可能，從而提高系統的可靠性。相對來說，Linux進入實用領域的時間還不夠長，目前還沒有豐富的案例或第一手的評測試驗資料，能夠證明在可靠性方面，Linux比微軟的各個平臺要更好。不可否認，Linux的開放源碼和免費使用爲它帶來了巨大的潛在市場，但現在它似乎更象是編程高手們來顯示自己能力的一個舞臺，對於還沒有經受大型網絡環境考驗的Linux，現在就斷言它的可靠性比Windows高是不科學的。

2. Windows2000和Linux 的伸縮性比較

對於一個計算機系統來說，可伸縮性是一個非常重要的指標。那麼什麼是可伸縮性呢？可伸縮性是指一個計算機系統的體系結構能夠在何種程度上不斷擴展以滿足用戶的發展需求的特性。擴展的方式多種多樣：可以是轉移到一個完全不同的平臺中，也可以是向原來的單一系統中增添一些新的硬件，增加新的CPU，或者是向羣集中增加新的節點。此外，可伸縮性有時候也指一個操作系統在面向各種類型的系統和負荷時都能夠工作良好的能力，不論這些系統是機頂盒，桌面計算機，還是大規模的服務器，也不管訪問的對象是一個還是成千上萬。

硬件支持

硬件支持廣泛的硬件支持可能是任何流行操作系統最基本的要求，也是可伸縮性的一個重要方面。Windows操作系統在這個方面做得的確非常出色：一方面，Windows的廣泛使用使得任何硬件廠商在推出新的硬件時都會把Windows當作標準的平臺加以支持，並且不斷爲新的Windows版本更新驅動程序；另一方面，大量的硬件支持又反過來推動了Windows平臺的進一步普及。去年推出的Windows 2000在保留了Windows 98即插即用功能以外，還自帶了大量的硬件驅動程序。

Linux的硬件驅動程序通常都是由那些需要這些硬件的用戶自己來開發的. Linux的共享性能夠很快地給那些常用的硬件提供驅動程序，這些驅動程序需要後續的支持和幫助，來克服潛在的不穩定性。至於一些尚未普及的組件，如各式各樣的USB設備，其驅動程序的開發將需要更多的支持，來滿足不同用戶的需要。

SMP(對稱多處理器)支持

CPU是計算機系統的核心部分，是否具有良好的SMP支持將直接影響大型應用下的性能。Windows 2000 Advanced Server的零售版本最多支持四路SMP，OEM版可以支持最多達32路的SMP。對CPU的支持級別和Windows 4.0相比沒有什麼變化，但是對SMP的實現代碼進行了改進，使得高性能的縮放可以更爲“線性”地進行。Windows NT Server 4.0企業版已經實現了創紀錄的性能價格水平，隨着對SMP縮放的改進，這一趨勢將在Windows 2000 Advanced Server和Datacenter Server中得到延續。在採用八路設計或者多於八路設計的系統中，性能的提高最爲明顯。

而Linux正致力於解決核心部分中的SMP支持，以提高Linux在大型應用下的性能。儘管Linux不是爲SMP而設計的，Linux Torvalds也曾經說過Linux的SMP評測表現很差，但是我們期望這些問題能夠在2.4版本內核中得到解決，使更多的學校或者企業可以使用經過考驗的Linux來實現他們的核心程序。對羣集的支持Windows 2000 Server具有強大的羣集功能。Compaq最近之所以能在TPC-C比賽中傲視羣雄，擊敗所有對手，靠的就是一個巨大的有着12個節點，96個處理器的羣集，而它們運行的是Windows 2000 Server。儘管Linux沒有在高端系統中運行關鍵性應用程序方面有出色記錄，但最近Linux在羣集項目也發佈了不少東西，希望Linux的開發者大軍可以開發出更完善的羣集功能。

環境支持

對特定計算環境的支持使每一個系統都有適合於自己的工作場合，這就是系統對特定計算環境的支持。微軟開發了不同的操作系統來完成不同類型的任務。Windows CE適用於小型的手持式電腦和筆記本電腦，Windows 95/98和Windows 2000 Professional適用於桌面計算機，而Windows NT 4.0和Windows 2000 Server則適用於大型服務器應用程序。作爲一個系列操作系統家族，Windows對各種不同的工作環境提供了良好的伸縮性支持。

由於Linux大部分可用的平臺處於開發的初始階段，對於各種不同計算環境的支持將是Linux系統的下一步目標。文檔編制衆所周知，隨着系統變得越來越複雜，功能越來越強大，編制一個好的文檔是非常重要的。這有助於用戶對系統的理解和管理。詳盡的文檔說明，有助於我們熟練地掌握它所有的功能和特性。微軟通常爲其產品提供了深入細緻的文檔說明，在文檔的本地化方面也做得很好。Linux產品的文檔說明需要進一步的規範。

目前使用Windows 2000 Server 平臺的用戶在中國的網站中是非常多的，大一些的如8848.net、雅寶和e國等。可以說Windows 平臺在網站的應用中還是有很高的性價比，尤其是在電子商務這樣比較關鍵的應用上，系統的穩定性、安全性和可靠性還是令人滿意的，並且Windows 2000 Server是自帶中間件的，這樣可以節省很多的費用。通過以上分析，我們可以看出現階段選用Windows 2000 做爲網站的操作平臺是一個非常好的選擇，


XX製藥目前的網站（http://www.tylenol.com.cn）上的動態交互的內容比較少；而在XX製藥網站的改建中，將要採用動態的內容，這裏我們就要採用動態網頁語言來寫，在這裏我們認爲應該選用ASP來編寫網站的動態內容。爲什麼選取ASP做爲網站的開發使用的語言呢？通過下面對目前比較通用的三種動態網頁語言的比較，我們就可以看出來了。

1.    語言簡介
最常用的三種動態網頁語言有ASP(Active Server Pages) JSP(JavaServer Pages) PHP (Hypertext Preprocessor)。三種語言的簡介如下：
ASP全名Active Server Pages，是一個WEB服務器端的開發環境，利用它可以產生和運行動態的、交互的、高性能的WEB服務應用程序。ASP採用腳本語言VBScript（Java script）作爲自己的開發語言。
PHP是一種跨平臺的服務器端的嵌入式腳本語言。它大量地借用C,Java和Perl語言的語法, 並耦合PHP自己的特性,使WEB開發者能夠快速地寫出動態生成頁面。它支持目前絕大多數數據庫。還有一點，PHP是完全免費的，不用花錢，你可以從PHP官方站點(http: //www.php.net)自由下載。而且你可以不受限制地獲得源碼，甚至可以從中加進你自己需要的特色。
JSP是Sun公司推出的新一代站點開發語言， Sun公司藉助自己在Java上的不凡造詣，將Java從Java應用程序和Java Applet之外，又有新的碩果，就是JSP——Java Server Page。Jsp可以在Serverlet和JavaBean的支持下，完成站點程序的編寫。

2.    技術特點
三者都提供在 HTML代碼中混合某種程序代碼、由語言引擎解釋執行程序代碼的能力。在ASP 、PHP、JSP環境下，HTML代碼主要負責描述信息的顯示樣式，而程序代碼則用來描述處理邏輯。普通的 HTML頁面只依賴於Web服務器，而ASP 、PHP、JSP頁面需要附加的語言引擎分析和執行程序代碼。程序代碼的執行結果被重新嵌入到HTML代碼中，然後一起發送給瀏覽器。ASP 、PHP、JSP三者都是面向Web服務器的技術，客戶端瀏覽器不需要任何附加的軟件支持。

三種語言的技術特點
ASP:
a)    使用VBScript 、 JScript等簡單易懂的腳本語言，結合HTML代碼，即可快速地完成網站的應用程序。
b)    編寫效率高、容易調試。
c)    無須compile編譯，可在服務器端直接執行。
d)    使用普通的文本編輯器，如Windows的記事本，即可進行編輯設計。
e)    與瀏覽器無關(Browser Independence), 用戶端只要使用可執行HTML碼的瀏覽器，即可瀏覽Active Server Pages所設計的網頁內容。Active ServerPages 所使用的腳本語言(VBScript 、 Jscript)均在WEB服務器端執行，用戶端的瀏覽器不需要能夠執行這些腳本語言。
f)    Active Server Pages能與任何ActiveX scripting語言相容。除了可使用VB Script或JScript語言來設計外，還通過plug－in的方式，使用由第三方所提供的其他腳本語言，譬如REXX 、Perl 、Tcl等。腳本引擎是處理腳本程序的COM(Component Object Model) 物件。
g)    可使用服務器端的腳本來產生客戶端的腳本。
h)    ActiveX Server Components(ActiveX 服務器元件 )具有無限可擴充性。可以使用Visual Basic 、Java 、Visual C＋＋ 、COBOL等編程語言來編寫你所需要的ActiveX Server Component 。

PHP:
a)    數據庫連接：PHP可以編譯成具有與許多數據庫相連接的函數。PHP與MySQL是現在絕佳的組合。你還可以自己編寫外圍的函數去間接存取數據庫。通過這樣的途徑當你更換使用的數據庫時，可以輕鬆地更改編碼以適應這樣的變化。PHPLIB就是最常用的可以提供一般事務需要的一系列基庫。但PHP提供的數據庫接口支持彼此不統一，比如對Oracle, MySQL，Sybase的接口，彼此都不一樣。這也是PHP的一個弱點。
b)    面向對象編程：PHP提供了類和對象。基於web的編程工作非常需要面向對象編程能力。PHP支持構造器、提取類等。

JSP:
a)    將內容的生成和顯示進行分離：使用JSP技術，Web頁面開發人員可以使用HTML或者XML標識來設計和格式化最終頁面。使用JSP標識或者小腳本來生成頁面上的動態內容。生成內容的邏輯被封裝在標識和JavaBeans組件中，並且捆綁在小腳本中，所有的腳本在服務器端運行。如果核心邏輯被封裝在標識和Beans中，那麼其他人，如Web管理人員和頁面設計者，能夠編輯和使用JSP頁面，而不影響內容的生成。
在服務器端，JSP引擎解釋JSP標識和小腳本，生成所請求的內容（例如，通過訪問JavaBeans組件，使用JDBCTM技術訪問數據庫，或者包含文件），並且將結果以HTML（或者XML）頁面的形式發送回瀏覽器。這有助於作者保護自己的代碼，而又保證任何基於HTML的Web瀏覽器的完全可用性。
b)    強調可重用的組件 :絕大多數JSP頁面依賴於可重用的，跨平臺的組件（JavaBeans或者Enterprise JavaBeans組件）來執行應用程序所要求的更爲複雜的處理。開發人員能夠共享和交換執行普通操作的組件，或者使得這些組件爲更多的使用者或者客戶團體所使用。基於組件的方法加速了總體開發過程，並且使得各種組織在他們現有的技能和優化結果的開發努力中得到平衡。
c)    採用標識簡化頁面開發：Web頁面開發人員不會都是熟悉腳本語言的編程人員。JavaServer Page技術封裝了許多功能，這些功能是在易用的、與JSP相關的XML標識中進行動態內容生成所需要的。標準的JSP標識能夠訪問和實例化JavaBeans組件，設置或者檢索組件屬性，下載Applet，以及執行用其他方法更難於編碼和耗時的功能。
通過開發定製化標識庫，JSP技術是可以擴展的。今後，第三方開發人員和其他人員可以爲常用功能創建自己的標識庫。這使得Web頁面開發人員能夠使用熟悉的工具和如同標識一樣的執行特定功能的構件來工作。

3. 與網絡操作平臺的關係

ASP是Microsoft開發的動態網頁語言，因此可以運行於微軟的服務器產品,IIS(Internet Information Server) (windows NT、2000)和PWS(Personal Web Server)(windows 98、me)上，Unix下可以通過ChiliSoft的插件來支持ASP。雖然ASP本身的功能有限，但是可以通過ASP＋COM的組合來擴充，這樣就達到用戶的要求了。

PHP 可在Windows,Unix,Linux的Web服務器上正常運行,還支持IIS,Apache等通用Web服務器,用戶更換平臺時,無需變換PHP3代碼,可即拿即用。

JSP同PHP3類似，可以運行於所有平臺。如Win NT,Linux,Unix. NT下IIS通過一個插件，例如JRUN或者ServletExec，就能支持JSP。但是執行的效率並不是很好的，佔用的系統資源極高，會比ASP高出一倍。

4. 技術支持的比較

首先，PHP缺乏規模支持。其次，缺乏多層結構支持。對於大負荷站點，解決方法只有一個：分佈計算。數據庫、應用邏輯層、表示邏輯層彼此分開，而且同層也可以根據流量分開，組成二維陣列。而PHP則缺乏這種支持。還有上面提到過的一點，PHP提供的數據庫接口支持不統一，這就使得它不適合運用在電子商務中。

ASP和JSP則沒有以上缺陷，ASP可以通過Microsoft Windows的COM/DCOM獲得ActiveX規模支持，通過DCOM和Transcation Server獲得結構支持；JSP可以通過SUN Java的Java Class和EJB獲得規模支持，通過EJB/CORBA以及衆多廠商的Application Server獲得結構支持。

三者中，ASP應該是在目前的應用中是最廣泛的，並且微軟已經開發出ASP的升級版本－ASP+，這樣無論是從現在使用還是將來的發展的趨勢ASP都是一個非常好的選擇。目前國內許多大的電子商務網站都是使用ASP做爲開發語言的。


對於XX製藥網站的數據庫選型，我們認爲MS SQL Server 2000 是一個具有很高性價比的選擇。MS SQL Server 2000 是微軟公司的產品，作爲一個大型的關係型數據庫MS SQL Server 2000 不但有着關係型數據庫的共同特性，還有以下特性：

1.    聯機備份

SQL Server 2000 可以在數據備份的同時保持數據庫的聯機和可訪問狀態。

通過差異數據庫備份技術，SQL Server 2000具備了執行差異備份的功能。差異備份生成自上一次數據庫備份以來修改過的全部頁面的副本。通過這一備份方法，備份的速度得到明顯提高，並且備份總量也小於其他備份類型。此外，差異備份可以在用戶訪問數據庫的同時進行。因爲這一備份方法的高速度和低服務器影響，差異備份的頻率可以高於其他備份類型，從而降低了丟失數據的風險。

SQL Server 2000包含了另一個備份方法，該方法在降低對資源影響性的同時確保更高的可用性。無服務器快照備份是等同於完全數據庫和文件/文件組備份的功能，但這一備份方法可以在不影響到服務器性能的同時進行（所以被稱爲"無服務器"）。

無服務器快照備份需要用到一個第三方虛擬設備接口（VDI）應用程序，該應用程序可以直接與支持拆分鏡象或寫入複製操作的高級企業存儲系統進行通訊。使用無服務器快照備份的一個常見方案是三路鏡象。VDI備份應用程序可以斷開一個鏡象（另兩個鏡象繼續提供服務），並將該鏡象備份到磁帶或讓其他系統得到其訪問權。在第二個情況中，備份有效地成爲直接可用的備用數據庫。無服務器快照備份可以在磁盤鏡象聯機後快速恢復。

無服務器快照備份爲備份提供了靈活性。這不僅是一個初始化"熱"備用服務器的技術，它還可以在不影響生產環境中服務器的情況下方便地創建報表或測試數據庫。SQL Server 2000保持無服務器快照備份的歷史記錄，並可以使用常規的差異和日誌備份前滾這些歷史記錄。

2．    日誌傳送

日誌傳送可以從一臺服務器向另一臺服務器發送事務日誌，從而達到自動同步物理獨立數據庫的目的。日誌傳送可以連續將一個數據庫的事務日誌自動傳送給另一個數據庫，以提供"熱"備用。通過連續備份來自一個源數據庫的事務日誌，然後將日誌拷貝和恢復到目的數據庫中，以保持目的數據庫與源數據庫的同步。這樣就可以將查詢處理從主機（源服務器）卸載到只讀目的服務器，從而達到改善可伸縮性的目的。此外，它還通過提供熱備用服務器達到提高可用性的目的。

通過以上的特點，可以看出MS SQL Server 2000可以最大限度的爲客戶保證數據庫的資料的完整性。

服務器是維護一個網站正常運行最基本的設備，服務器的好壞關係到一個網站的運營好壞。

對於XX製藥網站的一期網站，我們認爲選用兩個 IBM Netfinity 5600即可。IBM Netfinity 5600的配置如下：
CPU P III 800 （一顆）
內存 512 M
硬盤 18.2G （兩個）
帶RAID 卡（爲以後升級準備，可以通過RAID 5實現系統的容錯）

對於XX製藥網站現階段日瀏覽量，我們認爲在開始的階段可以採用單個 WEB服務器，這樣可以最大化的利用先期的投資。隨着網站的知名度不斷的提高，網站的瀏覽量也會慢慢的變大，這樣採用單一的WEB服務器，就不能滿足網站的正常運行，這時我們可以使用負載均衡技術，將所有的訪問請求平均的分配給每個服務器，從而實現網站的正常運行。
實際上業界比較大的網站如,新浪、網易、263等，都是採用負載均衡的方式，實現網站的正常運行。這樣我們可以根據具體要求，隨時需要，隨時擴容。
























XX製藥網站的主機我們建議託管在國內的最大的IDC之一，世紀互聯網絡數據中心。世紀互聯網絡數據中心的IDC服務可以根據客戶的需要提供各種貼身的服務：

1.    充足的帶寬：世紀互聯網絡數據中心在全國擁有同骨幹網922M的帶寬，在XX同XX電信擁有155M光纖直連。世紀互聯網絡數據中心北京、XX間通過租用網通的光纖實現了2.5G的連接。同時，世紀互聯數據中心爲每位客戶提供100M的對等帶寬，。
2.    標準空間與電量：根據客戶放置服務器大小及臺數的不同，世紀互聯網絡數據中心提供2U高、1/3機櫃、2/3機櫃、整機櫃、VIP機房服務，保證良好的空間散熱及標準電量供應。
3.    額外標準電量：當用戶所需要的電量超過空間服務中標準的電量時，世紀互聯網絡數據中心提供額外標準電力的初始安裝、使用、管理、維護服務。


一個網站能夠正常的運行，網站的安全是一定要保證的，對於網站的安全，我們建議一定要使用防火牆。

1. 防火牆類型

目前，業界的防火牆主要有硬件和軟件兩種類型：硬件防火牆主要以 CISCO 公司的 PIX 爲代表，軟件防火牆主要以 Check Point公司的Firewall 爲代表。同時，考慮到防火牆的性能價格比，我們推薦方正XX科技有限公司的防火牆：firegate。

網絡防火牆技術是一種用來加強網絡之間訪問控制和防止外部網絡用戶以非法手段進入服務器、訪問服務器網絡資源、保護服務器操作環境的特殊網絡互聯設備。它對兩個或多個網絡之間傳輸的數據包，按照一定的安全策略來實施檢查，決定網絡之間通信的權限，並監視網絡的運行狀態。

2. 防火牆技術分類

防火牆系統的實現技術主要分爲包過濾（Packet Filter）和代理服務（Proxy Service）兩種。

包過濾技術是一種基於路由器的技術，由分組過濾路由器對IP分組進行選擇，允許或拒絕特定的分組通過。過濾一般是基於一個IP分組的有關域（IP源地址、IP目的地址、TCP/UDP源端口或服務類型和TCP/UDP目的端口或服務類型）進行的。基於IP源/目的地址的過濾，即根據特定組織機構的網絡安全規則，過濾掉具有特定IP地址的分組，從而保護服務器；基於TCP/UDP源/目的端口的過濾，因爲端口號區分了不同的服務類型或連接類型（如SMTP使用端口25，Telnet使用端口23等），所以爲分組過濾提供了更大的靈活性。通過防火牆系統中分組過濾路由器對特定端口IP分組的禁止，可以防止黑客利用不安全的服務對服務器進行攻擊。

代理服務技術是由一個高層的應用網關作爲代理服務器，接受外來的應用連接請求，進行安全檢查後，再與被保護的服務器連接，使得外部服務用戶可以在受控制的前提下使用網站的服務。應用網關的代理服務實體將對所有通過它的連接作出日誌記錄，以便對安全漏洞檢查和收集相關的信息。這樣我們可以通過分析日誌文件，來確定黑客的攻擊企圖，從而做到早發現，早準備，早預防。


XX世紀在網站的主體架構上集成了網站流量檢測與用戶行爲跟蹤系統Cyber-trace。Cyber-trace通過與數據庫的緊密結合，詳盡的記錄了訪問用戶的詳細情況，包括：

?    CLICKS統計
?    PAGEVIEWS統計
?    SESSION統計
?    來訪者地區分佈、回訪情況統計
?    頁面訪問情況統計（包括訪問最多的頁面，訪問最少的頁面，首訪最多的頁面，首訪最少的頁面，單訪最多的頁面，訪問最多的目錄等）
?    統計流量圖（按日、周、月）
?    用戶會話分析
?    出錯統計
?    搜索引擎統計
?    搜索關鍵字統計
?    客戶端信息統計（瀏覽器、操作系統）

Cyber-trace已經在網站上投入使用，參考網站：
http://www.gbchina.net

第五部分 站點管理與維護
XX製藥站點的管理主要可以分爲內容管理和網絡管理兩部分。
               

任何一個網頁數量大於10的網站都需要內容管理。有時候內容管理是由人工完成的，隨着網頁數量的增加，內容管理的複雜度迅速上升，人工管理的效率非常低下，錯誤很多，比如斷鏈等。因此，我們需要一個管理性軟件產品來自動、高效地完成內容管理的任務。

1.    我們先對內容管理系統的作一個簡要的介紹。

內容管理系統的主要功能有：內容創建、工作流、內容存儲、網頁發佈。不同的內容管理系統有不同的着重點，有些系統試圖實現全部四類功能，有些系統只實現核心的工作流和存儲管理。（如圖所示）


a)    內容管理系統的用戶應該包括WEB工程師、內容編輯以及協作開發的開發小組。請注意上面這個列表包含什麼和不包含什麼。並不包含網頁設計人員，因爲他們經常使用其他一些更專業的工具，比如Dreamweaver,Flash等。但是我們知道，內容創建少不了他們，所以如何讓網頁設計人員的輸出能溶入到內容管理系統是我們要考慮的。
b)    在內容管理系統中，使用模板技術來創建網頁。但是有些系統提供非常複雜而完善的支持，比如Expressroom I/O ，它提供的內容創建工具可以與FrontPage等專業的內容製作工具相蓖美。不過因爲我們剛纔說了，內容管理系統中的內容創建功能是提供給內容編輯人員的，他們並不具備優秀的網頁設計能力，所以簡單的WEB方式倒是更適合他們。
c)    工作流指的是在內容元素從一種狀態到另一種狀態轉換時提供的管理功能，比如內容輸入到系統後，需要內容審覈人員的審覈，產生相應的報告等。工作流功能的實現通常同用戶權限的管理聯繫起來，建議儘量採用電子郵件的方式實現工作流程的轉動。工作流讓所有系統的使用人員在合適的位置、合適的時候做出合適的反映，從而一起完成系統的任務。
d)    內容存儲管理需要使用數據庫，比如Oracle，Microsoft SQL Server，或者目前相當流行的XML技術。使用XML有諸多的好處，比如可以在將來重用這些內容，比如出版紙質的媒體，以及同內容合作伙伴間交換內容。
e)    內容的發佈形式是多種多樣的，FTP，或者簡單的拷貝。發佈的內容目前不僅應當考慮HTML，還應該考慮WAP的支持，無線互聯發展得是如此的快。

2.    現有產品市場狀況：目前市場上常見的內容管理系統大都是基於JAVA平臺開發，有許多國外的成熟產品。下面我們看一看這些系統：

a)    Lotus Notes，這是一個這個優秀的內容管理系統解決方案，他在內容創建層支持自定義模板，不過其編程接口非常的難懂。它的工作流管理是舉世公認的。它有自己的文檔數據庫，還可以很方便地從WEB上訪問（Domino Server），內置的Mail支持，最新的版本還支持JAVA，Servlet等。唯一的缺陷是他不能將內容發佈到其他WEB服務器上。
b)    Vignette的XCM (http://www.vignette.com)，它的內容管理系統是業界的標準。
c)    Interwoven (http://www.interwoven.com) 的Teamsite，它將web應用開發集成在一起，內置版本控制系統。
d)    Wordweb.net的Expressroom I/O，完全基於JAVA平臺開發，採用XML技術，發佈的形式包括WML。其網站上有step by step的DEMO。
e)    Ebt.com的Engenda。
f)    OpenCMS (http://www.opencms.com)，這也是一個JAVA開發的傑作，開放源代碼。

所有這些產品都比較成熟，但是對於國內用戶來說，其價格都非常昂貴，一般的用戶無法承受。

3.    XX世紀公司分析了國內企業用戶的實際需求，並採納衆多產品的長處，獨立研製開發了自主知識產權的站點內容管理系統"Content Management System 2001"。


XX世紀的"Content Management System 2001"系統採用了以數據庫爲基礎的管理模型，緊密結合了現在廣泛採用的Web技術，建立了以網絡服務器爲中心的工作方式。在這種模式下，用戶數據被置於統一的管理之下，這樣可以保證用戶的數據安全性和用戶權限的合理分配；結合Web技術使用戶的客戶端非常簡化，程序只需要在服務器上改動就可以對所有的用戶生效；先進的數據結構保證了數據的高速存取和擴展能力。

"Content Management System 2001"的中心服務器系統採用了具有相當靈活性的設置，根據用戶的要求，"Content Management System 2001"支持多臺服務器組成的服務器陣列進行分佈式檢索，運算；同時系統針對比較小的用戶使用量設計了優化算法，使用戶程序可以在單臺服務器上取得卓越表現。

"Content Management System 2001"配置了完善的外掛功能模塊，可以根據用戶需求進行靈活配置，實現諸如批量文章入庫，圖文混排入庫等附加功能。系統提供給用戶完善的程序接口，可以同用戶的原有及新增系統實現無縫連接。

"Content Management System 2001"可以非常好地支持工作流定義。"Content Management System 2001"本身是一個內容管理平臺，可在其上開發基於工作流的辦公自動化、電子政務、電子商務系統。在"Content Management System 2001"系統中，系統的控制流被交給專門的工作流引擎，因此係統開發週期大大縮短，而且系統的最終用戶可使用"Content Management System 2001"提供的處理定義工具隨時重新定義業務處理流程，從而充分地滿足企業業務流程重建（BPR）的需求。

CMS 2001具有如下特性：
?    強大的工作流支持。
?    版本控制功能，文檔鎖定功能，支持多人團隊的開發。
?    內容創建的可視化環境。WEB界面，所見即所得。
?    模板的可視化創建。
?    網站結構的樹型顯示，管理。
?    基於項目的管理，實現任務的指派和執行情況跟蹤。
?    項目文檔的可視化管理。
?    基於規則的更新，可選擇內容變動立即更新，定時更新，可指定更新範圍。
?    內置的消息系統，可在用戶間傳遞實時信息。
?    所有界面均在WEB上實現，模擬WINDOWS的界面，非常易於使用。
對於XX製藥網站的網絡平臺和硬件管理，如對網站服務器的維護，可以通過防火牆構建專用的VPN通道來實現，或者對ftp的聯入ip進行限制，從而實現安全保證。這樣，我們就可以根據網站的發展，隨時的擴充服務器，隨時的擴展帶寬，以適應不斷擴大的瀏覽及計算處理量需求。

網站維護示意簡圖：





第六部分 開發計劃
按照項目要求和網站建設的規範，我們將XX製藥站點的改建工作分爲兩個階段實施，把相應的工作按照實際情況，從合理的角度分配到兩個階段中。


開發計劃時間表

    項目    內容描述    時間計劃







網站建設期
    完整網絡平臺建構    按照初期流量規劃選擇和系統，搭建網絡平臺所需的軟、硬件環境    5個工作日
    站點風格定位與設計    ?    整體風格設計與製作
?    各級模板設計與製作
?    互動頁面設計與製作
?    動畫創意製作    10個工作日
    全部信息性欄目建設    架構完成全部設計規劃中定製的信息性欄目內容，結合原有和新增的文章內容，整編分類發佈    5個工作日
    部分功能性欄目建設    ?    虛擬社區：BBS 聊天室 會員數據庫建設
?    搜索引擎（普通類）
?    網上調查（簡易型）
?    應用個性化信息推送系統Cyber-PMS 2.0，實現電子雜誌自動個性化配置與發送    10個工作日
    網頁內容管理髮布系統    Cyber－CMS 2.0 版的應用    2個工作日
    網站整體測試    網站各部分整體測試與糾錯    1個工作日


功能擴展期    根據需要增加硬件配置    對系統平臺進行升級    1個工作日
   
升級站點既有功能    ?    搜索引擎：升級到Cyber-Search 1.2版本
?    網上調查：升級到專業版本，實現自動化設置與管理    5個工作日
    個性化內容服務    實施個性化網頁技術，實時動態自動完成個性化頁面瀏覽    5個工作日
    網上零售系統初建    初步建立網上銷售平臺    15個工作日
    在線遊戲互動建設    建設在線互動虛擬社會遊戲    15個工作日
電子商務期



1. 階段目標：

a)    使XX製藥網站成爲國內知名的專業信息和生活類信息提供站點。
b)    擴大XX製藥的網上知名度，提供網上宣傳、推廣、售後服務，樹立XX的現代企業形象和XX製藥的領導品牌形象。
c)    成爲一箇中立的、專業的自我保健網站，爲想自我保健、愛美及有關自我保健專業等人士提供量身定製的個性化服務，成爲他們的社區。
d)    保持一定的日訪問量（1萬以上的頁讀數/每日），吸引一定數量的忠誠用戶（10萬以上）、收集分析相關信息，爲集團公司的行銷服務。

2. 建設內容：

a)    完整網絡平臺建構：按照初期流量規劃選擇和系統，搭建網絡平臺所需的軟、硬件環境。
b)    站點風格定位與設計：
?    整體風格設計與製作
?    各級模板設計與製作
?    互動頁面設計與製作
?    動畫創意製作
c)    全部信息性欄目建設：架構完成全部設計規劃中定製的信息性欄目內容，結合原有和新增的文章內容，整編分類發佈。
d)    部分功能性欄目建設：
?    虛擬社區：BBS 聊天室 個人主頁
?    會員數據庫建設
?    搜索引擎（普通類）
?    網上調查（簡易型）
?    應用個性化信息推送系統Cyber-PMS 2.0，實現電子雜誌自動個性化配置與發送
e)    網頁內容管理髮布系統 Cyber－CMS 2.0 版


1. 階段目標：

a)    利用社區提供最優化的客戶服務，實現對客戶忠誠度的管理，使XX品牌在消費者心目中樹立牢固的形象。
b)    增強站點功能應用：
c)    引入個性化功能，優化客戶服務與管理，鞏固現有用戶，擴大客戶數量和範圍。
d)    進行網絡銷售試點，爲商務建設作準備

2. 建設內容：

a)    根據需要增加硬件配置
b)    升級站點既有功能
?    搜索引擎：升級到Cyber-Search 1.2版本
?    網上調查：升級到專業版本，實現自動化設置與管理
c)    個性化內容服務：實施個性化網頁技術，實時動態自動完成個性化頁面瀏覽
d)    網上零售系統初建，實現網上零售，通過專業銀行支付平臺完成網上付款，以郵寄方式送貨
e)    大型多人在線虛擬社會遊戲“XX保健國度”，模擬健康生活體驗


對於電子商務的網絡建設，目前是整個業界的討論焦點，其賴以實現的社會環境和技術環境都還有待進一步完善，而其本身也是一個複雜而細緻的項目工程。因此，我們認爲應該將其作爲一個發展方向，在XX製藥網站改建工作完成之後根據運營情況和條件進行單獨設計開發。


第七部分 標準報價
本項目的報價涉及網站建設的全部內容，其中一部分是XX世紀公司的服務項目內容或產品，包括：
?    一次性投入的服務內容，如站點策略、諮詢、創意、美工、網絡建設等
?    屬於XX世紀公司版權的網絡產品，如內容管理系統、個性化網頁系統、個性化信息推送系統等
?    對於XX製藥網站的維護及技術支持性服務內容，如流量監測、硬件維護、產品支持等

另一部分則是非XX世紀公司的經營內容，需要外購或外包的，包括：
?    網絡硬件部分，如服務器、硬件防火牆等
?    需購買使用的軟件產品，如數據庫、開發用軟件、操作平臺軟件等
?    託管類服務內容，如主機存放、帶寬租用等

下面我們就按照工作內容和項目階段分別進行報價明細說明：

一、 按工作內容分類
（價格單位： 人民幣萬元）
項 目    報 價    說 明
1. 站點策略部分
a    站點方向定位    免費   
b    站點建設策劃    免費   
2. 界面設計及互動實施
a    整體風格設計定位    0.5    色調、文字樣式、結構佈局規範
b    各級頁面模板設計製作    1    根據現有欄目設置工作量計算
c    互動功能設計製作    0.5    將根據具體實施內容調整
d    動畫創意及製作    1    將根據具體實施內容調整
e    虛擬社會遊戲    -    將根據具體開發要求進行調整
3. 後臺功能
a    虛擬社區    0.5    含BBS 聊天室
b    會員管理系統    0.5    將根據具體功能設置調整
c    搜索引擎（專業類）    0.5    Cyber-Search 1.2 版產品
d    網上調查（專業型）    0.3    產品開發價和安裝費，贈送一年維護服務
e    智能用戶問答系統    0.5    Cyber-Q&A產品開發價和安裝費
f    電子賀卡系統    0.8    附送5個電子賀卡的創意、設計與製作
g    電子雜誌訂閱（通用型）    0.5    郵件列表服務
h    個性化信息推送系統    0.6    Cyber-PMS 2.0 版產品價和安裝費，不含維護費
i    個性化網頁內容引擎    0.8    自動跟蹤記錄和個性化配置網頁，送一年維護
j    網上零售系統    0.8    網上定單、郵寄送貨

4. 網絡平臺架構
a    服務器    3    一臺Intel Web Server，外購
b    操作平臺    0.9    Windows 2000 Server一個，外購
d    數據庫    1.7    MS SQL Sever，外購
e    流量管理與用戶分析    1.2    Cyber-Trace，產品價
f    防火牆    6    EC-Founder Firebridge (代理價)
5. 網絡空間租用
a    帶寬和空間租用（4U）    2.8    一年
6. 維護與技術支持
a    內容管理與發佈    3    CMS 2001版產品價，贈送一年維護服務
b    流量週報表    免費    月服務費
c    硬件管理維護    －    月服務費
d    軟件產品支持    免費    月服務費
總計：一次性費用：24.6（XX13＋外購11.6）
運營費用：2.8/年(XX0+外購2.8)

如果考慮費用問題，XX世紀提供第二種解決方案，其他部分報價不變，網絡平臺架構方面可採用如下解決方案（RedHat Linux7.0+MySQL+PHP）：
4. 網絡平臺架構
a    服務器    3    一臺Intel Web Server，外購
b    操作平臺    免費    RedHat Linux7.0
d    數據庫    免費    MySQL
e    流量管理與用戶分析    1.2    Cyber-Trace，產品價
f    防火牆    6    EC-Founder Firebridge (代理價)
總計：一次性費用：22（XX13＋外購9）
運營費用：2.8/年(XX0+外購2.8)

二、 按項目進程分類

根據第六部分的項目分期實施計劃，第一階段初建期的投入情況爲：

1.    內容策劃、創意及互動製作： 3
2.    後臺功能實現：5.8
3.    站點內容管理產品：3（1.2.3.項合計：11.8）
4.    網站平臺建設：12.8或10.2
5.    維護及技術支持（一年）：Free
6.    服務器存放及帶寬租用（一年）：2.8

第二階段功能擴展期的投入可以根據需要而選用不同的項目單獨進行應用或一起投入：

1.    大型在線虛擬社會遊戲：-
2.    網上零售系統：
3.    其它需要擴容的硬件設備：

我們也可以依據以上報價，在項目計劃過程中根據具體的需要增加或更換製作內容，以更加靈活便利的方式達到最適用的效果，這也是我們在客戶服務中的一種個性化的定製服務模式。

第八部分 公司介紹
XX世紀是一家利用先進互聯網技術爲企業提供全套的專業網絡營銷解決方案的技術服務公司。爲企業提供一步到位的個性化網絡營銷解決方案，幫助中國企業利用網絡技術提高營銷、管理效率，構建符合新經濟要求的網絡營銷體系，提高企業的核心競爭力。藉助互聯營銷方案，爲企業擴展市場空間創造條件，迎接21世紀新經濟時代的挑戰。
XX世紀成立於2000年4月份，是由1998年1999年兩屆中國唯一國家級網絡知識/技術比賽《中國電信杯全國青少年網絡知識大賽》、《中國銀行杯中國首屆網絡知識大賽》的全國總冠軍“北京市代表隊”所組建。全部成員來自於清華大學、北京大學、中國人民大學、北京航空航天大學、北京理工大學北京五大高校畢業生。50%以上爲碩士研究生，具備深厚的技術專業背景及團隊合作經驗。

XX世紀爲客戶提供專業的服務，主要包括如下項目：
?    網絡營銷解決方案
提供網絡營銷平臺
客戶行爲追蹤/分析系統
企業產品展示、促銷技術解決方案
營銷管理工具
市場情報中心
?    企業管理解決方案
Internet OA 協同辦公系統
企業信息管理
項目管理工具
企業信息中心
?    網絡營銷策劃
網絡廣告
在線市場推廣活動
在線促銷活動
在線市場研究
網上路演
在線公關傳播
?    設計製作
網頁設計
多媒體光盤的設計與製作
網絡廣告的創意設計
網絡多媒體設計、視頻、音頻傳播
產品展示設計
?    開發
基於Web應用程序的開發
XML技術開發
數據庫設計與維護
電子商務設計與製作
網站建設，包括網站策劃、創意設計與製作、運營維護
?    運營
互聯網發展顧問諮詢







XX世紀在建立到現在的時期裏，通過努力經營和成功的市場行銷活動，吸引了大量客戶的關注和信賴，多次爲跨國企業和國內大型集團完成了多個成功的案例，其中具有代表性的有：HP、Motorola、Lucent、中遠集團、中化集團、方正奧德等10多家中外知名企業
憑藉專業的技術水平、先進的理念以及熱情認真的服務態度，XX世紀在成立不久就在IT網絡營銷服領域樹立自身的良好形象，已經爲HP、Motorola、Lucent、中遠集團、中化集團、方正奧德等10多家中外知名企業提供網絡營銷技術服務，同時建立了10餘家重要的行業戰略合作伙伴。
XX世紀有限公司爲惠普（中國）軟件部提供了長期的服務，爲惠普（中國）公司軟件部製作和維護了軟件部網站：http://www.software.hp.com.cn.
XX世紀有限公司爲朗訊（中國）採購部提供了長期的服務，爲朗訊（中國）公司採購部製作了採購部內部網站；XX世紀有限公司爲朗訊（中國）公司提供了企業信息項目管理諮詢服務。
XX世紀有限公司爲中國遠洋房地產公司提供了在線營銷方案諮詢和執行服務。爲中國遠洋房地產公司提供了網上營銷平臺。
XX世紀始終依賴自身對互聯網的獨特瞭解，先進的網絡技術，爲用戶着想的執着信念爲用戶提供互聯網時代的電子商務解決之道。




第十部分 總 結
在一個項目開始前，我們必須對站點的戰略方向進行一個明確而適當的定位，從而最大程度上發揮所有的資源投入優勢，達到爲企業服務的目的，避免不必要的損失與浪費。XX製藥網站的是一個改建性項目，改成什麼，怎樣去改，都是首先考慮的問題，方向的定位具有突出的重要性。當前的國內的網站建設技術力量已經十分成熟，同國際前端水平非常接近，要尋找一家技術型的網站建設公司並非難事；然而，在策略和諮詢類的服務方面，國內卻處於缺乏狀態，從所提供的企業數量上，還是從服務的深度上都有待進一步發展。XX世紀作爲迪思傳播集團的下屬企業，是大陸最先引入網絡行銷理念和高級互動技術的少數幾個企業之一，不斷通過其獨有的商務及非商務渠道，一直同國際策略合諮詢界保持着良好的管理，能夠最先獲得數字媒體領域的信息和趨勢走向，可以爲XX製藥網站的建設提供最具價值的策略建議。

相對於曾經風起雲涌的一代ICP來，XX世紀在老百姓中的知名度相去甚遠。但是，作爲一個專業的網絡建設服務商，我們一直專注與向客戶提供有效、適用、完善、周到的服務，因爲我們從企業創建的那一刻，就深深地理解服務這個概念所代表的含義，這也XX世紀總是受到大的國際性企業的青睞的原因之一。正是憑藉着優質、高效的服務，XX世紀的信譽和企業知名度以驚人的速度上升，並且在業界獲得了相當高的信譽及企業知名度。我們將以同樣的服務意識和質量圓滿完成XX製藥站點的改建項目。

如何把後臺功能和出色的藝術創意結合是一個網站獲得成功的重要一點，而對於XX製藥這樣以保健作爲產品行銷導因的企業網站，這一點顯得尤爲重要。融會東、西方智慧與理念的XX世紀公司集中了國內和國際的業界優秀人才，有機而完善地將藝術創意、行銷理念和技術功能結合在一起，逐步開拓出一個全新的網絡行銷空間，其每一個作品都會獲得客戶和業內同行的讚許，而XX世紀的不斷探索使得每一個項目都具有新的內涵和亮點，將網絡應用推向高潮。我們相信，XX製藥站點的建設必將成爲XX世紀又一個成功之作。


對於項目的技術和開發者來說，技術固然重要，但如何將掌握技術的人與項目進程緊密聯繫，使每一個開發組成員都能夠優質、高效地完成並促進項目，並不是所有的開發企業都能夠掌握的。XX世紀在長期的項目實踐中總結出了一整套項目管理方法，並借鑑國際先進的開發控制流程，形成了一個完善的項目管理體制，可以保證任何一個大型的開發項目按照規劃順利實施。同時，XX世紀正在自行開發一套廣域網概念的管理程序，可以將項目管理移植到網上，使開發者、管理者、客戶這三方可以通過最快捷有效的方式和方法對項目進行監控、管理、調配、檢驗，真正做到數字化管理。

部門協作及模板文件應用表



項目開發流程圖



任何的企業都不可能獨立完成所有的經營活動，社會分工的細化程度也是一個社會商業發達程度的體現。互聯網界以其特殊的背景和溝通手段，建立了一個相互協作的良好行業模式，不同性質和規模的企業經常合作完成一個項目的不同部分，而各自則以更加專業的分工服務客戶。XX世紀在幾個相關的數字傳媒和網絡領域結識了許多優秀的企業並建立了良好的合作關係。



通過以上這一系列的資源優勢和內部實力，我們有充分的信心和決心完成XX製藥站點的改建項目。您的信賴將是成功的開始！
http://www.goddessfireworks.com/adesign/dishi.rar完整下載

 

 

標題：通用界面指南 作者：donger
引：http://bbs.blueidea.com/viewthread.php?tid=1517169
一：遵循一致的準則，確立標準並遵循
無論是控件使用，提示信息措辭，還是顏色、窗口布局風格，遵循統一的標準，做到真正的一致。
這樣得到的好處：

1：使用戶使用起來能夠建立起精確的心裏模型，使用熟練了一個界面後，切換到另外一個界面能夠很輕鬆的推測出各種功能，語句理解也不需要費神理解
2：降低培訓、支持成本，支持人員不會行費力逐個指導。
3：給用戶統一感覺，不覺得混亂，心情愉快，支持度增加

做法：
項目組有經驗人士，確立UI規範：
•美工提供色調配色方案，提供整體配色表
•界面控制程序人員、用戶體驗人員提出合理統一使用的控件庫。參考標準界面使用規範：

控件功能遵循行業標準，windows平臺參見《Microsoft 用戶體驗》(MSDN中有，中文已經翻譯發行，項目組必須有一本)
控件樣式在允許的範圍內可以統一修改其樣式、色調
參考其他軟件先進操作，提取對本項目有用的功能，以使用，絕對不能盲從，漫無目的。
根據需要，設計特殊操作控件，準則爲：簡化操作、達到一定功能目的

•界面實施人員與美工商榷控件可實現性,(如不實行此步驟，將會導致各自對對方工作不滿意，也會產生不一致的混亂)。重複疊代上述工作。
•建立合理化文檔《UI標準》描述上述規範，
•強行界面設計者理解之，並作爲開發準則，
•SQA人員進行監控開發人員是否遵循，及時告誡開發人員。



二：(Color)顏色使用恰當，遵循對比原則：
1：統一色調，針對軟件類型以及用戶工作環境選擇恰當色調：
如：安全軟件，根據工業標準，可以選取黃色，綠色體現環保，藍色表現時尚、紫色表現浪漫等等，淡色可以使人舒適，暗色做背景使人不覺得累等
2：如果沒有自己的系列界面，採用標準界面則可以少考慮此方面，做到與操作系統統一，讀取系統標準色表
3：色盲、色弱用戶，即使使用了特殊顏色表示重點或者特別的東西，也應該使用特殊指示符，如"!"，"?"着重號，以及圖標等
4：顏色方案也需要測試，常常由於顯示器、顯卡的問題，色彩表現每臺機器都不一樣，應該經過嚴格測試，不同機器進行顏色測試
5：遵循對比原則：在淺色背景上使用深色文字，深色背景上使用淺色文字，藍色文字以白色背景容易識別，而在紅色背景則不易分辨，原因是紅色和藍色沒有足夠反差，而藍色和白色反差很大。除非特殊場合，杜絕使用對比強烈，讓人產生憎惡感的顏色。
6：整個界面色彩儘量少的使用類別不同的顏色
itop色表
具體標準參考美術學統計學術標準。
色表的建設，對於美工在圖案設計、包裝設計上起着標準參考作用，對於程序界面設計人員設計控件、窗體調色起到有章可循的作用。


三：(Resource)資源
一個多姿多彩的人機交互界面，少不了精美的鼠標光標、圖標以及指示圖片、底圖等。

1：也需要遵循統一的規則，包括上述顏色表的建立，圖標的建立步驟也應該儘可能的形成標準，參考itop的outlookbar圖標設計標準
2：有標準的圖標風格設計，有統一的構圖佈局，有統一的色調、對比度、色階，以及圖片風格
3：底圖應該融於底圖，使用淺色, 低對比，儘量少的使用顏色。
4：圖標、圖像應該很清晰的表達出意思，遵循常用標準，或者用戶機器容易聯想的到物件，絕對不允許畫出默認奇妙的圖案。
5：鼠標光標樣式統一，儘量使用系統標準，杜絕出現重複的情況，例如某些軟件中一個手的形狀就有4鐘不同的樣子。
如：《如何創建XP圖標》http://www.microsoft.com/china/msdn.../winxpicons.asp
附件：Itop outlook howto.doc 描述itop項目中，outlookxp風格圖標的製作方法


四：(Font)字體
使用統一字體，字體標準的選擇依據操作系統類型決定。
中文采用標準字體，“宋體”，英文采用標準 Microsoft Sans Serif 不考慮特殊字體(隸書、草書等,特殊情況可以使用圖片取代),保證每個用戶使用起來顯示都很正常。
字體大小根據系統標準字體來，例如 MSS字體8磅，宋體的小五號字(9磅)五號字（10.5磅）。
所有控件儘量使用大小統一的字體屬性，除了特殊提示信息、加強顯示等例外情況
ITop採用BCB，所有控件默認使用 parent font，不允許修改，這樣有利於統一調整。

•系統大小字體屬性改變的處理。
Windows系統有個桌面設置，設置大字體屬性，很多界面設計者常常爲這個惱火，如果設計時遵循微軟的標準，全部使用相對大小作爲控件的大小設置，當切換大小字體的時候，相對不會有什麼特殊問題。
但是由於常常方便使用點陣作爲窗口設計單位，導致改變大字體後，出現版面混亂的問題。
這個情況下，應該做相應處理：
1：寫程序自動調節大小，點陣值乘以一個相應比例
2：全部採用點陣作爲單位，不理會系統字體的調節，這樣可以減少調節大字體帶來的麻煩。BCB/DELPHI中多采用這種方法，但是必然結果是和系統不統一。

五：(Text)文字表達
提示信息、幫助文檔文字表達遵循以下準則：

1：口語化、客氣、多用您、請，不要用或少用專業術語，杜絕錯別字
2：斷句逗號句號頓號分號的用法，/r/n 提示信息比較多的話，應該分段，
3：警告、信息、錯誤 使用對應的表示方法
4：使用統一的語言描述，例如一個關閉功能按鈕，可以描述爲退出、返回、關閉，則應該統一規定。
5: 根據用戶不同採用相應的詞語語氣語調，如專用軟件，可以出現很多專業屬於，用戶爲兒童：這可以語氣親切和藹，老年用戶則應該成熟穩重。制定標準遵循之。



六：(STYLE)控件風格，不要使用錯誤控件，控件功能要專一
有設計好的同一風格的控件，如果沒有能力設計出一套控件，則使用標準控件，絕對不能不倫不類，雜亂無章
•不要錯誤使用控件，例如：
使用Button樣式做TTable的功能，拿主菜單條顯示版權信息，
•統一類型的控件操作方式相同，例如一個控件雙擊可以執行某些動作，而同樣控件，雙擊卻沒有任何反映
•一個控件只做單一功能，不復用
很多人爲了寫程序方便，喜歡把一個控件在不同情況下做不同功能用，這些對用戶初次理解增加難度，只有用戶熟悉後才能理解。
例如

改變紅色選項，左邊的參數代表不同的設置，可能由於爲了節省控件或者編程量，但是隻有熟練用戶纔回使用，這種情況下解決方法：

1:分組，使用雙份控件.
2：使用TABLE頁，給用戶很明顯的視覺變化

七：(ALIGN)控件佈局，窗口不擁擠，按功能組合控件，
1：屏幕不能擁擠
擁擠的屏幕讓人難以理解，因而難以使用。試驗結果(Mayhew,1992年)屏幕總體覆蓋度不應該超過40％，而分組鍾覆蓋度不應該超過62％。
讓人看上去，不能太擁擠，也不能太鬆散。
整個項目，採用統一的控件間距，通過調整窗體大小達到一致，即使在窗體大小不變的情況下，寧可留空部分區域，也不要破壞控件間的行間距。

2：區域排列
一行控件，縱向中對齊, 控件間距基本保持一致
行與行之間間距相同，靠窗體Border距離應大於行間間距(間距加邊緣留空)。
當屏幕有多個編輯區域，要以視覺效果和效率來組織這些區域。
3：數據對齊要適當
說明文字，中文版應使用中文全角冒號，縱向對齊時，並按冒號右對其，如圖。
縱向控件寬度儘量保持相通。並左對齊。
例如金額等字符穿應根據小數點對齊，或者右對齊
4：有效組合
邏輯上相關聯的控件應當加以組合，以表示其關聯性，反之，任何不想光的項目應當風格開，在項目集合間，用間隔對其進行分組，或者使用方框劃分各自區域。
例如： 以下界面，選擇搜索方式來判斷號碼範圍是表示主叫號碼範圍還是被叫號碼範圍，和入帳方式無關，
則應該修改爲： 搜索方式和入帳方式調換位置。以免用戶產生誤解。
5：窗口縮放時，控件位置、佈局：

爲了使界面不出現跑版或者難看的局面，解決方法：
1：固定窗口大小，不允許改變尺寸，
2：改變尺寸的窗口，在Onsize的時候做控件位置、大小的相應改變。
BCB/DELPHI的VCL中，大部分控件有佈局屬性：
某些控件擁有alignment屬性，可以用來做佈局調節：TcustomPanel，Tmemo等，考左靠右靠上靠下以及撐滿(Client)屬性，用來根據版面自動調節。
大部分控件有屬性Anchors，裏面上下左右akLeft, akTop等如果爲true，則表示相對各個邊緣的距離是否改變。這個可以進一步設計好排版工作。



八：(TAB ORDER)TAB順序
習慣用法，閱讀順序，從從左到右，從上到下
窗體中控件的Tab按鍵激活順序，TabOrder,. BCB/DELPHI中使用窗體設計右鍵菜單選擇taborder設置，VC中窗體RES編輯區域使用ctrl+D





九：(ShortcutKey & Accelerator& PopMenu)快捷鍵、加速鍵和彈出菜單
•快捷鍵：

1：全局快捷鍵菜單中加以描述 CTRL+XXX 併入幫助列表。

2：快捷鍵寫入幫助，特殊說明，並在使用培訓時強調使用



•加速鍵：

1：使用非破壞性缺省按鈕，回車、ESC鍵的正確使用

一個窗體，有默認加速鍵，如回車表示激活當前窗口設置爲default的按鈕動作，esc表示關閉窗口。

在調用default按鈕動作和關閉動作時候，不應該做有破壞性的操作，避免用戶錯誤操作產生危害程度，例如不能把刪除數據等功能的按鈕作爲缺省按鈕。當用戶要提交很多數據時，應該屏蔽esc，或者做退出提示，告誡用戶是否保存提交。



2：可接收動作控件必須擁有加速鍵，統一加速鍵描述(&A)

爲結合鍵盤使用，可操作控件都應該有加速鍵，加速鍵定義準則，爲英文單詞第一個字母，如果同一窗體重複則用第二個字母，以此類推，則加速方式爲alt+這個加速鍵，用統一的方法標識在界面中，如XXX(A) 或者wps的 A.XXX 英文可直接在字母下標識下劃線 Cancel，

對於無法像button一樣顯示快捷鍵的Edit等控件，則在Edit描述的Label中顯示快捷鍵。



•彈出菜單

輔助菜單必須在可視化界面上擁有對應的按鈕或者菜單選項。

由於輔助菜單由用戶點擊鼠標左右鍵或者別的動作才能調出來顯示給用戶。無法清晰的顯示給用戶，所以對應選項應該可以通過別的途徑得到,例如界面上有相應控件或彈出右鍵菜單的按鈕等。



十：(ACTION)用戶交互
1：disable而不是not visible

要使一個功能有時允許有時不允許用戶使用，則這個控件的不能隨便隱藏，應該使用disable屬性進行表示，以免用戶發現控件失蹤後措手無策



2：窗口彈出位置要明顯

點擊一個控件，彈出窗口或者菜單，應該給人明顯提示，最低要求是覆蓋剛纔點擊的位置，讓用戶輕鬆跳轉到新的界面。



3：執行動作要提示



給用戶一個視覺感受的同時，寫程序的時候應該注意用戶的交互感受，UI作爲人機對話的工具，用戶做了任何動作，應該給用戶一個視覺或者聽覺、觸覺提示。而且這個提示應該行明顯，但不應提示過長，可以有以下幾種方法：

當用戶點擊按鈕等動作進行一個工作時：

1：彈出交互對話框讓用戶點擊確認。


2：改變UI中控件參數提示：(處理不用用戶確認的提示，有一定延時，或者用戶按鍵後自動清除。)

如：改變標題欄字符串，顯示“信息：提交成功”,或者專門設置一個狀態欄、TLable等用來進行提示。


3：聽覺提示：

在確定有聲卡，用戶可以聽到聲音的時候，發出特殊聲音提示。一般作爲重要提示的輔助。聲音不應過長，緊急錯誤提示應該短促，頻率較高，成功提示應該舒緩，輕鬆。等等……


十一：(HELP)聯機幫助：
什麼時候要幫助，什麼時候不要幫助

1：系統默認、行業標準的控件操作不需要逐一描述，只需要對特殊控件加以描述

2：特殊操作、特殊功能界面，在界面上加控件直接連接到對應的HELP文件中

3：特殊設置詳細，應該在界面上用簡潔明瞭的語句說明，或者是好用Tiptool，並由第二步幫助

幫助文檔：

結構化，按功能模塊劃分

必須闡述功能通過什麼方法可以在軟件中實現

幫助文件是幫助用戶更好的使用軟件，措辭要恰當、簡捷、通俗易懂,每一句話都應該有目的，幫用戶解決問題

幫助文件不是廣告、商業軟件不允許打廣告。描述公司信息目的是爲了方便用戶在沒有辦法的情況下找到售後支持，網址連接、信箱地址、電話號碼絕對不允許無效。



十二：發行時闡明規則
對統一的東西進行逐一闡述，並加以典型描述，放入HELP和用戶手冊中，同時加有詞彙表




附錄：
美工何時參與進來：

美工作爲界面美化的主要人員，不但擁有藝術設計、包裝設計的才能，還應該穿插整個項目，給界面程序設計人員提出系統參考意見。

1：軟件設計前期，美工參與需求瞭解，分析同類軟件界面有缺點，提出主色調、典型界面風格、以及構思整個美術包裝等。



2：界面原型設計過程中，與開發人員共同修改、商榷最終表現樣式，以及確立UI標準。

3：程序開發過程中，提供標準風格的資源文件（icon,cur,bmp等），並總結出統一風格的資源的設計過程，形成規範文檔* .

4：產品化方面，協助製作幫助文件、網站風格以及參與制作，製作附帶宣傳圖片、動畫、產品包裝、海報等。

 

 

關於網頁標準 作者：嘯
引：http://bbs.blueidea.com/viewthread.php?tid=688868
Designing & Building With Standards 關於網頁標準


99.9% of Websites Are Obsolete
An excerpt from Forward Compatibility: Designing & Building With Standards

http://www.digital-web.com/features/feature_2002-09.shtml

看到文章的標題很嚇人：99.9%的站點都是陳舊過時的。

這個嚇人的標題吸引我把長長的文章看完了，說老實話，第一遍真的沒怎麼看懂，直到第二遍才稍微有點眉目。這是一篇通過分析現在網頁存在的問題闡述制訂網頁標準的必要性，最後附上了作者認爲網頁標準應該達到的目標。

文章先分析了現在很多網站存在的一些比較陳腐的做法，舉了yahoo做例子：



看起來十分簡樸的外觀後面卻是下面這樣錯綜複雜的標示代碼：



“Yahoo的每天頁訪問量是數以百萬計的。這些小的細節在這些天文數字的訪問量中累積起來，就是一個很大的問題，給服務器造成了以G計算的額外負擔。

其實yahoo只需要把裏面那些吞食帶寬的<font>標籤換成用css來定義，就可以大大減輕服務器的負擔，公司的利益也可以因此而上升。但爲什麼yahoo卻沒這麼做呢？

我們只能推論公司希望它現在的網站即使放在1995年那些不支持css的瀏覽器上也能正常顯示。或者說沒有人，包括yahoo的管理者，注意yahoo的外觀。這個網站的巨大成功完全歸功於它所提供的服務，而不是它華麗的外觀。（雖然它根本沒有華麗的外觀）。(The irony is that no one beside Yahoo's management cares what Yahoo looks like. The site's tremendous success is due to the service it provides, not to the beauty of its visual design (which is non-existent).)”

難怪有人總喜歡把網頁兼容性放在了比可用性，合理性，以及其他的一些利益更重要的位置上。


在作者眼裏，這裏所謂的網頁向前兼容性，就是：
“使用一些標示和代碼確保每一個瀏覽者都能看到同樣的效果，不管他用的是Netscape1.0還是IE6.0.說起來很好聽，但花費往往是很高的，而且還未必都能實現。

其實根本就沒有完全意義上的向前兼容。它往往有一個取捨點。

很多程序員的做法都是定義一個支持的最低瀏覽器版本（比如說Netscape 3）,高於這些版本的就支持，低於這些版本的就不支持。而爲了支持不同的瀏覽器和版本，他們不得不寫很多額外的腳本，網頁的體積不斷的增大，服務器的負擔不斷的加重，就這樣不斷的持續下去，直到他們的錢都花光了，網站的生意也完蛋了。”

同時作者還討論了關於單一瀏覽器支持的問題，現在很多網站只支持IE瀏覽器，“我們暫且不討論一個網站是否應該放棄那些15%-25%的不使用IE瀏覽器的潛在訪問者，就單從回顧歷史的角度來看，在幾年前，Netscape的市場佔有率比IE在今天的市場佔有率高得多，很多網站就只支持Netscape瀏覽器，但結果是，隨着市場的變化，這些只支持Netscape的網站都被扔進了信息高速公路旁的垃圾堆裏，投入的數不清的美元都付之東流。

同樣的命運會不會落在那些只支持IE的網站身上呢？看起來好像是不可能的。其實我們也用不着去猜測，在網上，唯一不變的真理就是每樣事情都在改變。現在，一些非傳統的Internet設備越來越多，人們的瀏覽方式也越來越多，不斷的追求奇特的和個性化的瀏覽體驗，這些都是我們要考慮的因數。”

在作者看來，要解決上面說的問題，就要制訂和實施網頁標準了。有了這些標準，我們就可以不用考慮瀏覽器的支持製作出一個統一的頁面。

作者認爲，“微軟贏得了瀏覽器之戰的勝利，卻使我們暫時失去了更重要的東西：那就是做一個可用的，易實施的，符合行業標準的網頁的機會。”一個新的瀏覽器版本推出來了，很多人就去研究它的新特性，然後根據這些特性來製作自己的網站，而往往這些方法都是不符合標準的，僅僅基於該版本的瀏覽器，正是這種急功近利的做法使我們失去了作者所說的機會，我想這個倒是值得我們深思的。

接下來，作者進一步把問題展開了。“在編程裏，有這麼一句話，叫"Garbage In, Garbage Out."(進去的是錯的，出來的也是錯的)。意思是，在程序裏面，如果你的代碼寫得正確，程序可以正常運行，而如果你得代碼寫得不對，有錯誤，程序就不能正常運行，一些編程語言比如C++或Java，不僅是鼓勵，而是必須要求你正確書寫代碼，否則就出錯。

同樣的，在圖像設計中也有這樣的問題，如果一開始使用的是高分辨率的原始圖像，我們就可以做出高質量的成品，但如果原始圖像的分辨率很低，我們不可能做出很高分辨率的成品，這也是"Garbage In, Garbage Out."

但我們傳統的主流瀏覽器卻不是這樣的，不管你的標示是否完整或者連接是否正確，都照單全收，而且很多時候顯現出來的頁面還和正常的一模一樣，這就使得很多設計者養成了錯誤的書寫習慣，而且很多時候他們自己根本就覺察不出來。同時它也使很多人認爲象XHTML,CSS, JavaScript這樣的技術就是低等的，原始的，用不着去考慮太多的細節。

一個不尊重工具的人總是不能正確去使用它，看看下面的代碼片斷，它是從一個電子商務網站中引用出來的：

<td width="100%"><ont face="verdana,helvetica,arial"
size="+1" color="#CCCC66"><span class="header"><b>Join now!
</b></span></ont></td>

首先看看這個毫無意義的<ont> 標籤，完全就是對<font>標籤的不尊重和藐視，幸好有高效的製作工作，使數以千計的這樣的錯誤得到改正，除了這個錯誤，這些代碼看起來都很熟悉，或許還和你的網站代碼有點類似，但實際上，這麼長的代碼完全可以只寫成：

<h2>Join now!</h2>

然後再配上一個外部的css 樣式，簡單而規範，大大減輕服務器的負擔，而且也十分有利於向XML的轉變。

再看看下面的例子：

<script language=JavaScript1.1src="http://foo.com/Params.
richmedia=yes&etc"></script>

瀏覽器被告知使用的腳本語言是JavaScript1.1src，一種根本不存在的語言。按照常理，瀏覽器應該向編程者發出警告，提示這樣是錯誤的，應該更正。但不幸的是，直到目前爲止，很多主流的瀏覽器還是能容忍這樣的錯誤，並能正常顯示。

但如果新的瀏覽器都採用了網頁標準，它們對代碼的識別就會嚴格起來，這會使設計者和開發者更注重這些標準。“

最後，作者談到了網頁標準要達到的目標：

- 在所有圖形桌面瀏覽器中做到精確定位，佈局和排版。

- 開發適用於多瀏覽器和平臺的行爲(behaviors)

- 在不犧牲美觀，適用，兼容性的基礎上儘量做到容易實現。

- 能在幾小時內完成再設計，而不是幾天或幾個星期，儘量減少花費和繁雜的工作。

- 支持多種瀏覽器，而不需要爲不同的瀏覽器制訂獨立的版本，在代碼上不需要或者只需要設立少量的分支。

- 支持非傳統的Internet 接入設備，從無線小設備如可上網手機到盲人閱讀器和殘疾人設備。不需要爲不同類型的接入設備準備獨立的版本。

- 所顯示的就是可打印的，不用專門爲打印而設立單獨的頁面

- 把樣式從結構和行爲（behavior）獨立出來，制訂嚴格的但易修改的結構。

- 從過去的HTML轉變爲代表未來的XML。

- 保證網站能在不同版本的瀏覽器中正確顯示。

- 保證現在製作的頁面在將來的瀏覽器中也能正確讀取，包括那些還沒有設想出來的瀏覽器。這就是向後兼容的承諾。

這篇文章其實是一本書的第一章，該書的名稱是：《from Forward Compatibility: Designing & Building With Standards》，將會在2003年早些時候出版。上面這些內容也是按照我自己的理解複述的，因爲水平有限，很多也許不能表達作者的原意，所以僅做參考，建議大家還是耐心的去閱讀全文。

關於網頁的標準，有一個專門的項目，叫做  The Web Standards Project (WaSP)，作者就是這個項目的領導者，有關這個項目和網頁標準化的一些情況，大家可以參看網站 http://www.webstandards.org/ ，裏面敘述得挺詳細的。
在那個webstandards裏看到了它們推薦的一篇文章，名爲《用dw mx製作專業網頁的五部曲》

http://www.macromedia.com/desdev ... eme/five_steps.html

講得挺好的，大家有時間不妨去看一下。

 

 

看了不少朋友的個人網站，有一個小問題，似乎很多朋友都忽略了，那就是版權聲明的寫法。雖然那只是一小行字，不過作爲設計師也好，作爲個人的愛好也好，版權的標誌都是滿重要的。

從法律角度看，加入了伯爾尼公約的國家，版權保護是隨着作品（無論是文字，還是圖片）的問世的即刻就得到版權的保護的，並不是必須要聲明。但是作爲慣例，這一小行文字還是有很好加強意識，提醒瀏覽者，所觀看的內容是受到版權保護的。

正確的格式應該是：Copyright [dates] by [author/owner]

© 通常可以代替Copyright, 但是不可以用(c)。 All Rights Reserved 在某些國家曾經是必須的，但是現在在大多數國家，都不是法律上必須有的字樣。

參見下面幾個正確的格式：

©1995-2004 Macromedia, Inc. All rights reserved.

©2004 Microsoft Corporation. All rights reserved.

Copyright © 2004 Adobe Systems Incorporated. All rights reserved.

©1995-2004 Eric A. and Kathryn S. Meyer. All Rights Reserved.


請注意標點符號和大小寫的用法，這也是專業精神的一種體現。

 

 

1.常駐一流高手3到8名不等，需至少或看起來至少分兩派三派不等，好打筆仗；　
　常駐即表明以論壇爲家，不僅要保證每天上網上罈子的時間，還要保證飛板磚的頻率，以及不漏下任何灌水機會的熱情，以示其親民度、生活化。如能練到吃個飯放個P都有合乎本人身份文字特徵的生活化貼身報道出現，還有人繼續捧臭腳而不吐，則成功矣。
2.二流高手7至15名
　其中含退居二線的原一流高手，沒掙紮上來的新秀等，與一流的高手的區分在於飛板磚的份量與頻率較次，但不排除偶一飛出大板磚和連續飛的可能性，但其勢不能長久，可分爲如下兩種：
　一爲某位一流高手的左右護法之類，一般都是老油條，擅打太極拳，彌補高手漏洞，轉移羣衆視線；
　二爲拳打腳踢的愣頭青之類，凡事總要較真，不分出個青紅皁白就沒結沒完。
3.場內閒散人員20-40名
　叫好鼓掌捧臭腳搗雞毛，總之是天天來報到，有人點名時就上去應個卯，知道分辨板磚與灌水的區別，灌水時也不落下看，看見一塊大板磚沒人跟一般就會跟，還註明自己是第一個看的或是第一個跟的，跟的貼字節幾乎從不超過200，如果有表情選擇就常用缺省，如果沒表情選擇就自己加上：）。
4.看客50－100名不等
　未必天天來，開着窗口也未必時時刻刻盯着，盯着看了也未必發言。看見灌水就生厭，因爲摻乎不進去，經常一上來先翻精華區，精華區沒有更新也煩，如適逢其會瞅見當前一塊大板磚一般都會發回郵箱或COPY回去慢慢欣賞也可能不欣賞。一般都是上來打個花胡哨就走了。

人員切記不好太多，尤其是發言的人絕對不能太多，要不就改聊天室了。灌水頻率不可太高，一週有一二回即可，灌水時機時一般都不要飛磚是高手切記。

 

Web網站的設計、管理與維護

如果你在因特網上發現一個對你的工作有幫助或有參考價值的網站，你一定會將其網址告訴你的同事；如果找到你的朋友需要的信息，你同樣記下網址告訴你的朋友；要是在網上衝浪時偶然遇到特別有興趣的網站，你肯定加入到自己瀏覽器的書籤中，每一個上網者都會這樣做的。有許多人員設計過網站和個人主頁，這在技術實現上已十分容易，有許多幾乎不用編程的所見即所得的工具軟件可以利用。但是讓人們從浩如煙海的站點中，訪問瀏覽你的站點甚至爲你宣傳，就不是那麼簡單，因爲鼠標和鍵盤是永遠掌握在上網者手中的。設計者如何設計出達到預期效果的站點和網頁，是需要深刻理解用戶的需求並對人們上網時的心理進行認真的分析研究。

　　因特網正在改變世界，它促成了網絡經濟雛形的形成，特別是電子商務正由新概念走向實用化。由於因特網具有傳播信息容量極大、形態多樣、迅速方便、全球覆蓋、自由和交互的特點，已經發展成爲新的傳播媒體，所以全球幾乎各個企業、機構紛紛建立自己的Web站點。並且由此產生了一個新的工作崗位——網站設計者（Website Designer）和網站管理者（WebMaster）。如何設計出達到用戶目的的網站，吸引儘可能多的人蔘觀訪問是一個值得研究的課題。吸引大量的網民訪問你的站點只是成功的一半，以獨特的內容和服務使網民再來訪問，或向他的朋友介紹網址纔是真正的成功。

　　Web站點是向用戶或潛在客戶提供信息(包括產品和服務)的一種方式。其文檔所包含的內容是由被稱爲超文本(HyperText)的文本、圖形圖象、聲音，甚至電影等組成。使這些超文本能夠有機地關聯並可使瀏覽器識別，是通過HTML語言(HyperText Markup Language超文本標記語言)實現的。同時CGI(Common Gateway Interface公共網關接口)能使Web具有交互功能。Web站點指引用戶瀏覽該站點或其他站點上的分頁信息，可以通過表格和電子郵件的連接提供雙向交互方式。站點建立後，你的企業就在國內、甚至在國際上有了一席之地，有了每週7天、每天24小時的“虛擬門市部”。網站是未來企業開展電子商務的基礎設施和信息平臺，它是“知識經濟”的制高點，企業的網址猶如企業的商標和品牌一樣，是反映企業形象和文化的巨大的無形資產。

　　本文總結歸納了Web網站的設計、管理與維護的十二項要點，與大家一起探討。

　

　　一、目標明確、定位正確

　　Web站點的設計是企業或機構發展戰略的重要組成部分。要將企業站點作爲在因特網－－這個新媒體上展示企業形象、企業文化的信息空間，領導一定要給予足夠的重視，明確設計站點的目的和用戶需求，從而作出切實可行的計劃。

　　挑選與錘鍊企業的關鍵信息，利用一個邏輯結構有序地組織起來，開發一個頁面設計原型，選擇用戶代表來進行測試，並逐步精煉這個原型，形成創意。

　　分析有些網站的效果不如預想的好，主要原因是對用戶的需求理解有偏差，缺少用戶的檢驗造成的。設計者常常將企業的市場營銷和商業目標放在首位，而對用戶和潛在的用戶的真正需求瞭解不多。所以，企業或機構應清楚地瞭解本網站的受衆羣體的基本情況，如受教育程度、收入水平、需要信息的範圍及深度等，從而能夠有的放矢。

　

　　二、主題鮮明、富有特色

　　在目標明確的基礎上，完成網站的構思創意即總體設計方案。對網站的整體風格和特色作出定位，規劃網站的組織結構。

　　Web站點應針對所服務對象（機構或人）不同而具有不同的形式。有些站點只提供簡潔文本信息；有些則採用多媒體表現手法，提供華麗的圖像、閃爍的燈光、複雜的頁面佈置，甚至可以下載聲音和錄像片段。最好的Web站點將把圖形圖像表現手法與有效的組織與通信結合起來。

　　要做到主題鮮明突出，力求簡潔，要點明確，以簡單明確的語言和畫面告訴大家本站點的主題，吸引對本站點有需求的人的視線，對無關的人員也能留下一定的印象。對於一些行業標誌和公司的標誌應充分加以利用。

　　調動一切手段充分表現網站的個性和情趣，突出個性，辦出網站的特色。

　　Web站點主頁應具備的基本成分包括：

　　頁頭：準確無誤地標識你的站點和企業標誌；

　　E-mail地址：用來接收用戶垂詢；

　　聯繫信息：如普通郵件地址或電話；

　　版權信息。

　　注意重複利用已有信息，如客戶手冊、公共關係文檔、技術手冊和數據庫等可以輕而易舉地用到企業的Web站點中。

　

　　三、版式編排佈局合理

　　網頁設計作爲一種視覺語言，當然要講究編排和佈局，雖然主頁的設計不等同於平面設計，但它們有許多相近之處，應充分加以利用和借鑑。

　　版式設計通過文字圖形的空間組合，表達出和諧與美。版式設計通過視覺要素的理性分析，和嚴格的形式構成訓練，培養對整體畫面的把握能力和審美能力。一個優秀的網頁設計者也應該知道哪一段文字圖形該落於何處，才能使整個網頁生輝。

　　努力做到整體佈局合理化、有序化、整體化。優秀之作，善於以巧妙、合理的視覺方式使一些語言無法表達的思想得以闡述，做到豐富多樣而又簡潔明瞭。

　　多頁面站點頁面的編排設計要求把頁面之間的有機聯繫反映出來，這裏主要的問題是頁面之間和頁面內的秩序與內容的關係。爲了達到最佳的視覺表現效果，應講究整體佈局的合理性。特別是關係十分緊密的有上下文關係的頁面，一定設計有向前和向後的按鈕，便於瀏覽者仔細研讀。

　　站點設計簡單有序，主次關係分明，將零亂頁面的組織過程混雜的內容依整體佈局的需要進行分組歸納，經過進行具有內在聯繫的組織排列，反覆推敲文字、圖形與空間的關係，使瀏覽者有一個流暢的視覺體驗。

　

　　四、色彩和諧重點突出

　　色調及黑、白、灰的三色空間關係不論在設計還是在繪畫方面都起着重要的作用。在頁面上一定得明確調性，而其它有色或無色的內容均屬黑、白、灰的三色空間關係，從而構成它們的空間層次。

　　色彩是藝術表現的要素之一，它是光刺激眼睛再傳導到大腦中樞而產生的一種感覺。在網頁設計中，根據和諧、均衡和重點突出的原則，將不同的色彩進行組合、搭配來構成美麗的頁面。

　　利用色彩對人們心理的影響的成果，合理地加以運用。按照色彩的記憶性原則，一般暖色較冷色的記憶性強。色彩還具有聯想與象徵的特質，如：紅色象徵火、血、太陽；藍色象徵大海、天空和水面等。所以設計出售冷食的虛擬店面，應使用消極而沉靜的顏色，使人心理上感覺涼爽一些。

　　在色彩的運用過程中，還應注意的一個問題是：由於國家和種族的不同，宗教和信仰的不同，生活的地理位置、文化修養的差異，不同的人羣對色彩的喜惡程度有着很大差異。如：兒童喜歡對比強烈、個性鮮明的純顏色；生活在草原上的人喜歡紅色；生活在鬧市中的人喜歡淡雅的顏色；生活在沙漠中的人喜歡綠色。在設計中要考慮主要讀者羣的背景和構成。

　

　　五、形式內容和諧統一

　　形式服務於內容，內容又爲目的服務，形式與內容的統一是設計網頁的基本原則之一。

　　畫面的組織原則中，將豐富的意義和多樣的形式組織在一個統一的結構裏，形式語言必須符合頁面的內容，體現內容的豐富含義。

　　運用對比與調和，對稱與平衡，節奏與韻律以及留白等手段，如通過空間、文字、圖形之間的相互關係建立整體的均衡狀態，產生和諧的美感。如對稱原則在頁面設計中，它的均衡有時會使頁面顯得呆板，但如果加入一些動感的的文字、圖案，或採用誇張的手法來表現內容往往會達到比較好的效果。

　　點、線、面是視覺語言中的基本元素，使用點、線、面的互相穿插、互相襯托、互相補充構成最佳的頁面效果。

　　點是所有空間形態中最簡潔的元素，也可以說是最活躍、最不安分的元素。設計中，一個點就可以包羅萬象，體現設計者的無限心思，網頁中的圖標，單個圖片，按鈕或一團文字等都可以說是點。點是靈活多變的，我們可以將一排文字視爲一個點，將一個圖形視爲一個點。在網頁設計中的點，由於大小、形態、位置的不同而給人不同的心理感受。

　　線是點移動的軌跡，線在編排設計中有強調、分割、導線，視覺線的作用。線會因方向、形態的不同而產生不同的視覺感受，例如垂直的線給人平穩、挺立的感覺，弧線使人感到流暢、輕盈；曲線使人跳動、不安。在頁面中內容較多時，就需進行版面分割，通過線的分割保證頁面良好的視覺秩序，頁面在直線的分割下，產生和諧統一的美感；通過不同比例的空間分割，有時會產生空間層次韻律感。

　　面的形態除了規則的幾何形體外，還有其它一些不規則的形態，可以說表現形式是多種多樣的。面在平面設計中是點的擴大，線的重複形成的。面狀給人以整體美感，使空間層次豐富，使單一的空間多元化，在表達較含蓄。

　　網頁設計中點、線、面的運用並不是孤立的，很多時候都需要將它們結合起來，表達完美的設計意境。

　

　　六、三維空間指置有方

　　網絡上的三維空間是一個假想空間，這種空間關係需藉助動靜變化、圖像的比例關係等空間因素表現出來。

　　在頁面中圖片、文字位置前後疊壓，或位置疏密或頁面上、左、右、中、下位置所產生的視覺效果都各不相同。在網頁上，圖片、文字前後疊壓所構成的空間層次目前還不多見，網上更多的是一些設計得比較規範化、簡明化的頁面，這種疊壓排列能產生強節奏的空間層次，視覺效果強烈。網頁上常見的是頁面上、左、右、下、中位置所產生的空間關係，以及疏密的位置關係所產生的空間層次，這兩種位置關係使視覺流程生動而清晰，視覺注目程度高。疏密的位置關係使產生的空間層次富有彈性，同時也讓人產生輕鬆或緊迫的心理感受。

　　需指出，隨着Web的普及和計算機技術的迅猛發展，人們對Web語言的要求也日益增長。人們已不滿足於HTML語言編制的二維Web頁面，三維世界的誘惑開始吸引更多的人，虛擬現實要在Web網上展示其迷人的風采，於是VRML語言出現了。VRML是一種面向對象一種語言，它類似Web超級鏈接所使用的HTML語言，也是一種基於文本的語言，並可以運行在多種平臺之上，只不過能夠更多的爲虛擬現實環境服務。VRML只是一種語言，對於三維環境的藝術設計仍需要理論和實踐指導。

　

　　七、多媒體功能的利用

　　最大資源優勢在於多媒體功能，因而要盡一切努力挖掘它，吸引瀏覽者保持注意力。因而畫面的內容應當有一定的實用性，如產品的介紹甚至可以用三維動畫來表現。

　　這裏需要注意的問題是，由於網絡帶寬的限制，在使用多媒體的形式表現網頁的內容時應考慮客戶端的傳輸速度，或者說將多媒體的內容控制在用戶可接收的下載時間內是十分必要的。

　

　　八、相關站點引導鏈接

　　一個好的網站的基本要素是用戶進入後，與本網站相關的信息都可以方便快捷地找到，其中要藉助於相關的站點，所以做好導引是一項重要的工作。超文本這種結構使全球所有聯上因特網的計算機成爲超大規模的信息庫，鏈接到其它網站輕而易舉。

　　在設計網頁的導引組織時，應該給出多個相關網站的鏈接，使得用戶感到想得到的信息就在鼠標馬上就可以點擊的地方。

　

　　九、網站測試必不可少

　　爲什麼精心設計的網站是經得起推敲的，就是因爲它經過認真細緻的測試。測試實際上就是模擬用戶訪問網站的過程，得以發現問題改進設計。

　　由於一般網站設計都是一些專業人員設計的，他們對計算機和網絡有較深的理解，但要考慮到訪問網站的大部分人只是使用計算機和網絡，應切實滿足他們的需要。所以有許多成功的經驗表明，讓對計算機不是很熟悉的人來參加網站的測試工作效果非常好，這些人會提出許多專業人員沒有顧及到的問題或一些好的建議。

　

　　十、及時更新認真回覆

　　企業Web站點建立後，要不斷更新內容，利用這個新媒體宣傳本企業的企業文化、企業理念、企業新產品。站點信息的不斷更新和新產品的不斷推出，讓瀏覽者感到企業的實力和發展，同時也會使企業更加有信心。

　　在企業的Web站點上，要認真回覆用戶的電子郵件和傳統的聯繫方式如信件、電話垂詢和傳真，做到有問必答。最好將用戶進行分類，如：售前一般瞭解、銷售、售後服務等，由相關部門處理，使網站訪問者感受到企業的真實存在，產生信任感。

　　注意不要許諾你實現不了的東西，在你真正有能力處理回覆之前，不要懇求用戶輸入信息或羅列一大堆自己不能及時答覆的電話號碼。

　　如果要求訪問者自願提供其個人信息，應公佈並認真履行一個個人隱私保護承諾，如不向第三方提供此信息等。

　

　　十一、合理地運用新技術

　　因特網是IT界發展最快的領域，其中新的網頁製作技術幾乎每天都會出現，如果不是介紹網絡技術的專業站點，一定要合理地運用網頁製作的新技術，切忌將網站變爲一個製作網頁的技術展臺，永遠記住用戶方便快捷地得到所需要的信息是最重要的。

　　但對於網站設計者來說，必須學習跟蹤掌握網頁設計的新技術，如Java、DHTML、XML等，根據網站的內容和形式的需要合理地應用到設計中。

　

　　十二、推廣站點的方法 廣泛散佈你的Web地址

　　網站已經建好，下面的工作是歡迎大家訪問瀏覽。那麼如何讓人們知道你的網址呢？

　　利用傳統的媒體(如印刷廣告公關文檔及促售宣傳等)，歡迎所有人蔘觀是一種十分有效的方法；

　　對待公司的網址象對待其商標一樣，印製在商品的包裝和宣傳品上；

　　與其他網站交換鏈接或購買其他網站的圖標廣告；

　　向因特網上的導航臺提交本站點的網址和關鍵詞，在頁面的原碼中，可使用META標籤加入主題詞，以便於搜索引擎識別檢索，使你的站點易於被用戶查詢到。注意向訪問率較高的導航臺，如Yahoo、Excite 、AltaVista、Infoseek、HotBot註冊；

　　通過在網站上設立有獎競賽的方式，讓瀏覽者填寫如年齡、行業、需求、光顧本站點的頻度等信息，從而得到訪問者的統計資料，這些可是一筆財富，以供調整網站設計和內容更新時參考。

　　總之，在每天不斷增長的Web站點中，如何獨樹一幟、鶴立雞羣是對網站設計者綜合能力的考驗和挑戰。

 

 

隨着網絡技術的不斷髮展，網絡應用已經滲透到人類社會的各個角落。作爲網絡世界的支撐點的網站，更是人們關注的熱點：政府利用網站宣傳自己的施政綱領，日益成爲與百姓交流的直通車；企業利用網站宣傳自己的形象，挖掘無限商機；個人利用網站展示個性風采，創建彼此溝通的橋樑。越來越多的人希望擁有網站，開闢網絡世界裏的一片天地。如何設計一個出色的網站呢？關於這個問題，人們討論的很多，可以討論的內容也很多，加之網絡技術的飛速發展，很難提出一個絕對權威和正確的設計思路，筆者不才，根據自己的設計體 會，總結出以下基本設計思路：

　　一、定位網站的主題和名稱
　　網站的主題也就是網站的題材，網站設計開始首先遇到的問題。網站題材千奇百怪,琳琅滿目，只要想的到，就可以把它製作出來。下面是美國《個人電腦》雜誌(PC Magazine)評出的99年度排名前100位的全美知名網站的十類題材：第1類：網上求職；第2類：網上聊天／即時信息/ ICQ；第3類：網上社區／討論/郵件列表；第4類：計算機技術；第5類：網頁/網站開發；第6類：娛樂網站；第7類：旅行；第8類：參考/資訊；第9類：家庭/教育；10類：生活/時尚；每個大類都可以繼續細分，比如娛樂類再分爲體育/電影/音樂等小類，音樂又可以按格式分爲MP3，VQF，Ra等，按表現形式分古典，現代，搖滾等。同時，各個題材相聯繫和交叉結合可以產生新得題材，例如旅遊論壇(旅遊+討論)，經典入球播放(足球+影視)按這樣分下去，題材可以有成千上萬種。這麼多題材，如何選擇呢？遵循的原則如下：1、主題要小而精：定位要小，內容要精。如果你想製作一個包羅萬象的站點，把所有你認爲精彩的東西都放在上面，那麼往往會事與願違，給人的感覺是沒有主題，沒有特色，樣樣有，卻樣樣都很膚淺，因爲你不可能有那麼多的精力去維護它。網站的最大特點就是新和快，目前最熱門的個人主頁都是天天更新甚至幾小時更新一次。最新的調查結果也顯示，網絡上的"主題站"比"萬全站"更受人們喜愛，就好比專賣店和百貨商店，如果我需要買某一方面的東西，肯定會選擇專買店。2、題材最好是你自己擅長或者喜愛的內容。比如：你擅長編程，就可以建立一個編程愛好者網站；對足球感興趣，可以報道最新的戰況，球星動態等。這樣在製作時，纔不會覺得無聊或者力不從心。興趣是製作網站的動力，沒有熱情，很難設計製作出優秀的網站。3、題材不要太濫或者目標太高。"太濫"是指到處可見，人人都有的題材；比如軟件下載，免費信息。"目標太高"是指在這一題材上已經有非常優秀，知名度很高的站點，你要超過它是很困難的。

　　如果題材已經確定以後，就可以圍繞題材給網站起一個名字。網站名稱，也是網站設計的一部分，而且是很關鍵的一個要素。你來看，"電腦學習室"和"電腦之家"顯然是後者簡練；"迷笛樂園"和"MIDI樂園"顯然是後者明晰；"兒童天地"和"中國幼兒園"顯然是後者大氣。我們都知道PIII的中文名稱"奔騰"，如果改爲"奔跑"，可能就沒有今天這麼"火"了。和現實生活中一樣，網站名稱是否正氣，響亮，易記，對網站的形象和宣傳推廣也有很大影響。我的建議是：1、名稱要正。其實就是要合法，和理，和情。不能用反動的，色情的，迷信的，危害社會安全的名詞語句。2、名稱要易記。最好用中文名稱，不要使用英文或者中英文混合型名稱。另外，網站名稱的字數應該控制在六個字(最好四個字)以內，四個字的也可以用成語。字數少還有個好處，適合於其他站點的鏈接排版。3、名稱要有特色。名稱平實就可以接受，如果能體現一定的內涵，給瀏覽者更多的視覺衝擊和空間想象力，則爲上品。例如：音樂前衛，網頁陶吧，e書時空等。在體現出網站主題的同時，能點出特色之處。

定位網站的CI形象
　　所謂CI(corporate identity)，意思是通過視覺來統一企業的形象。一個傑出的網站，和實體公司一樣，需要整體的形象包裝和設計。準確的，有創意的CI設計，對網站的宣傳推廣有事半功倍的效果。具體的做法是：

　　1、設計網站的標誌(logo)
　　就如同商標一樣，標誌是你站點特色和內涵的集中體現，看見標誌就讓大家聯想起你的站點。標誌的設計創意來自你網站的名稱和內容：
　　(1)網站有代表性的人物、動物、花草等，可以用它們作爲設計的藍本，加以卡通化和藝術化，例如迪斯尼的米老鼠，搜狐的卡通狐狸等等。
　　(2)網站有專業性的，可以以本專業有代表的物品作爲標誌。比如中國銀行的銅板標誌，奔馳汽車的方向盤標誌等等。
　　(3)最常用和最簡單的方式是用自己網站的英文名稱作標誌。採用不同的字體，字母的變形，字母的組合可以很容易製作好自己的標誌。

　　2、設計網站的標準色彩
　　網站給人的第一印象來自視覺衝擊，確定網站的標準色彩是相當重要的一步。不同的色彩搭配產生不同的效果，並可能影響到訪問者的情緒。舉個實際的例子就明白了：IBM的深藍色，肯得基的紅色條型，windows視窗標誌上的紅藍黃綠色塊，都使我們覺得很貼切，很和諧。"標準色彩"是指能體現網站形象和延伸內涵的色彩。一般來說，一個網站的標準色彩不超過3種，太多則讓人眼花繚亂。標準色彩要用於網站的標誌，標題，主菜單和主色塊。給人以整體統一的感覺。至於其它色彩也可以使用，只是作爲點綴和襯托，絕不能喧賓奪主。適合於網頁標準色的顏色有：藍色，黃/橙色，黑/灰/白色三大系列色，要注意色彩的合理搭配。

　　3、設計網站的標準字體
　　和標準色彩一樣，標準字體是指用於標誌，標題，主菜單的特有字體。一般我們網頁默認的字體是宋體。爲了體現站點的"與衆不同"和特有風格，我們可以根據需要選擇一些特別字體。例如，爲了體現專業可以使用粗仿宋體，體現設計精美可以用廣告體，體現親切隨意可以用手寫體等等。

　　4、設計網站的宣傳標語
　　也可以說是網站的精神，網站的目標。用一句話甚至一個詞來高度概括。類似實際生活中的廣告金句。例如：鵲巢的"味道好極了"；麥斯威爾的"好東西和好朋友一起分享"；Intel的"給你一顆奔騰的心"等等。

三、確定網站的欄目
　　建立一個網站好比寫一篇文章，首先要擬好提綱，文章才能主題明確，層次清晰。如果網站結構不清晰，目錄龐雜，內容東一塊西一塊。結果不但瀏覽者看得糊塗，自己擴充和維護網站也相當困難。網站的題材確定後，並且收集和組織了許多相關的資料內容，但如何組織內容才能吸引網友們來瀏覽網站呢？欄目的實質是一個網站的大綱索引，索引應該將網 站的主體明確顯示出來。一般的網站欄目安排要

注意以下幾方面：
　　1、要緊扣主題
　　將你的主題按一定的方法分類並將它們作爲網站的主欄目。主題欄目個數在總欄目中要佔絕對優勢，這樣的網站顯的專業，主題突出，容易給人留下深刻印象。
　　2、設立最近更新或網站指南欄目
　　設立"最近更新"的欄目，是爲了照顧常來的訪客，讓你的主頁更有人性化。如果主頁內容龐大，層次較多，而又沒有站內的搜索引擎，設置"本站指南"欄目，可以幫助初訪者快速找到他們想要的內容。
　　3、設立可以雙向交流的欄目
　　比如論壇，留言本，郵件列表等，可以讓瀏覽者留下他們的信息。
　　4、設立下載或常見問題回答欄目
　　網絡的特點是信息共享。如在你主頁上設置一個資料下載欄目，便於訪問者下載所需資料。另外，如果站點經常收到網友關於某方面的問題來信，最好設立一個常見問題回答的欄目，既方便了網友，也可以節約自己更多時間。

　四、確定網站的目錄結構
　　網站的目錄是指你建立網站時創建的目錄。例如：在用frontpage98建立網站時都默認建立了根目錄和images(存放圖片)子目錄。目錄結構的好壞，對瀏覽者來說並沒有什麼太大的感覺，但是對於站點本身的上傳維護，內容未來的擴充和移植有着重要的影響。下面是建立目錄結構的一些建議：
　　1、不要將所有文件都存放在根目錄下，會造成文件管理混亂
　　你常常搞不清哪些文件需要編輯和更新，哪些無用的文件可以刪除，哪些是相關聯的文件，影響工作效率。另外，上傳速度慢。服務器一般都會爲根目錄建立一個文件索引。當您將所有文件都放在根目錄下，那麼即使你只上傳更新一個文件，服務器也需要將所有文件再檢索一遍，建立新的索引文件。很明顯，文件量越大，等待的時間也將越長。所以，儘可能減少根目錄的文件存放數。
　　2、按欄目內容建立子目錄
　　子目錄的建立，首先按主菜單欄目建立。例如:企業站點可以按公司簡介，產品介紹，價格，在線定單，反饋聯繫等建立相應目錄。其他的次要欄目，類似what's new，友情連接內容較多，需要經常更新的可以建立獨立的子目錄。而一些相關性強，不需要經常更新的欄目，例如：關於本站，關於站長，站點經歷等可以合併放在一個統一目錄下。所有程序一般都存放在特定目錄。例如：CGI程序放在cgi-bin目錄。所有需要下載的內容也最好放在一個目錄下。
　　3、在每個主欄目目錄下都建立獨立的images目錄
　　爲每個主欄目建立一個獨立的images目錄是最方便管理的。而根目錄下的images目錄只是用來放首頁和一些次要欄目的圖片。
　　4、目錄的層次不要太深
　　目錄的層次建議不要超過3層，維護管理方便。
　　5、不要使用中文目錄
　　6、不要使用過長的目錄

五、確定網站的鏈接結構
　　網站的鏈接結構是指頁面之間相互鏈接的拓撲結構。它建立在目錄結構基礎之上，但可以跨越目錄。建立網站的鏈接結構有兩種基本方式：
　　1、樹狀鏈接結構
　　類似DOS的目錄結構，首頁鏈接指向一級頁面，一級頁面鏈接指向二級頁面。這樣的鏈接結構瀏覽時，一級級進入，一級級退出。優點是條理清晰，訪問者明確知道自己在什麼位置，不會"迷"路。缺點是瀏覽效率低，一個欄目下的子頁面到另一個欄目下的子頁面，必須繞經首頁。
　　2、星狀鏈接結構
　　類似網絡服務器的鏈接，每個頁面相互之間都建立有鏈接。這種鏈接結構的優點是瀏覽方便，隨時可以到達自己喜歡的頁面。缺點是鏈接太多，容易使瀏覽者迷路，搞不清自己在什麼位置，看了多少內容。

 

 

對於 Web 站點建立者來講最可怕的事情之一是：由於可用性問題或用戶不滿意而要重新設計站點。使用一個正確的計劃，在站點運行之前你就可以總體規劃、測試和改進站點設計。我們將給你提供一些非常有效的計劃策略，你可以將它進行改編以適合小型企業，或者擴展到大型團體機構環境。爲舉例說明設計站點的關鍵所在，我們已總體規劃了一個滑板者的虛擬入口 — iRippage.com。利用 iRippage.com 方案及其專門的 Web 設計小組，我們將指導你如何建立明確的目標、確定目標用戶、創建用戶個人信息以及闡明設計目標。

確定目標
共同擬定一個目標，工作小組和站點核心內容都將以此爲導向。

定位用戶
找出如何確定你的目標用戶和用戶個人信息的方法，以便計劃獲得最佳可用性。

創建模型
將你的想法彙總在一起，以便計劃層次結構、佈局和 HTML 模型。

意見反饋
瞭解如何對興趣小組的反饋意見作出反應並修改你的模型。



確定目標
每個站點都需要一個基本目標 — 該目標引導工作小組開展工作、確定站點內容的導向並最終吸引用戶。闡明你的任務十分重要，
其重要性甚至壓倒了其他一切事情，你可以召開一個富有成果的會議來討論下列一些簡單問題。我們將以 iRippage.com 的目標
展示如何進行這一過程：

我們在這裏開會的目的是什麼?
主要爲滑板愛好者建立網站入口。
希望該站點達到什麼目標?
實際上要通過提供滑板愛好者需要的全部信息 (娛樂和產品展示等)，成爲滑板市場的信息來源地。另外，還要建立一個活躍的在線滑板協會，在這裏滑板愛好者可以相識並互相交談。 希望你的用戶利用該站點達到什麼目標?瞭解有關滑板的知識、與其他滑板愛好者交流經驗，以及發現他們正從其信賴的公司中尋找的產品。 該站點依靠什麼吸引用戶?有吸引力且全面的內容，滑板技巧、活動的留言板、滑板產品和展示。
該站點依靠什麼吸引用戶經常登錄?定期更新內容 (新聞、每日照片和技巧)、活動的留言板、產品展示，以及對滑板協會成員的採訪。此外，還有免費的電子郵件、可下載的牆紙、電子賀卡等。對上述每個問題都應進行更詳細的調查研究。在你工作區的白板上記錄下所有問題和解答。鼓勵你的設計小組 (或者甚至是一組
有所幫助的朋友) 將一些思路 (“組建有活力的滑板協會”) 與特定的行爲聯繫起來 (“創建協會的留言板”)。在解答涉及對 Web 站點設計另一頁面、使用新的技術或者添加任何內容時，請考慮該操作是下列三種情況中的哪一種：必須有、希望有、可以沒有。之後，如果有限的資源或時間限制迫使你進行折衷選擇，那麼這些優先次序將是必須的。

iRippage.com 的任務是啓發概念化流程的其他部分：成爲滑板發燒友實際上的資源中心 - 爲其提供最全面的編輯內容，建立交互式社團，以及豐富的產品展示和便利的在線購物。它還爲設計小組提供一個優先級的列表，使在創建最終站點規範的過程中有建設性的意見能夠發揮作用。




定位用戶
你是否想建立一個擁有大量用戶的綜合站點?完全沒有這個必要。內容覆蓋面過廣只會使用戶遠離站點而不能吸引用戶。縮小目標用戶的覆蓋面，可與用戶建立可信任的關係，並使用戶對你的站點有一個全面瞭解。

對你的用戶進行調查研究
可以假設訪問 iRippage.com 站點的大多數用戶是年輕的、熱愛運動的，並且主要爲男性。儘管訪問 iRippage.com 的用戶中也有一些身體不是很好 (例如，中年人或女性)，但設計小組將必須決定他們的設計結果是否將能夠吸引大量的外圍用戶，並使他們成爲核心用戶。核心用戶組將對站點的總體內容方向產生影響，更不用說站點的外觀和風格了。

在進行了一次徹底的討論會之後，iRippage.com 設計小組調查了本地滑板場地、brick-and-mortar skate shops 以及流行的滑板愛好者網站。該設計小組已決定將目標鎖定年輕的運動愛好者，包括男性和女性滑板愛好者。該小組還花費了大量時間來記錄其目標用戶在滑輪、服裝和語言方面的風格。此外，選擇滑板場地的規律性還使 iRippage.com 小組成員對其目標用戶在 Web 技術和興趣方面的情況有了一定的瞭解。所有這些情形都掌握之後，該設計小組目前就可以準備創建用戶的個人信息了。

創建個人信息
George Olsen, How2.com的 Web 構造者，在最近召開的 Builder.com 會議上是創建目標用戶個人信息的強烈支持者。 個人信息是由在目標用戶調查過程中遇到的潛在用戶的情況組成的。iRippage.com 小組只維護 Garrett, Seth 或 Jessie 的權利，但並不保護匿名和普通“用戶”的權利。

與至少三個愛好者的交流將涉及目標用戶的年齡、Web 技術掌握和主要興趣等方面。 在白板上給出用戶姓名、照片和身份。另外，在照片下記錄簡短說明，包括每個用戶網上衝浪的平臺、他/她對你的網站主要感興趣之處，以及他/她對網站的首要意見。並且通過添加一些詳細資料來對他們的個人信息進行取捨，以便適合你的 Web 站點的核心主題。 對於可用性和內容優先次序的實際實現方法，iRippage.com 設計小組將按照用戶的觀點來調整其設計思路。

創建模型
模型從創建層次結構開始。iRippage.com 層次結構從第一次活動開始建立：即從目標研討開始。將新聞、產品、照片、留言板和技巧標註爲“必須有”的部分放在頂級導航下。從前面的頁面開始往下進行，設計小組建立訪問者鑽入鑽出該站點、從一部分跳到另一部分的方式，以及如何執行特定操作。

一旦給你試驗階段的層次結構賦以豐富的內容，就可以啓動這個簡單粗糙的可視模型了。從該略圖中，你可以創建 HTML 框架，它是帶有內容、導航和圖形的帶有佔位符的 Web 頁面的基本圖形。在你組織層次結構並設計模型時切記以下這些基本問題：

如何知道我在何處?
如何知道下一步我可能要到何處或者應該到何處?
如何知道怎樣返回到我所在之處?

可將樣例圖形和內容插入到幾個框架示例中。小組成員應打印出每個版本，以便同時進行頁面類型的比較並考慮混合和匹配的可能性。在創建模型的整個階段中請參考用戶信息 iRippage.com 設計小組以 Jessie，Seth 和 Garrettteam 的興趣和能力爲指導完成所有創建模型的步驟。他們確定該站點的相關可訪問性，並測試信息設計的總體易用性和直觀性。


與興趣小組人員會面
召集興趣小組人員 (iRippage.com 將去當地滑板場地並召集五個滑板愛好者)，並給他們展示 HTML 模型。交談內容始終圍繞設計過程中所有方面 (從預期的色彩方案到導航和內容中心)。爲他們提供樣例內容並詢問其對色彩、內容和長度的反映。爲興趣小組成員創建要完成的任務，以反映真實世界的行爲。iRippage.com 爲其興趣小組人員分配了以下任務：

從主頁轉到 Tony Hawk 頁面。
從 Tony Hawk 頁面中粘貼一個執行 “ollie” 欺騙的小技巧，然後返回到主頁。
從主頁中找到新的 Girl Skateboard deck 顯示。
從展示部分中購買新的 Girl Skateboard 滑板，然後返回產品部分。
從產品部分中，將有關 Hornet Wheel 的註釋粘貼到留言板的適當部分。

請密切關注反覆出現的抱怨及問題。請記錄你聽到某些議論 (例如“爲什麼在這裏?”和“我怎樣才能到那兒”或者“我應該能夠一步就到目的地，而不是經過好幾個步驟”)的場合、時間和時間間隔。徵求興趣小組成員的意見來確定可行的解決方案。收集所有這些信息，然後反饋到你的模型上。現在是修改模型的時候了。












意見反饋
iRippage.com 設計人員發現在其初始的層次結構中存在一些問題。該興趣小組成員不喜歡在“產品”標題下將購物和展示合併在一起。此名稱含義模糊，用戶認爲它脫離產品展示的可信度。從樣例內容來講，小組成員認爲第一人稱和隨和的語氣最吸引人。他們認爲採編人員必須有豐富的滑板知識，最好參加滑板協會的活動，而不是僅僅採用有關該內容的本國文章作爲引用。

通過堅持該目標、使用用戶信息以及指導興趣小組測試，該最終模型將反映所有這些更改。在準備建立站點之前，iRippage.com 小組成員將再次徵求自願測試者的意見，以獲得對模型作出的再次評價。

設計流程圖

已修改的層次結構 已修改的HTML框架


有關說明的一些情況
大多數 Web 站點創建一個詳細闡述的書面說明文檔，內容大至站點如何運行，小至單擊某一鏈接。該說明對站點概況有一個全面清晰的闡述，並且在實施該站點之前需要由小組領導者和決策制定者來輸入和關閉。小型企業也可從記錄說明中獲益，特別是如果外部公司要建立最終站點的情況。這是保證每個人都在同一頁面上的最佳方法。

說明應包括最終的層次結構、內容組織和涉及數據庫或任一種交易操作所使用的全部技術。該說明是你站點的一個詳盡的藍圖，閱讀它的任何人都會對按計劃設計的站點有一個全面的瞭解。

 

 

白陀山 文

很多朋友不止一次的提起——在網絡營銷或電子商務中，企業網站所起到的重要作用。但從我的個人立場來說，有很多問題值得進一步深入討論。很多商業上的朋友看問題的角度都是從商業化的、實用化的角度出發，與純技術角度相比，當然更加實際、更適合企業的實際需要。但這兩種看法都有其片面性，都有失偏頗。最後造成的結果是——中國目前的網站，要麼全是設計的堆砌，內容空洞、架構混亂、下載困難，不方便用戶使用；要麼沒有絲毫的美感，內容倒是不錯，可企業形象卻全然不顧，放眼望去——都是花花綠綠的各式各樣字體的文字和沒經過潤色處理的圖片。

因爲我有過技術和營銷這兩種經歷，所以有一些自己的想法，想和大家分享，一起討論。

一：企業建站的目的——網絡營銷

宣傳企業形象、大勢所趨、看別人都作了、我們要搞電子商務，等等~``````這樣的話聽多了，我就產生了疑問，是這麼回事嗎？怎麼好象企業建個站是爲了什麼公益目的？根本目的不就是錢嗎？企業要賺錢，要有經濟效益，所有的一切都是圍繞着錢來運轉的，網站也一樣。如果您對網站是否能給您帶來效益存有疑慮，最好先別急着建站，先找個正規的諮詢公司問問，到底網站能給您帶來什麼，能產生什麼樣的效益。歸根到底，建網站根企業其他的投資沒有任何區別，都需要短期或長期的商業回報。

很多人說了——回報什麼呀？根本就是一個擺設。我相信阿里的這些賺到錢的朋友一定不會這樣說。因爲確實賺到錢了嘛！呵呵，爲什麼有的人能賺到錢，有的人就不能呢？有人賺到錢，說明這裏有機會，外貿或者內貿；拿它當擺設，自然不能挖掘出它的潛力來。

既然從中可以賺到錢，也就是說我們大家要認真對待這一種新的營銷手段、新的營銷途徑。我們做銷售的朋友肯定對銷售計劃特別熟悉吧？每一週、每一月，我們要完成多少多少的銷售額……呵呵，壓力很大。企業建站也一樣啊，也要定一個目標，切合實際的、可行的目標，而不是簡簡單單地把老總的照片和致詞放上去了事。

簡單的說，企業建站的目的無非以下幾種：

1 電子商務
我這裏講的電子商務，僅僅特指某前兩年大吹大擂的“純電子商務”。一部分企業主也有這樣的看法——我們網站要有一個網上商店,可以直接在網上賣東西，要建一個B2B商業平臺……反正要襯我們企業的規模和形象。
一想到這裏，我就痛心疾首。爲了提高大衆的興趣，很多網站一開始把概念炒上了天，根本不管中國國情，不管能不能解決物流、金流的問題，不管信用體系是否建立，反正宣傳出去了，就當作搏傻了。看誰傻，誰傻誰信，誰傻誰買。(我也在中企網呆過，裏邊很多產品都有類似的問題，比如PPS，確實比較坑人。)
純粹的電子商務在中國行不通。

2 客戶關係管理
納斯達克崩盤之後，很多網絡界人士慢慢開始向軟件靠攏。軟件業現在比較風行CRM--客戶關係管理，網站很多也打這個旗號。其實這個思路很正確。
想必您也聽說過80/20法則，就是說，您的80%的利潤是由20%的客戶提供的，老客戶的重要性一覽無餘。從這個角度出發，把企業的網站定位與客戶服務、客戶管理，不去讓它直接創造效益——也是一個很好的辦法。但從中國的國情出發，除非您的客戶非常特別，否則幾乎不可能會有很多人去您的網站，您的90%以上的客戶都不上網,您還管理什麼呀？遠不如開一個800免費電話更實用。
但從發展的角度看，客戶管理的功能是必不可少的，畢竟它關係着您的一些大客戶對您服務的滿意程度。爲客戶提供周到、細緻的服務是網站功能非常重要的一方面。

3 網絡營銷
這是我所列出的最後一條，但這只是目前階段我所能看到的最後一步。
網絡營銷涵蓋範圍比較廣泛，同時包括了電子商務和客戶管理。就目前來說，是比較符合中國國情的一種策略，也是被很多朋友早已證明行之有效的一種營銷手段——門檻低，成本低，見效快。
比如阿里，這裏面有那麼多資源，這是以前任何一種營銷手段都無法達到的，而且大家慢慢的也開始認同這一手段，信用程度、參與熱情也是慢慢提升。

現在大家應該明白我的意思了——網絡營銷，這纔是大多數企業應該走的網站建設之路。網站建設一定要圍繞着網絡營銷來運作，圍繞着網絡營銷的目標客戶羣來運作。

每一個企業的目標客戶羣不一樣，都需要作具體的分析。舉個例子吧，一家生產儀表的公司，主要出口對象是德國——
1 網站風格肯定不能太花哨，要沉穩、簡練，風格較歐化一點。
2 顏色的選擇一定不能太跳，以較暗的中性色彩爲主。
3 語言版本以三個爲好，首頁因該是英文，然後有德文和中文的版本。
4 對瀏覽器的支持要好，德國有20%的用戶使用NETSCAPE的瀏覽器，應該至少有ie和netscape的自適應處理。
5 國外顯示器一般較大，綜合考慮，分辨率以800x600爲主，但在1024和1152、1280下都要有好的表現，這就需要設計人員的真功夫了。
6 考慮到國外的網速較快、企業網站本身資料不多的情況下，可以有一定的flash動畫,當然要恰到好處，不能爲動畫而動畫，要考慮到整體風格。
7 網頁文件的大小不易太大，但太小也不合適，以中度爲好，首頁大小限制在40k~50k上下。
8 功能上以簡單實用爲主，具體就得看企業自身的產品線和實際需求了。

這是一個假定條件下的分析，但有一定的代表性。從中可以看出——網絡營銷和網站建設應該緊密結合，網站的方案不能單純由技術或設計人員來定，否則只能碰運氣了。結合網絡技術方面的考慮和營銷對象的分析,網站的整體目標方案應該是全面和統籌的考慮。


二：網站與現有資源的整合

好了，上一步我們基本上已經定下了網站整體的建站思路，現在需要考慮的就是企業現有資源和網絡的整合了。

很多企業把網站建設看作一件比較孤立的事情，對建站缺少足夠的支持，而且本身還往往認識不到。前兩天問一個朋友，他很早就建了自己公司的網站，我說最近網站怎麼樣了？他說都快忘了，平時都不看。要知道，客商看到了你的網站，這就相當於看到了你的辦公室。灰塵滿地、沒人接待、沒人管理，一看就沒法合作。

真有興趣做網絡營銷的朋友一定要注意了——網站就是你在網上的前臺，同時還是會客廳。前臺當然要有小姐值班，會客廳當然要窗明几淨，隨時有熱騰騰的coffee奉上。這一切沒有區別，網絡不是虛擬的，如果你相信網絡營銷的話。真的，和現實中沒有區別。現實中您有多注重企業的形象和內部的管理，網站也應該一樣。網站也需要專人管理，定期維護，這樣客戶纔不會在2002年1月看到1998年的新聞，纔不會發了email之後石沉大海，纔不會連續兩三年看到同一個主頁，纔不會在失望之餘棄之而去。

羅馬不是一天建好的，網站也不是短短一個月就能建好的，你可以把網站的建設過程看作沒有盡頭，就像養了一盆花，需要天天澆水。有些網絡服務提供商爲了短期的利益，告訴企業——我們建站很快，給您設計的方案功能很強大，不需要您專人維護，以後您就有一個網上的電子商務平臺了，多省事兒阿！這樣的話大家可能常聽吧？呵呵，一勞永逸的事兒我從來不信，我倒寧願相信一分努力一分收穫，不可能白撿便宜。一定要做好打持久戰的準備。

好了，要打持久戰了，相關的負責人、足夠的給養和彈藥、長期作戰所需要的信任——必不可少。很多企業的網站沒由專人負責，即使有，可能也是個比較次要的角色（實話實說），或由辦公室等類似的機構兼着，從整體上來看就是重視程度不夠。本身不重視，如何實現網絡與現有資源的整合呢？呵呵，這可是個一把手工程。

領導要重視，真正的給與支持，錢只是一方面，最重要的不是錢，是觀念——整合營銷的觀念。整合營銷說了這麼多年，真正全方位實行的不多。就像陸海空一樣，打起仗來要一齊上，統一指揮，才能發揮最大的戰鬥力。現在的網絡營銷對外貿企業來說，應該是非常重要了，要當作一個大軍種看待；內貿企業呢，可以把網絡營銷看作一支特種部隊，即使規模小，也要有足夠的重視程度，讓他跟其它作戰部隊協同作戰。

三：針對網絡營銷的網站建設技巧

這個問題比較偏向技術這一方面了，呵呵。

1 關於UI設計
UI=User Interface,用戶界面的意思。很多設計公司把UI單純理解爲界面設計，其實這裏面網站構架的東西反而更重要一點，讓用戶花最少的時間找到自己需要的東西，同時還要兼顧、突出企業形象，這纔是UI設計的根本目標。商業設計最重要的就是注重用戶的使用習慣和資料的排列有序。

2 關於分辨率
很多不完善的設計方案中會有意避開這個問題。因爲無論是打印出來的方案還是在電腦上演示的方案基本上都是看不出這個問題的，但真正到了國外客戶那裏，去往往會出問題。
現在較流行的顯示器一般都能達到1280，但用戶在設置的時候往往有自己的偏好，一般是800x600,1024x768的設置多一點，也有用1152和1280的，特別是國外的客戶，他們往往會用到液晶顯示器，時下的液晶顯示器默認分辨率就是1024以上的了。所以在設計的時候一定要考慮到不同分辨率下的狀況，爭取都能做到好的效果。

3 關於瀏覽器
在中國，ie瀏覽器已經成爲事實上的標準，但國外市場上其它類型的瀏覽器還有着比較大的市場份額，這就出現了一個問題，如果考慮到其它的瀏覽器，網站的動態特性或者功能上就會受到很大的限制，因爲很多新出現的功能支持都是微軟提出的，其它瀏覽器並不支持。所以從這個角度考慮，功能還是以實用爲主，不要有太多的特效，免得在其它瀏覽器中看起來亂七八糟。即使需要特效，最好也是選擇flash這樣的大家都支持的通行標準，不要選擇java，因爲ie6.0對java支持非常差。這個問題實際上牽扯到微軟和其他瀏覽器廠家之間的競爭問題，從我們企業的形象和根本利益出發，特效儘量少用。

4 關於搜索引擎和關鍵字
網站建好後登陸搜索引擎有助於客戶找到您的網站，這是網絡營銷中非常重要的一環。搜索引擎的機制各不相同，但其中大部分都是支持關鍵字的。您需要把與自己公司相關的關鍵字找出來，在製作網站時就加進去。但這又出現一個問題，如果您的網站是純flash的，那麼一般情況下，關鍵字就很難加進去了。所以一定要避免製作全flash的站，最好是混合設計。既有效果，也有速度，同時還能加入大量的關鍵字。

5 flash的問題
現在有越來越多的企業選擇用flash來製作公司網站，喜歡那種絢麗的效果。但有些問題還是需要注意的：比如flash不易維護，如果有需要更新的部分非常不方便；flash的運算都要靠客戶機，要求比較高，如果您在自己的電腦上或在設計公司的電腦上看的效果非常流暢，並不代表所有人都能看到這樣的效果；flash中如果需要插入大量的文字，最好用動態輸入文字，這樣體積小，而且看起來更清晰，千萬別打成shape，切記！切記！

6 網站後臺技術
網站後臺一般分兩大陣營：linux+apache+php+mysql 和 nt+iis+asp+sqlserver。
除非您對自己公司的技術實力非常有信心，否則還是選擇後一種吧，這樣在開發和後期維護上都比較方便。技術人員也比較容易找到。但如果您的網站功能要求非常強大，用戶數量衆多，可能後一種就力不從心了，這時可以考慮前一種方案。

7 關於網絡安全和數據備份
現在有越來越多的有實力的公司買一臺服務器自己用，這是就要格外注意網絡安全的問題了。因爲很多公司前面都有一些租用空間的經驗，但那時由專業公司來負責網絡安全，現在自己買服務器，要面臨這樣的問題，很多公司都注意不到它的嚴重性。如果您有自己的服務器，最好由專業的公司或網管來負責網絡安全和數據備份這樣的事情，否則一旦碰上黑客或者病毒之類的就傻了——辛辛苦苦累積起來的客戶數據或者網站內容就丟了。

說了這些廢話，都是希望能跟大家多多交流，同時希望大家都能建立自己的具有專業品質的網站。

 

 

“路漫漫其修遠兮，吾將上下而求索！”
——獻以此文獻給中國的網頁設計師們

注：首先聲明可能文章有些長，大家要有點耐心，我不想看到ONLY的那篇貼子有位網友的回貼是“文章太長，沒看完！”……

看了ONLY寫的文章，我想終於經典論壇上的朋友開始拋開純技術（或設計）的侷限，開始討論一些更具高度的話題。心中也有些自己的愚見，在此僅僅想拋述自己的觀點，無非是拋磚引玉，希望大家都能把自己的想法心得說出來，與大家共享，能更好地把握自己的未來！

一、網頁設計與網頁製作

首先我們先給兩者下一個定義：

網頁設計=網頁技術+網頁設計

網頁製作=網頁技術

可看兩者的唯一區別就在於“設計”兩個字。兩者的區別到底是什麼呢？

談到設計與製作的區別，不得不提一些日常生活中已經碰到的事情，我的一位朋友自己做了一個網站，向我證求意見時，我說你應該把網頁做得美觀些，他立即回答，爲什麼要做得美觀啊，我的網站是用來賺錢的，不是給學生看着玩的……面對如此理由充足的回答，你還能說什麼呢？

我們先再舉一個例子，我們不說遠，在文化大革命時，大家都穿同樣款式的衣服，同樣款式的帽子，那時候如果有個服裝設計師對他們說：HI，你們的衣服爲什麼不穿得FUSION一些呢？是不是沒有會做呢？要不要我幫你們設計一套？這時候他們的回答肯定會和我的朋友一樣：衣服只要能保暖，花裏胡哨的有什麼用呢？聽了上述兩個有驚人相似的例子，大家是否應該有些隱隱地感覺網頁設計最本質的東西？

我們是否可以有這樣一個結論：設計本身是社會高度商業化後的必然產物呢？當兩家相同規範的廠家生產相似的產品時，各方面條件都相似的時候，那麼他們還能通過怎樣的途徑來宣傳產品，深化企業形象，於是企業識別系統（CIS）不斷地被人們承認，被市場接受，並不斷成熟，現在已經沒有人再來懷疑CIS的重要性，或者是存在的必要性。

通過CIS的發展過程，我們可以隱約地看到網頁設計的一條發展之路：在互聯網的初始階段也是各立門戶地階段，就像新大陸一樣，沒有任何的競爭對象，我們無需考慮任何的細節問題，不要說設計，連內容多少都無需考慮；到第二階段時同類型的網站漸漸增多，相互之間的利害衝突越來越激烈，這時網站需要發展的是內容，也就是他們的產品（信息），這也就是內容至上，功能爲王的競爭時代；而到第三階段，纔是網站整體設計真正發揮其作用的時候，當大家都有內容的時候，這時如何更合理地安排內容，如何更合理地突出主題，如果更合理地反映網站品牌就迫不急待地擺在大家面前。這時誰有優秀的網站整體設計方案那麼他就能在同類站點中脫穎而出。

二、建站真的那麼容易嗎？

也許當初做個人站點的網蟲太多了，再加上相關技術雜誌的炒作，建站在老百姓心目中似乎比做飯還容易，是啊，拿Frontpage做個只有個人簡歷和興趣愛好的個人網站是舉手之勞的事情，在國內互聯網開始發展的初期，幾乎大部分的網站構造都非常簡單，實現難度非常小，需要考慮的東西也非常少。但是網站不斷商業化運行之後，建站變得越來越複雜，這個話題也變得越來越重。讓我們來看一下現在真正的建站流程：

站點定位 > 策劃方案 > 資料收集 > 站點框架設定 > 站點流程定義 > 各級欄目頁面的框架草圖 > 各級欄目頁面的樣圖 > 製作頁面模板 > 靜態頁面製作/後臺程序開發（可同時進行） > 頁面整合 > 局域網調試 > 發佈（上傳/服務器配置/數據庫配置） > WWW調試 > 正式發佈 > 永不止境的維護工作（直到網站倒閉爲止）。

上述步驟每一步都需要不同類型的專業人才來完成，有些經常需要多種類型的專業人才協同完成。光這些整理出來的文檔訂在一起就不會是一本太薄的書。而且還要考慮如何維護/如何分工合作的細節文檔。可見這是一件系統的工程。當有人真正做爲其中一份子投入到一個準商業站點的建設中去的時候，那麼他再也不會說“建站人人會建”這種話了。。。


三、網頁設計師在國內的地位？

ONLY的文章向大家提出了一個非常好的問題，我做這個行業已經有二年整的時間了，許多朋友介紹時，都說：“噢，他是在公司做網頁的……”。

我們知道，在計算機這個行業，清晰地有一道分水嶺：程序員與設計師，以前碰到一個程序員，曾經不無驕傲的對我說：你們是用Dreamweaver，而我們是開發Dreamweaver的……當時我只想回答他的是：“但是……你Dreamweaver不會用的比我好，而且更慘的是你也開發不出Dreamweaver這樣的軟件……”，現在想想這種問題和這種回答都太幼稚了，這兩者根本沒有必要進行比較，是兩個不同的領域，因此兩者之間根本沒有誰高誰低的關係。那麼爲什麼現在程序員的薪水要比設計師的薪水要普遍高一些呢？（不知道在國外一名優秀的Web Design和一位優秀的Web Programer的薪水是否也在存在這種情況呢？），我認爲這是由公司需求（或者說市場需求）決定的，簡單的說，也就是現在公司更着重網站程序一塊的開發，對網站的設計部分需要並不是很強烈，因此當然程序員要在公司（或者行業）要比設計師更吃香了。。。

因此只有國內的互聯網進入了上文所述的第三階段，真正需要網頁設計師時，那麼什麼時候網頁設計師在國內的地位就能夠得到承認，能夠得到認可。

四、我們應該做些什麼？

市場的進化需要時間來完成，某一個人或者某一家公司都無能爲力，那麼現在網頁設計師應該做些什麼呢？在此給大家一些自己的建議。首先要目標明確，你要了解自己將來想做什麼？並且是否能勝任這一職業？然後才根據此目標來確定應該掌握的相應技術，現在開始就全面地武裝自己。

我一直給我身邊的朋友的忠告是：作爲一個人來說，你無法把握社會如何發展，如法把握公司將會如何發展，你唯一能把握的就是你自己！所以要不斷地提高自己！

大家如果真的想做一名優秀網頁設計師的話，真的應該去學習一些設計，就像藍色說的一樣：“多看，多想，多實踐，少說廢話……”越來越多的平面設計師向網頁設計轉型，他們有設計的底子，唯一缺少的就是技術一塊，所以大家都有機會，真正的網頁設計師肯定是網頁技術高手和設計高手的結合，這纔是給網頁設計師最好的詮釋！

“路漫漫其修遠兮，吾將上下而求索！”——送給經典論壇的所有朋友共勉！！！