网站设计与建设Websitedesignand.ppt

1、网 站 设 计 与 建 设Website design and developments,第7章 网站规划设计规范,第二部分 网站规划,7.1 网站设计流程,网站设计的主要任务包括以下六个阶段用户需求分析及变更(前期调研)。网站架构及业务流程分析。系统分析及总体设计(网站设计策划书撰写)。界面设计、交互设计及程序开发。系统测试和文档编写。客户培训、技术支持和售后服务。,7.2 网站策划书撰写要点,1. 前期调研分析了解目前网上相关行业的市场状况，对本企业的市场特点进行分析，看是否适合在互联网上开展业务，可以利用网站提升哪些竞争力。市场主要竞争者分析，了解竞争对手上网情况及其网站规划、功能、作用

2、等。对网站可能客户群进行分析，从可能的访问者中分析出潜在顾客，并利用网站的各种功能模块为他们提供特色服务。对网站制作者自身条件、建设网站的能力(费用、技术、人力等)的分析。,2网站目的及功能定位首先要确定为什么要建立网站，是为了宣传产品，开展电子商务，还是为了建立行业性网站。根据需要和计划确定网站的功能如产品宣传型、网上营销型、客户服务型、电子商务型等。根据网站功能确定网站应达到的目的。,3网站技术解决方案确定是采用自建服务器，还是租用虚拟主机等。选择操作系统，用UNIX、Linux还是Windows 20002003 Server，并分析投入成本、功能、稳定性和安全性等。确定是采用现成的企业

3、上网方案、电子商务解决方案，还是自己开发。网站安全性措施，如防火墙、防入侵、防病毒方案等。动态语言和数据库技术选择，如PHP、ASP、JSP、CGI以及数据库选择等。开发工具选择：DreamWeaver，FrontPage，IBM RAD等。,4网站内容规划根据网站的目的和功能规划网站内容。一般企业网站应包括：公司简介、产品介绍、服务内容、价格信息、联系方式、网上定单等基本内容。电子商务类网站要提供会员注册、商品服务信息、信息搜索查询、定单确认、付款方式、个人信息、保密措施、相关帮助等内容。如果网站栏目比较多时，需考虑指定专人负责相关内容。,5网页设计网页美术设计要求要与企业整体形象一致，要符

4、合CI规范，网页色彩、图片的应用及版面规划要和网页整体保持一致性。在新技术的采用上要考虑主要目标访问群体的分布地域、年龄阶层、网络速度和阅读习惯等。制定网页改版计划，如每半年到一年进行一次较大规模的改版等。,6网站维护服务器及相关软硬件的维护，对可能出现的问题进行评估，制定响应时间。数据库维护，有效地利用数据是网站维护的重要内容。内容的更新、调整计划。制定相关网站维护的规定，将网站维护制度化、规范化。7网站测试网站发布前要进行细致周密的测试，以保证正常的浏览和使用。主要测试内容有：服务器稳定性、安全性。程序及数据库测试。网页兼容性测试，包括不同浏览器下的显示结果、不同显示器分辨率的页面效果等。

5、需要的其他测试。,8网站发布与推广网站测试完成后进行发布前的公关、广告活动。搜索引擎登记等。9网站建设日程表包括各项规划任务的开始时间、完成时间和负责人以及技术力量等。10费用明细要详细列出各项事宜所需费用的清单，估算出总的投资额度,7.3 功能需求分析设计,需求分析人员分工系统分析人员 编辑人员 表7.1 网站项目需求分析计划书模板 网站技术需求技术概述 ,数据描述 ,功能模块,性能 网站页面需求样式,功能,连接网站需求管理 对文挡的管理,7.4 网站概要设计,页面概要设计说明书网页命名的列表 ,位置(路径)频道数据库概要设计说明书库表SQL 脚本,7.5 网站详细设计,页面详细设计CSS详

6、细说明、JS特效说明、框架网页说明、内置框架说明和层的说明等 数据库详细设计索引、存储过程、视图、触发器等 后台脚本详细设计 功能,流程图,代码说明,7.6 网站测试设计,目标: 在可行的时间跨度内应尽可能去发现多的错误 手工测试网站测试工具 Alexa网站：http:/网站的排名详情(流量排名、用户量及网页访问数)、访问该网站的用户还访问了哪些相关网站、该网站的状态、该网站的联络信息、用户对该网站的评论,Alexa每天在网上搜集超过1,000GB的信息，不仅给出多达几十亿的网址链接，而且为其中的每一个网站进行了排名。可以说，Alexa是当前拥有URL数量最庞大，排名信息发布最详尽的网站。 综

7、合排名也叫绝对排名，即特定的一个网站在所有网站中的名次。Alexa每三个月公布一次新的网站综合排名。此排名的依据是用户链接数（Users Reach）和页面浏览数（Page Views）三个月累积的几何平均值Alexa还会根据网民对网站的评论，在综合排名信息中，用“星”来给网站评一个等级，最高为“5星” 。国内网站排名最靠前的新浪网，得了“2星”。Alexa网站本身不参加排名，但是Alexa给自己的评价为4星。 当前世界排名最靠前的网站有：Google（http:/ 位居第三和第四名。,CNZZ网站流量统计中国最大的第三方统计服务商,OpenSTA：http:/portal.opensta.o

8、rg/index.php免费的、开放源代码的web性能测试工具主要做性能测试的负荷及压力测试Http响应时间、流量等 编写测试脚本。以便进行特定的性能指标分析。图形化测试结果SAINT：http:/ HTML Validator：http:/ Link Sleuth：http:/home.snafu.de/tilman/xenulink.html主要测试网站链接的正确性的工具，检查网站是否有死链，包括图片链接等，并用红色显示；可制作html格式的网站地图(site map)，检测结束后可生成链接报告，稍加编辑就是一份详尽准确的网站地图。,Ab(Apache Bench)：http:/httpd

9、.apache.org/download.cgiAb的全称是Apache Bench，是 Apache 附带的一个小工具，专门用于 HTTP Server 的benchmark testing，可以同时模拟多个并发请求，功能不是很多，但是非常实用。例如：ab -n 20 -c 10 http:/ 发送20个请求(-n 20)，并每次发送10个请求(-c 10)，也就是说共发送两次请求。Crash-me：http:/ 功能性能负载压力安全稳定,7.7 撰写网站开发总结性报告,表7.11 网站开发总结性报告模板 简介功能开发进度开发成本相关技术预知错误及解决方案,7.8 编写网站用户手册,教会用户如何使用和日常维护管理此网站。Internet上的Web站点一般都是建有专门的帮助频道，包括新手上路高级技巧等功能。用户手册,