《网站规划与设计培训》由会员分享，可在线阅读，更多相关《网站规划与设计培训（44页珍藏版）》请在金锄头文库上搜索。
1、Your company sloganYour company slogan网站规划与设计的流程Your company sloganYour company slogan概概 述述网站规划与设计流程 网站策划书撰写要点 功能需求分析设计 网站概要设计 网站详细设计 网站测试设计 撰写网站开发总结性报告 编写网站用户手册2Your company sloganYour company slogan1.1.网站网站规规规规划与划与设计设计设计设计 流程流程 流程流程图图图图Your company sloganYour company slogan网站设计的主要任务包括以下六个阶段网站设计的主要
2、任务包括以下六个阶段 用户户需求分析及变变更（前期调调研 ） 网站架构及业务业务 流程分析 系统统分析及总总体设计设计 （网站设设 计计策划书书撰写） 界面设计设计 、交互设计设计 及程序开 发发 系统测试统测试 和文档编编写 客户户培训训、技术术支持和售后服务务4Your company sloganYour company slogan2.2.网站策划书撰写要点网站策划书撰写要点前期调研分析(是否适合互联网、竞争对手、客户群、自身建设网站的条件和能 力) 网站目的及功能定位(是什么类型的网站、功能和目的，如是宣传还是电子商务) 网站技术解决方案(自建还是虚拟主机等、OS的选择、自己开发还是
3、已有方案、安全 性措施、动态语言和数据库的选择、开发工具的选择) 网站内容规划 网页设计 网站维护 网站测试(服务器稳定性及安全性、程序及数据库、网页兼容性 等) 网站发布与推广 网站建设日程表 费用明细5Your company sloganYour company slogan3.3.网站设计阶段网站设计阶段功能需求分析设计网站概要设计网站详细设计界面设计、交互设计及程序开发网站测试设计撰写网站开发总结性报告编写网站用户手册Your company sloganYour company slogan功能需求分析设计功能需求分析设计需求分析人员员分工网站技术术需求网站页页面需求网站需求管理7
4、返回Your company sloganYour company slogan需求分析人员分工需求分析人员分工需求分析人员员主要有两种： 第一种是精通开发环境和技术的系统分析 人员（采集项目的硬件成本、软件成本、技术 成本） 第二种是擅长内容设计的编辑人员（采集 项目的详细功能、页面展示内容、页面需求文档 ） 需求采集任务务由系统统分析员员和编辑编辑 人员员共同 完成 一般规规模比较较大的网站需求设计设计 需要1周以 上，注意需求分析要经过经过 几个往复过过程。8Your company sloganYour company slogan网站项目需求分析计划书模板网站项目需求分析计划书模板9
5、返回XXX网站项目需求分析计划书部门作者日期1需求分析引言： 1.1 需求目的：阐明编写需求说明书的目的，指明读者对象。 1.2 需求背景：应包括 项目的委托单位、开发单 位和主管部门。 该软 件系统与其他系统的关系。 1.3 关键字：列出文档中所用到的专门术语 的定义和缩写词的原 文。 1.4 参考资料： 2人员分工说明：3需求进度预估：4需要配合部门：Your company sloganYour company slogan1010网站技术需求网站技术需求: :技术需求说明书原则上主要 记录用户提出的功能需求、安全需求、网 络结构拓扑图以及硬件环境和软件环境 等。 表7.2 网站技术需求
6、设计说明书模板XXX网站技术需求设计说明书部门作者日期 1需求设计引言： 1.1 需求目的：阐明编写需求说明书的目的，指明读者对象。 1.2 需求背景：应包括 项目的委托单位、开发单位和主管部门。 该软件系统与其他系统的关系。 1.3 关键字：列出文档中所用到的专门术语的定义和缩写词的原文。 1.4 参考资料：可包括 项目经核准的计划任务书、合同或上级机关的批文。 文档所引用的资料、规范等。 列出这些资料的作者、标题、编号、发表日期、出版单位或资料来源Your company sloganYour company slogan11112技术概述： 2.1 技术目标：技术目标，着重说明本次项目采
7、用技术， 要达到或者实现怎么样的一个目标。 2.2 硬件环境：在硬件环境里面要说明本次项目所需要的 硬件环境，并分析企业已有的硬件和需要继续购置的硬件 设施。 2.3 软件环境：操作系统、数据库、Web服务器或应用服 务器等。因为成本的不同，是否采用免费的数据库和Web 服务器等，也是至关重要的。 2.4 网络结构拓扑图：同样与软件项目不同，网站项目还 要考虑负载均衡、路由等问题，所以大型的网站项目都必 须画出网络结构拓扑图。开发人员、测试人员有时候需要 搭建真实的环境进行调试。Your company sloganYour company slogan12123数据描述： 3.1 已有数据：
8、如何处理或利用原有数据，是项目中至关 重要的内容。 3.2 录入数据：什么人，以什么方式更新，是否需要对录 入部分重新编写程序，这些同样需要说明。 3.3 数据保存：数据的保存有两种方式，存在数据库或存 成文件，什么数据用什么方式存储要提前说明，便于程序 员在编程时不易出错。 3.4 数据字典：数据词典是为了检索和查询使用的，主要 列出本次项目中关键字的定义、解释和相关处理方式。 3.5 数据采集：在开发过程中，需要哪些基础数据，应该 跟谁联系，这些内容要在这里说明。Your company sloganYour company slogan13134功能需求： 4.1 功能划分：网站项目都要
9、按照功能怎样划分模块，例如：用 户管理模块、帮助模块等。 4.2 功能描述：对每一个功能模块进行详细说明。5性能需求： 5.1 数据精确度：对于财务，购物等数字敏感的项目，用户会提 出数据的精确度的要求，所以要进行记录。 5.2 时间特性：响应时间、更新处理时间、数据转换与传输时间 、运行时间等。 5.3 适应性：适应性也叫友好性，指界面的使用友好性等内容。6操作流程图 6.1 流程图一及说明：操作流程图也叫做功能流程图，描绘某个 功能模块包含的用户操作流程。 6.2 流程图二及说明7其他需求 可实用性、安全保密、可维护性、可移植性等。返回Your company sloganYour com
10、pany slogan1414网站页面需求网站页面需求: :网站页面需求设计说明书主要描述 页面样式、功能说明、链接说明等。表7.3 网站页面需求设计说明书模板XXX网站页面需求设计说明书部 门作 者日 期 1需求页面引言： 1.1 需求目的：阐明编写页面需求说明书的目的，为开发确 定方向。 1.2 参与人员：参与页面需求设计的人员和分工情况。 1.3 相关文档：其他相关文档，若没有，可不写。 1.4 关 键 字：本次需求的关键字，要能反映出需求的目的 和主要内容，同时便于读者查找。Your company sloganYour company slogan15152页面1：页面名称 2.1
11、页面样式：由word一些绘图元素构成的页面示意图 ，它主要描述页面布局，以及导航、文字和图片等元素放 置的位置。 2.2页面功能说明：像文字渐入渐出显示、图片随着鼠标 移动、单击页面自动滚屏等，或者其他无法通过绘图来说 明的，都需要在页面功能中进行说明，例如：登录页面的 单击【重填】按钮时，它的功能就需要说明为：“清空用 户名和密码输入框”。当然页面功能说明还需要声明此页 面的主要作用，比如说“此页面是用户登录页”。 2.3页面链接说明：在有链接的地方必须注明链接的目的 地，对于表单而言，就必须声明提交后显示的页面，例如 ：用户登录页面单击【确定】按钮后，应该跳转到论坛首 页，还是用户详细资料
12、页面，就需要在页面链接说明进行 说明。Your company sloganYour company slogan1616返回3页面2：页面名称 3.1 页面样式： 3.2 页面功能说明： 3.3 页面链接说明：。4其他需求 例如用户指定基本彩调，公司的专用徽标、用户特殊要 求。Your company sloganYour company slogan1717网站需求管理网站需求管理: :主要描述需求修改情况表7.4 网站需求管理文档模板 XXX网站需求管理文档说明书部门作者日期 1需求管理引言： 1.1 需求目的：阐明需求管理的目的。 1.2 参与人员：参与需求管理的人员。 1.3 相关文
13、档：其他相关文档，若没有，可不写。 2需求文档列表3变更说明文档名称所在位置修改时间文档名称变更内容变更原因变更时间返回Your company sloganYour company slogan1818网站概要设计：网站概要设计：网页文件和数据库表的索引 ，它简要地描述了开发人员的工作内容。由系统分析员和网页设计人员共同完成 系统分析员确定网站的版本，源代码存放位置，根据需求设计 文档生成主要的文件夹和页面； 网页设计人员首先根据文档中已有的页面进行设计，若遇到没 有的页面，则应该补充该文档。等到整个网站设计完毕的时候 ，概要设计文档也就同时完成了。 概要设计说明书 页面概要设计说明书页面概
14、要设计说明书 数据库概要设计说明书数据库概要设计说明书返回Your company sloganYour company slogan1919网站页面概要设计网站页面概要设计: :页面的概要设计主要包含网 页命名的列表，它作为网站的索引目录为后来的 程序员迅速找到网页做好备份。表7.5 网站页面概要设计说明书模板XXX网站页面概要设计说明书部门作者日期 1概要设计引言： 1.1 设计目的：阐明概要设计的目的。 1.2 参与人员：参与撰写概要设计的人员。 1.3 关 键 字：该概要设计的关键字，便于查找。 1.4 相关文档：需求设计说明书，或者其他相关文档。Your company slogan
15、Your company slogan2版本及源代码：软件的版本和源代码存放在VSS下的位置要在此处声 明，便于开发人员将页面设计完毕后添加到指定的VSS目 录中。 3网站目录结构图：画出网站的目录结构树形图4根目录页面名称 全路径 说明 对应需求设计 页面 index.htm/index.htm首页主页面文件夹名称全路径说明Your company sloganYour company slogan5频道1： 需求设计人员在进行需求设计时应该已经根据功能 基本划分出了频道，对于网页设计人员，它们其实是许多相关 联的网页组成的文件夹，确切地说应该是根目录下的第一级文 件夹。频道下仍然可能再包含
16、目录和文件，这些也要在文件夹 中进行说明。页面链接如果已经明确指明了，那么在概要设计 里面可以不再要求；如果是概要设计人员另外加进去的，则需 要特别加以说明。页面名称 全路径说明 对应需求设计页 面 文件夹名称 全路径 说明(包括链接页面文件名) 返回6频道2：Your company sloganYour company slogan2222数据库概要设计数据库概要设计: :一部分是概要设计，一部分是 SQL执行脚本。前者用来描述数据库设计的内容 ，后者在移植数据库时使用。表7.6 网站数据库概要设计说明书模板XXX网站数据库概要设计说明书部门作者日期 1概要设计引言： 1.1 设计目的：阐明概要设计的目的。 1.2 参与人员：参与撰写概要设计的人员。 1.3 关 键 字：该概要设计的关键字，便于查找。 1.4 相关文档：需求设计说明书，或者其他相关文档。Your company sloganYour
