网 站 设 计 与 建 设 Website design and developments

第二部分 网站规划 第7章 网站规划设计规范

7.1 网站设计流程 网站设计的主要任务包括以下六个阶段 ①用户需求分析及变更(前期调研)。 ②网站架构及业务流程分析。 ③系统分析及总体设计(网站设计策划书撰写)。 ④界面设计、交互设计及程序开发。 ⑤系统测试和文档编写。 ⑥客户培训、技术支持和售后服务。

7.2 网站策划书撰写要点 1. 前期调研分析 ①了解目前网上相关行业的市场状况，对本企业的市场特点进行分析，看是否适合在互联网上开展业务，可以利用网站提升哪些竞争力。 ②市场主要竞争者分析，了解竞争对手上网情况及其网站规划、功能、作用等。 ③对网站可能客户群进行分析，从可能的访问者中分析出潜在顾客，并利用网站的各种功能模块为他们提供特色服务。 ④对网站制作者自身条件、建设网站的能力(费用、技术、人力等)的分析。

2．网站目的及功能定位 ①首先要确定为什么要建立网站，是为了宣传产品，开展电子商务，还是为了建立行业性网站。 ②根据需要和计划确定网站的功能．如产品宣传型、网上营销型、客户服务型、电子商务型等。 ③根据网站功能．确定网站应达到的目的。

3．网站技术解决方案 ①确定是采用自建服务器，还是租用虚拟主机等。 ②选择操作系统，用UNIX、Linux还是Windows 2000／2003 Server，并分析投入成本、功能、稳定性和安全性等。 ③确定是采用现成的企业上网方案、电子商务解决方案，还是自己开发。 ④网站安全性措施，如防火墙、防入侵、防病毒方案等。 ⑤动态语言和数据库技术选择，如PHP、ASP、JSP、CGI以及数据库选择等。 ⑥开发工具选择：DreamWeaver，FrontPage，IBM RAD等。

4．网站内容规划 ①根据网站的目的和功能规划网站内容。一般企业网站应包括：公司简介、产品介绍、服务内容、价格信息、联系方式、网上定单等基本内容。电子商务类网站要提供会员注册、商品服务信息、信息搜索查询、定单确认、付款方式、个人信息、保密措施、相关帮助等内容。 ②如果网站栏目比较多时，需考虑指定专人负责相关内容。

5．网页设计 ①网页美术设计要求要与企业整体形象一致，要符合CI规范，网页色彩、图片的应用及版面规划要和网页整体保持一致性。 ②在新技术的采用上要考虑主要目标访问群体的分布地域、年龄阶层、网络速度和阅读习惯等。 ③制定网页改版计划，如每半年到一年进行一次较大规模的改版等。

6．网站维护 ①服务器及相关软硬件的维护，对可能出现的问题进行评估，制定响应时间。 ②数据库维护，有效地利用数据是网站维护的重要内容。 ③内容的更新、调整计划。 ④制定相关网站维护的规定，将网站维护制度化、规范化。 7．网站测试 网站发布前要进行细致周密的测试，以保证正常的浏览和使用。主要测试内容有： ①服务器稳定性、安全性。 ②程序及数据库测试。 ③网页兼容性测试，包括不同浏览器下的显示结果、不同显示器分辨率的页面效果等。 ④需要的其他测试。

8．网站发布与推广 ①网站测试完成后进行发布前的公关、广告活动。 ②搜索引擎登记等。 9．网站建设日程表 包括各项规划任务的开始时间、完成时间和负责人以及技术力量等。 10．费用明细 要详细列出各项事宜所需费用的清单，估算出总的投资额度

7.3 功能需求分析设计 需求分析人员分工 网站技术需求 网站页面需求 网站需求管理 系统分析人员 编辑人员 表7.1 网站项目需求分析计划书模板 网站技术需求 技术概述 ,数据描述 ,功能模块,性能 网站页面需求 样式,功能,连接 网站需求管理 对文挡的管理

7.4 网站概要设计 页面概要设计说明书 网页命名的列表 ,位置(路径) 频道 数据库概要设计说明书 库 表 SQL 脚本

7.5 网站详细设计 页面详细设计 数据库详细设计 后台脚本详细设计 CSS详细说明、 JS特效说明、 框架网页说明、内置框架说明和层的说明等 数据库详细设计 索引、存储过程、视图、触发器等 后台脚本详细设计 功能,流程图,代码说明

7.6 网站测试设计 目标: 在可行的时间跨度内应尽可能去发现多的错误 手工测试 网站测试工具 ①Alexa网站：http://www.alexa.com 网站的排名详情(流量排名、用户量及网页访问数)、 访问该网站的用户还访问了哪些相关网站、 该网站的状态、 该网站的联络信息、 用户对该网站的评论

Alexa每天在网上搜集超过1,000GB的信息，不仅给出多达几十亿的网址链接，而且为其中的每一个网站进行了排名。可以说，Alexa是当前拥有URL数量最庞大，排名信息发布最详尽的网站。 综合排名也叫绝对排名，即特定的一个网站在所有网站中的名次。 Alexa每三个月公布一次新的网站综合排名。此排名的依据是用户链接数（Users Reach）和页面浏览数（Page Views）三个月累积的几何平均值 Alexa还会根据网民对网站的评论，在综合排名信息中，用“星”来给网站评一个等级，最高为“5星” 。国内网站排名最靠前的新浪网，得了“2星”。Alexa网站本身不参加排名，但是Alexa给自己的评价为4星。 当前世界排名最靠前的网站有：Google（http://www.google.com/）高居榜首，雅虎（http://www.yahoo.com/）紧跟其后，两个英语网站http://www.youtube.com/和http://www.live.com/ 位居第三和第四名。

CNZZ网站流量统计——中国最大的第三方统计服务商

②OpenSTA：http://portal.opensta.org/index.php 免费的、开放源代码的web性能测试工具 主要做性能测试的负荷及压力测试 Http响应时间、流量等 编写测试脚本。 以便进行特定的性能指标分析。 图形化测试结果 ③SAINT：http://www.saintcorporation.com/saint/ Saint是著名的网络安全工具 UNIX类平台上

④CSE HTML Validator：http://www. htmlvalidator. com/htmlval/orderinfo 是HTML开发环境中非常有用的部分，它的主要作用是帮助开发者“检查”编制的HTML文件中是否存在系统问题，包括在其他浏览器可能被发现的不支持的错误信息

⑤Xenu’s Link Sleuth：http://home.snafu.de/tilman/xenulink.html 主要测试网站链接的正确性的工具，检查网站是否有死链，包括图片链接等，并用红色显示； 可制作html格式的网站地图(site map)，检测结束后可生成链接报告，稍加编辑就是一份详尽准确的网站地图。

⑥Ab(Apache Bench)：http://httpd.apache.org/download.cgi Ab的全称是Apache Bench，是 Apache 附带的一个小工具， 专门用于 HTTP Server 的benchmark testing，可以同时模拟多个并发请求，功能不是很多，但是非常实用。 例如：ab -n 20 -c 10 http://www.edu.cn/。这个命令向 www.edu.cn 发送20个请求(-n 20)，并每次发送10个请求(-c 10)，也就是说共发送两次请求。 ⑦Crash-me：http://dev.mysql.com/downloads Mysql自带的测试数据库性能的工具，能够测试多种数据库的性能。 找出能用于数据库服务器选择的函数、类型和限制。crash-me并不能找出所有的特性，但是其广度仍然很合理，可以进行大约450个测试。 crash-me可以提供的一种类型的信息的例子：如果想要使用Informix或DB2，不应该使用超过18个字符的列名。 crash-me程序和MySQL基准程序是独立于数据库的。 基准本身可在MySQL源码分发的“sql-bench”目录下找到。它们用DBI数据库接口以Perl写成。 使用DBI本身即可以解决部分移植性问题，因为它提供与数据库无关的的存取方法。

网站测试报告 功能 性能 负载 压力 安全 稳定

7.7 撰写网站开发总结性报告 表7.11 网站开发总结性报告模板 简介 功能 开发进度 开发成本 相关技术 预知错误及解决方案

7.8 编写网站用户手册 教会用户如何使用和日常维护管理此网站。 Internet上的Web站点一般都是建有专门的帮助频道， 用户手册 包括新手上路高级技巧等功能。 用户手册