1、网站开发各阶段的任务,了解网站开发各阶段任务 能够编写网站需求调查与分析报告 能够编写网站开发规划书 能够编写网站设计说明书,学习目标,本章主要内容,网站开发阶段 项目立项阶段 网站需求调查与分析阶段 网站规划阶段 网站设计阶段 网站开发硬件和软件准备 网站开发素材的收集与制作 思考与练习,1 网站开发阶段,网站开发过程的各个阶段及任务 (1)网站开发项目立项阶段 ：主要任务是确定开发项目。 (2)网站需求调查与分析阶段 ：主要任务是进行网站需求调查与分析，编写网站需求调查与分析报告。 (3)网站规划阶段：主要任务是进行网站定位，确定网站的目的和功能，编写网站开发规划书。,(4)网站设计阶段：
2、主要任务是进行进行网站内容设计、网站结构设计等，编写网站设计说明书。(5)网站制作实现阶段： 主要任务是用Html、JSP 、ASP 等网站开发技术制作网页。(6)网站宣传推广阶段：主要任务是向亲朋好友推荐，在搜索引擎登记，在新闻组和BBS上作宣传。(7)网站运行维护阶段：主 要任务是测试网络，网页的日常维护，网站的宣传推广，网站的优化与更新，网站的备份与恢复。,2 项目立项阶段,本节的内容主要介绍项目立项阶段的主要任务确定开发项目，即为谁开发一个什么类型的网站。 现在越来越多的企业、单位、组织要开发功能强大的网站或浏览器/服务器模式的管理信息系统。当用户有了开发网站的需求，经过用户与开发人员
3、双方不断的接洽和了解，并通过基本的可行性讨论，可初步达成开发网站协议，这时就需要将项目立项，签订项目立项书。 接着要成立一个专门的开发网站项目小组，小组成员包括：项目经理，网页设计员，编程员，测试员，编辑/文档员等。一般项目实行项目经理制。 在学生学习过程中可以成立开发网站项目小组，以团队的力量共同来开发一个网站。,3 网站需求调查与分析阶段,3.1 明确网站开发的目的 在确定用户要开发一个网站后，开发人员首先要明确用户为什么要建立这个网站？是为了给顾客提供服务，还是要在网上宣传自己的公司、产品、是在网上介绍知识、以网会友，还是要给自己的企业建立一个电子商务网站，只有给这些问题一个满意的答案，
4、才能说明明确了建站的目的，下面的工作才能有一个明确的方向。,3.2 网站需求调查与分析,当明确网站开发的目的后，开发人员接着要确定网站包括的主要内容和功能，通过网站的内容和功能实现网站开发的目的 网站需求分析阶段就是专门解决网站的需求，网站需求从开发人员的角度来划分可以分为内容需求和网站的功能需求；从用户角度来考虑可以分为用户实际需求和用户发展需求。,要解决需求分析阶段的问题，先要进行调查工作。调查工作可分为以下两种类型。 1用户需求调查在调查中要做到以下几点： （1）让用户畅所欲言，罗列出所有的需求 （2）透过现象分析用户潜在的需求 （3）编写用户需求调查报告2对类似网站进行调查 开发人员还
5、要对类似网站进行调查，目的是了解目前类似网站的情况，了解当前类似网站的内容和功能，以拓宽思路，使功能更完善，设计更合理,3类似网站调查报告对类似网站的调查也要编写一份网站调查报告，主要内容包括： 调查规模 调查了哪些网站、调查的覆盖率； 调查的内容 被调查网站的内容特色、功能特点 调查的收获 根据调查情况提出开发网站的内容参考建议和网站功能的参考建议。,3.3 编写需求分析报告,1网站需求分析报告主要内容 （1）确定网站的用户角色 （2）分析用户需求使用示意图描述不同用户角色的需求。分析确定每个角色的权限及可操作的功能，比如会员可以查看特别信息、修改个人信息、退出登陆等；制作流程图和示意图将用
6、户需求表现出来；可以让用户参与到示意图的设计中，这样可以正确的反映用户的需求。 （3）使用文字和功能体系图描述网站要为用户角色提供哪些服务,2需求分析报告部分内容实例 （1）网站名称：体育用品商店 （2）网站用户细分： 个人顾客：体育用品主要面向儿童、青年人和休闲一族。 团体顾客：在小区健身，全民健身的氛围下，大的团体采购活动已经出现并有进一步升温的趋势。为满足这一市场需要，要求网站为这些大的团体提供便捷的服务。 网站新闻管理员：负责网站新闻发布编辑修改工作。 网站市场调查管理员：负责市场调查的标题内容发布、编辑、修改等工作。 网站维护管理员：负责数据库的管理、页面更新等工作。 网站销售管理员
7、：负责网上订单查询、打印订单等工作。,（3）用户需求特点分析 用户需求特点可使用如示意图来描述,（4）网站为用户提供的服务 可使用文字和功能体系图描述网站要为用户角色提供的服务,4 网站规划阶段,网站规划阶段的工作是在网站开发前面两个阶段的基础上做的工作总结，根据需求分析报告对网站开发建设中所需要的内容、功能、技术、费用、测试、维护等做出书面的、全局的规划。 网站开发规划书主要内容包括： 1市场分析 （1）相关网站的市场是怎样的，市场有什么样的特点，是否能够在互联网上开展公司业务。 （2）市场主要竞争者分析，竞争对手上网情况及其网站规划、功能作用。 （3）公司自身条件分析、公司概况、市场优势，
8、可以利用网站提升哪些竞争力，建设网站的能力（费用、技术、人力等）。,2开发网站的目的及功能类型定位 （1）确定网站的目的。 （2）确定网站的功能类型。 （3）根据网站功能类型，确定网站应达到的目标要求。 3网站技术解决方案 （1）采用自建服务器，还是租用虚拟主机。 （2）选择操作系统，用Unix，Linux还是Window 2000/NT。分析投入成本、功能、开发、稳定性和安全性等。 （3）采用系统性的解决方案（如IBM，HP）等公司提供的企业上网方案、电子商务解决方案？还是自己开发。 （4）网站安全性措施，防黑、防病毒方案。 （5）相关功能程序开发使用什么开发技术是使用JSP、ASP还是CG
9、I等。,4网站内容与功能要求 （1）确定网站名称一个好的名字必须有概括性，简短、要合理、有特色，易记（6个字内） ，还要符合自己站点的主题风格。例如：新浪网、搜狐、网易。 （2）根据网站的目的和需求分析划分网站的主要页面内容及包括的主要功能模块 （3）确定网站各功能模块内容概要，可考虑采用网站编程专人负责相关栏目模块内容的准备、开发工作。 （4）确定网站的层次数，画出网站的结构图,5网站设计要求 （1）网页美术设计要求 （2）在新技术的采用上要考虑主要目标访问群体的分布地域、年龄阶层、网络速度、阅读习惯等。 （3）制定网页改版计划，如半年到一年时间进行较大规模改版等。 （4）确定网站整体风格,
10、6网站维护说明 （1）服务器及相关软硬件的维护，对可能出现的问题进行评估，制定响应时间。 （2）数据库维护，有效地利用数据是网站维护的重要内容，因此数据库的维护要受到重视。 （3）制定内容的更新、调整的时间计划。 （4）制定相关网站维护的规定，将网站维护制度化、规范化。,7网站测试说明网站发布前要进行细致周密的测试，以保证正常浏览和使用。主要测试内容： （1）服务器稳定性、安全性。 （2）程序及数据库测试。 （3）网页兼容性测试，如浏览器、显示器。 （4）根据需要的其他测试。 8网站发布与推广计划 （1）网站测试后进行发布的公关，广告活动计划。 （2）搜索引掣登记等。 9网站建设日程表 10网
11、站开发费用预算明细,5 网站设计阶段,5.1 网站设计方法 网站设计阶段的主要工作是网站内容和功能的具体设计，要解决如何展示网站浏览的内容、如何实现网站的功能。具体任务包括网站主页结构设计、主要栏目主页设计、确定各页面的内容和功能、网站导航与链接模式设计、网站目录结构设计等。它是进行网站实际制作前的准备工作，网站设计阶段的成果是网站开发设计说明书，,进行网站设计首先要决定采用什么样的方法来进行网站开发设计。网站开发设计也有自顶向下、自底向上和从中间开始等设计方法 所谓自顶向下，就是从整个网页的主页（顶），常说的HomePage开始设计，向下一层一层地展开。采用这种设计方法，在开始实现网页时可以
12、先用一些空的网页构筑起整个网站的框架，按模块开发相关的应用程序，然后再一步一步地向框架中增加内容，逐步细化，直至最后完成整个网站的制作。,在网站制作时，先将网站的各个栏目先作为一个链接放在主页上，以形成网站一个总的概貌，然后分别实现各个栏目的主页和二级页面，以及各个页面中需要的功能模块，最后充实主页上的链接，直到最后实现所有的功能，网站就开发成功了。,5.2 网站标题设计,网站标题包括网站名称和logo标志。每一个网站都要有一个响亮的名字和独具风格的logo标志。例如著名的雅虎、搜狐、新浪等,5.3 网站的内容与功能设计,1 首页 首页具有简单、鲜明的特点，吸引浏览者的目光，指引用户到主页,2
13、 主页 网站的主页要尽可能地将本站的所有内容和功能栏目展现出来，要最大可能地将主页做成整个网站的缩略图，使得用户只要浏览过主页，就能对网站有一个比较清晰的印象，主页还要提供通向各个主要栏目模块的链接和会员、管理员登陆入口。 在主页的风格设计中，色彩的使用也非常的重要。既不能太过鲜艳，让人觉得刺目难受，也不能过于沉闷，看得让人提不起精神来。 在主页的结构设计中，可将主页划分成几个部分分别设计。这里介绍的是先分为上中下，再把中间部分分为两块。,（1）主页的上部是网站标题和网站标语图片或主要广告 （2）网页的中间部分一般就是网站的各个功能页面的简化版本的组合 。一般中间部分占页面的比例较大。还还可以
14、分为左右两部分。左边为小标题。右边为小标题连接的内容 。 （3）网页的下部给出联系方式、版权信息、与其他相关网站的链接和其他内容。,“网上体育用品商店”网站的主页,3网站主要栏目设计 主要栏目设计包括各个栏目的主页和二级功能页面的设计。 栏目主页要包括该栏目的主要内容介绍、到各个二级功能页面的接口（链接）。要使浏览者一进入该页面，就能知道本栏目提供哪些服务，可以浏览哪些内容。 二级功能页面是根据内容和功能需要使用的页面，可在制作时具体确定，只要注意提供返回栏目主页面和网站主页的链接即可,下面以“网上体育用品商店”为例说明一些主要栏目页面的设计。 （1）关于公司栏目 （2）体育动态栏目 （3）市
15、场信息栏目 （4）关于产品栏目 （5）服务中心栏目 （6）好友论坛栏目 （7）会员天地栏目,5.4 目录结构设计,目录结构设计也称为网站物理结构设计，物理结构是指网站文件的物理存储结构，即网站文件在服务器上存储的方式。 由于设计一个网站会涉及到许多文件和目录，同时在设计的过程中也会生成许多文件，包括页面文件、程序代码等等。如何合理地放置这些文件和目录对于顺利地进行开发工作也是很重要的。特别是在网站的开发初期就合理地规划好目录结构，对于设计网页是很有好处的。如果网站规模很小，网页文件也不多，最简单的方法就是给整个网站建立一个目录，将所有的文件和图片文件都放在该目录下面。复杂的网站可以按网站的内容
16、结构分成不同的部分，每个部分从结构上来说是相对独立的。,例如，“网上体育用品商店”网站的所有网页文件都放在应用服务器下的fess目录中，fess目录下为每个栏目建立一个子目录，以便于未来管理页面的方便。图片统一放在image目录中，文件名都使用简短的英文或中文拼音字母命名。,5.5 导航与交互设计,1 导航设计 导航设计要解决的问题是页面位置、去向、路径、返回方法。导航设计有以下类型： 超文本链接：非顺序的通过超文本链接起来， 使用户按使用的顺序和意愿浏览信息。 导航栏：放置在固定位置的多个标题的超链接。可以是文字或图片。一般有大型导航条、小型导航条、导航目录。 网站地图：以图形的方式显示站点
17、中所有的页面和栏目部分、内容分类列表等。显示的是网站的逻辑结构，逻辑结构是网站在运行时抽象出来的拓扑结构，它是建立在物理结构之上的。网站地图一般专门提供一个链接的页面。,2 . 交互设计 交互设计要解决的问题：解决互相作用、互相交流的方式问题；解决信息传递和选择性问题。 人机交互设计要注意交互的简易性，友好性。还要注意交互的灵活性、明确性、一致性、容错性、反馈性、图形化。 人机交互的常用方式有：问答式、菜单式、功能键、图符、查询语言界面、自然语言界面。要注意菜单层数不能太多，即菜单交互功能深度。菜单宽度不要过大，即同层中菜单项总数。,3“网上体育用品商店”网站中导航设计每个页面都包含网站标志，
18、单击网站标志可通向网站主页面，每个页面包含到各个栏目版块的导航条和网站地图，方便用户在本站内浏览，进入各个功能页面。对于超文本链接，用户访问过和未访问的分别用不同的颜色显示。在每个页面设置“返回主页”的链接。,5.6 网页版面布局设计,网页版面布局设计统一设计了网站所有页面的布局，而且在设计定型之后一般就很少修改。有时候将网页版面布局设计称为“模板设计”，以后各页面的详细设计和实现都是基于这个模板展开的 。,5.7 网站外观设计,1网站色彩设计 在设计网页时，必须要高度重视色彩的搭配。 要合理地选取页面的背景色，一旦选定了网站的主背景色，所有其他色彩的使用都要围绕它展开，要选择那些能很好的融入
19、到主背景色中的颜色，决不要使用与之相对立的颜色。 一个网站必须有一种或两种主题色，一个页面尽量不要超过4种色彩，当主题色确定好以后，考虑其它配色时，一定要考虑其它配色与主题色的关系，要体现什么样的效果。,2网站的CI设计 网站的CI设计包括以下内容： 网站标志 网站标准色彩。标准色彩是指能体现网站形象和延伸内涵的色彩。一个网站的标准色彩不超过3种 。 网站标准字体。标准字体是指用于标志，标题，主菜单的特有字体。 网站宣传标语。网站的宣传标语可以说是网站的精神，网站的目标。以上四方面：标志，色彩，字体，标语，是一个网站树立CI形象的关键，设计并完成这几个任务，网站将脱胎换骨，整体形象会大大提高。
20、色彩与字体的设计可以专门使用style样式文件来保存，以利于制作各个页面时使用。,3版面设计所谓版面设计，就是在版面上将有限的视觉元素进行有机的排列组合，将理性思维个性化地表现出来，是一种具有个人风格和艺术特色的视觉传达方式 。网页的版面设计要主次分明，中心突出。在一个网页上，必然要考虑视觉的中心，这个中心一般在页面的中央，或者在中间偏上的部位。因此，一些重要的文字和图片一般可以安排在这个部位。 网页的版面设计要注意文字与图片的布局。 网页的版面设计要注意大小搭配，相互呼应,4网站的整体风格和创意设计 例如，“网上体育用品商店”网站 在外观设计中在大多有动态的网页中一致使用黑色的背景，在此背景
21、下通过各种颜色的搭配。表现动感的运动之美。 在版面设计上，运用flash，动态图片等动感视觉元素有机结合，努力向浏览者传达健康、向上、充满活力的运动理念。 网站的图片和flash设计要紧紧围绕健康时尚的运动主题。做到主次分明，中心突出。 在各栏目的网页外观设计上注重图文并茂，相得益彰。形成鲜明活泼的整体风格。,5.8 页面详细设计,1页面详细设计内容（注意要和需求分析说明相结合） 该页面的作用； 该页面的要反映的具体内容； 该页面的要使用的图片、动画、声音文件的内容、格式等要求； 确定静态和动态内容、确定动态功能模块使用什么Web开发技术工具进行开发。,5.9 数据库设计,1数据库与表的设计
22、建立网站的时候，建立多少个数据库，每个数据库中有多少张表，开发人员要根据所建网站的实际情况来决定。这之中有数据量大小的考虑，有数据更新频率和数量的考虑，有数据库查询操作的频繁程度的考虑，还有管理层次上的考虑，等等，可以说需要注意和分析的问题是非常多的。实际操作之前必须经过慎重的设计工作。 数据库系统中的数据是企业了解用户的主要渠道，是企业的宝贵资源，一定要充分利用和重视。数据库系统不仅要有存取信息功能，还要注意数据库的安全性和条理性。最大限度获取和使用用户信息。,2数据结构规范化数据库设计的关键是设计数据表中的数据项（字段），要符合数据结构的规范化要求，最大限度的避免数据冗余。一般的数据结构要
23、满足以下要求： 在表中任意一列上，数据项应属于同一属性，即不允许有重复数据项。 在表中所有行都是不相同的，不允许有重复的行。 在表中，行的顺序无关紧要。 在表中，列的顺序无关紧要，但不能有重复的列。 每个数据表必须有一个或多个数据项组合构成的主关键字，其他数据项元素要由主关键字来确定。 非主关键字的数据项元素之间相互独立，没有函数传递依赖关系。,6 网站开发硬件和软件准备,6.1 硬件准备 要创建一个网站，需要有一台安装了Web服务器的计算机 。如果是在一个主机超过四五十台的局域网上建立网站，所需的服务器至少得有128MBRAM、CPU工作频率应在300MHz以上。 可以把网站建在比较高级的工
24、作站上，如管理本地局域网的服务器，甚至可以把网页上传到提供个人主页空间服务的全国性的大型主机上，这样就能保证网页有很好的硬件环境。也可以在自己的机器上建立一个小型的站点，用于本地自己主页的测试。,6.2 软件准备,首先，要有Web服务器软件。现在流行的基于PC机的Web服务器有如下几个： （1）windows提供的Personal Web Server和IIS。 （2）Linux的Apache。 （3）支持JSP的Tomcat/Jboss。 为编制网页代码，可准备一个能自动编写静态内容代码的网页制作工具，如FrontPage等。因为动态内容主要采用手工编写代码方式，可使用EditPlus编辑器
25、或Eclipse或NetBean IDE或Jbuilder等。,7 网站开发素材的收集和制作,在具体开发网站前，要先进行素材的准备和收集。 要收集各个网页需要的文字素材和图片素材。还要根据需要由开发人员自己制作一些特殊的图片、动画文件、flash文件、菜单图片、文字图片等。这部分工作可以由专人负责进行收集和制作。,在网站制作实现阶段可以在项目开发组中按不同技术、或不同栏目与功能模块分工完成网站网页的制作任务、测试任务。 当网页制作与测试任务完成后，要将开发的网站发布到某个Web服务器中，使用户浏览与使用，此时网站开发进入到网站宣传推广阶段，要通过各种方式与方法向亲朋好友推荐，在搜索引擎登记，在
26、新闻组和BBS上作宣传。 网站发布后即进入到网站运行维护阶段，需要不断测试网络，对网页进行日常维护，网站的不断宣传与推广，网站的优化与更新，网站的备份与恢复。,实践练习,成立开发网站项目小组：确定项目组长、项目组成员分工、讨论确定网站开发项目。 编写调查表，对不同的网站用户进行需求调查，并编写调查报告。 调查不同类型的网站，写出调查报告，包括：网站名称、网站地址、网站特色，分析它们在页面内容、功能、结构、导航与交互、布局、色彩、CI、整体风格等方面的优缺点。 编写网站需求分析报告。主要内容包括： 初步确定的网站名称； 确定网站的用户角色（即哪些人员浏览和使用网站）； 制作流程图或示意图描述不同用户角色的所有需求； 使用文字和功能体系图描述网站要为用户角色提供什么服务,5. 编写网站开发规划书，网站开发规划书主要内容： 网站开发背景 建设网站目的及功能定位 网站技术解决方案 网站内容与功能规划 网页设计要求 网站测试说明 网站发布说明 网站维护说明,6. 按网站开发下面小组编写网站设计说明书。内容包括： 网站标题设计 网站内容与功能设计（按页面和功能模块）； 网站目录结构设计； 导航与交互设计； 网页版面布局设计； 网站外观设计； 主要页面详细设计（首页、一级页面、二级页面） ； 数据库设计。,
