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="webmaster@yoursite.com">

网站简介 <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的薪水是否也在存在这种情况呢？），我认为这是由公司需求（或者说市场需求）决定的，简单的说，也就是现在公司更着重网站程序一块的开发，对网站的设计部分需要并不是很强烈，因此当然程序员要在公司（或者行业）要比设计师更吃香了。。。

因此只有国内的互联网进入了上文所述的第三阶段，真正需要网页设计师时，那么什么时候网页设计师在国内的地位就能够得到承认，能够得到认可。

四、我们应该做些什么？

市场的进化需要时间来完成，某一个人或者某一家公司都无能为力，那么现在网页设计师应该做些什么呢？在此给大家一些自己的建议。首先要目标明确，你要了解自己将来想做什么？并且是否能胜任这一职业？然后才根据此目标来确定应该掌握的相应技术，现在开始就全面地武装自己。

我一直给我身边的朋友的忠告是：作为一个人来说，你无法把握社会如何发展，如法把握公司将会如何发展，你唯一能把握的就是你自己！所以要不断地提高自己！

大家如果真的想做一名优秀网页设计师的话，真的应该去学习一些设计，就像蓝色说的一样：“多看，多想，多实践，少说废话……”越来越多的平面设计师向网页设计转型，他们有设计的底子，唯一缺少的就是技术一块，所以大家都有机会，真正的网页设计师肯定是网页技术高手和设计高手的结合，这才是给网页设计师最好的诠释！

“路漫漫其修远兮，吾将上下而求索！”——送给经典论坛的所有朋友共勉！！！