网站建设与规划实习报告

《网站规划与建设》专业:电子商务班级:0701姓名:全朝霞网站规划与建设摘要：随着网络技术及相关电子技术的迅速发展和普及，企业或单位对网站需求在不断增多，利用互联网开展宣传或商务活动，甚至进行网络活动已成为时尚，也是现代企业或单位参与国际竞争的最重要的手段之一。网站建设是企业或单位能否顺利开展各项工作的必要前提。关键词：网站的需求分析、网站设计、网站的建设、网站的测试、网站的发布与推广

目录1网站的需求分析…………………11.1采集提炼用户需求…………11.2确定网站类型与网站内容…………………31.3规划网站……………………41.4确定网站实现技术…………51.5编写网站需求说明书………62网站的全面设计…………………82.1网站设计工具及应用………82.2网站的概要设计……………92.3网站的安全性设计…………93网站的建设………113.1网站的详细设计……………113.2网页制作……………………113.3网站数据库设计……………124动态网站的建设…………………154.1采用的编程技术……………165网站的测试………185.1制定测试计划………………185.2网站测试的实施……………186网站的发布与推广………………22参考文献………………………24致谢……………25

1、网站的需求分析随着技术的不断发展和用户对网站功能性的需求不断提高，如今网站项目的设计已经不能再仅仅简单地利用静态Html文件来实现，与以前的网站设计创作相比，网站项目的设计和开发越来越像一个软件工程，也越来越复杂，网站项目的设计和开发进入了需要强调流程和分工的时代，建立规范的、有效的、健壮的开发机制，才能适应用户不断变化的需要，达到预期的计划目标。网站项目的确立是建立在广泛需求之上的，这种需求往往来自于客户的实际需求或者是公司自身发展的需要，其中客户的实际需求占了绝大部分。面对对网站开发拥有不同知识层面的客户，项目的负责人对用户需求的理解程度，在很大程度上决定了此类网站开发项目的成败。因此如何更好地的了解、分析、明确用户需求，并且能够准确、清晰以文档的形式表达给参与项目开发的每个成员，保证开发过程按照满足用户需求为目的正确项目开发方向进行，是每个网站开发项目管理者需要面对的问题。最终编写出一份网站的网站策划书。1.1采集提炼用户需求在需求分析的工程中，往往有很多不明确的用户需求，这个时候项目负责人需要调查用户的实际情况，明确用户需求。一个比较理想化的用户调查活动需要用户的充分配合，而且还有可能需要对调查对象进行必要的培训。所以调查的计划安排：时间、地点、参加人员、调查内容，都需要项目负责人和用户的共同认可。调查的形式可以是：发需求调查表、开需求调查座谈会或者现场调研。调查的内容主要如下：（1）网站当前以及日后可能出现的功能需求。（2）客户对网站的性能（如访问速度）的要求和可靠性的要求。（3）确定网站维护的要求。（4）网站的实际运行环境。（5）网站页面总体风格以及美工效果（必要的时候用户可以提供参考站点或者由公司向用户提供）。（6）主页面和次级页面数量，是否需要多种语言版本等。（7）内容管理及录入任务的分配。（8）各种页面特殊效果及其数量（js,flash等）。（9）项目完成时间及进度（可以根据合同）。（10）明确项目完成后的维护责任。调查结束以后，需要编写《用户调查报告》，《报告》的要点是：（1）调查概要说明：网站项目的名称；用户单位；参与调查人员；调查开始终止的时间；调查的工作安排。(2)调查内容说明：用户的基本情况；用户的主要业务；信息化建设现状；网站当前和将来潜在的功能需求、性能需求、可靠性需求、实际运行环境；用户对新网站的期望等。(3)调查资料汇编：将调查得到的资料分类汇总（如调查问卷，会议记录等）。1.2确定网站类型与网站内容通过市场调研活动，清晰的分析相似网站的性能和运行情况。可以帮助项目负责人更加清楚的构想出自己开发的网站的大体架构和模样，在总结同类网站优势和缺点的同时项目开发人员可以博采众长开发出更加优秀的网站。但是由于实际中时间、经费、公司能力所限，市场调研覆盖的范围有一定的局限性，在调研市场同类网站的时候，应尽可能调研到所有比较出名和优秀的同类网站。应该了解同类网站的使用环境与用户的诧异点、类似点，同类产品所定义的用户详细需求（需要公司或者项目负责人有一定的关系）。市场调研的重点应该放在主要竞争对手的作品或类似网站作品的有关信息上。市场调研可以包括下列内容：(1)市场中同类网站作品的确定。(2)调研作品的使用范围和访问人群。(3)调研产品的功能设计（主要模块构成，特色功能，性能情况等）。(4)简单评价所调研的网站情况。调研的目的是明确并且引导用户需求。对市场同类产品调研结束后，应该撰写《市场调研报告》主要包括一下要点：(1)调研概要说明：调研计划；网站项目名称、调研单位、参与调研、调研开始终止时间。(2)调研内容说明：调研的同类网站作品名称、网址、设计公司、网站相关说明、开发背景、主要适用访问对象、功能描述、评价等。(3)可采用借鉴的调研网站的功能设计：功能描述、用户界面、性能需求、可采用的原因。(4)不可采用借鉴的调研网站的功能设计：功能描述、用户界面、性能需求、不可采用的原因。(5)分析同类网站作品和主要竞争对手产品的弱点和缺陷以及本公司产品在这些方面的优势。(6)调研资料汇编：将调研得到的资料进行分类汇总。1.3规划网站应该参加网站开发项目的需求分析需求分析活动其实本来就是一个和客户交流，正确引导客户能够将自己的实际需求用较为适当的技术语言进行表达（或者由相关技术人员帮助表达）以明确项目目的的过程。这个过程中也同时包含了对要建立的网站基本功能和模块的确立和策划活动。所以项目小组每个成员、客户甚至是开发方的部门经理（根据项目大小而定）的参与是必要的。而项目的管理者在需求分析中的职责有如下几个方面：(1)负责组织相关开发人员与用户一起进行需求分析。(2)组织美术和技术骨干代表或者全部成员（与用户讨论）编写《网站需求说明书（初稿）》文档。(3)组织相关人员对《网站功能描述书（初稿）》进行反复讨论和修改，确定《网站需求说明书》正式文档或者叫《网站详细设计说明书》。(4)如果用户有这方面的能力或者用户提出要求，项目管理者也可以指派项目成员参与，而由用户编写和确定《网站需求说明书》文档。(5)如果项目比较大的话，最好能够有部门经理或者他授权的人员参与到《网站功能描述书》的确定过程中来。1.4确定网站实现技术(1)根据网站的目的确定网站的结构导航。一般企业型网站应包括：公司简介、企业动态、产品介绍、客户服务、联系方式、在线留言等基本内容。更多内容如：常见问题、营销网络、招贤纳士、在线论坛、英文版等等。(2)根据网站的目的及内容确定网站整合功能。如FLASH引导页、会员系统、网上购物系统、在线支付、问卷调查系统、在线支付、信息搜索查询系统、流量统计系统等。(3)确定网站的结构导航中的每个频道的子栏目。如公司简介中可以包括：总裁致词、发展历程、企业文化、核心优势、生产基地、科技研发、合作伙伴、主要客户、客户评价等；客户服务可以包括：服务热线、服务宗旨、服务项目等。(4)确定网站内容的实现方式。如产品中心使用动态程序数据库还是静态页面；营销网络是采用列表方式还是地图展示。1.5编写网站需求说明书在拥有前期公司和客户签订的合同或者是标书的约束之下，通过较为详细具体的用户调查和市场调研活动，借鉴其输出的《用户调查报告》和《市场调研报告》文档，项目负责人应该对整个需求分析活动进行认真的总结，将分析前期不明确的需求逐一明确清晰化，并输出一份详细清晰的总结性文档――《网站需求说明书》以供作为日后项目开发过程中的依据。《网站需求说明书》必须包含以下内容：(1)网站功能(2)网站用户界面（初步）(3)网站运行的软硬件环境(4)网站系统性能定义(5)网站系统的软件和硬件接口(6)确定网站维护的要求(7)确定网站系统空间租赁要求(8)网站页面总体风格及美工效果(9)主页面及次页面大概数量(10)管理及内容录入任务分配(11)各种页面特殊效果及其数量(12)项目完成时间及进度（根据合同）(13)明确项目完成后的维护责任综上所述，在网站项目的需求分析中主要是由项目负责人来确定对用户需求的理解程度，而用户调查和市场调研等需求分析活动的目的就是帮助项目负责人加深对用户需求的理解和对前期不明确的地方进行明确化，以便于日后在项目开发过程中作为开发成员的依据和借鉴。这就是网站策划书的前期的市场调研，通过以上分析大家可以看到前期调研的重要性了。当然一次成功的需求分析不仅需要项目负责人甚至是客户等所有项目相关人员的共同努力，还和公司的能力范围有一定关系，最终要给客户一份网站策划书。

2、网站的全面设计网页设计网站是企业向用户和网民提供信息(包括产品和服务)的一种方式,是企业开展电子商务的基础设施和信息平台，离开网站（或者只是利用第三方网站）去谈电子商务是不可能的。企业的网址被称为“网络商标”，也是企业无形资产的组成部分，而网站是INTERNET上宣传和反映企业形象和文化的重要窗口。2.1网站设计工具及应用(1)dreamweaver,用与编辑HTML、ASP、JSP、PHP时的辅助工具(2)Frontpage跟dreamweaver一样，不过个人感觉还是dreamweaver好。(3)FLASH网页需要画面流动时的首选择(4)PS图象处理软件，一般网页都需要有图片相搭配，PS是款很强大的工具。(5)FW跟PS一样都是图象处理软件，但FW偏向与对网页的处理。(6)Adobe公司推出的cs3系列，软件之间兼容性较好。可以用此系列对网站的美工特效进行进一步的修饰美化和优化。2.2网站的概要设计明确建立网站的目标和用户需求Web站点的设计是展现企业形象、介绍产品和服务、体现企业发展战略的重要途径，因此我们必须明确设计站点的目的和用户需求，从而做出切实可行的设计计划。我们会根据消费者的需求、市场的状况、企业自身的情况等进行综合分析，以“消费者（customer)”为中心，而不是以“美术”为中心进行设计规划。在设计规划时我们会考虑：建设网站的目的是什么？为谁提供服务和产品？企业能提供什么样的产品和服务？网站的目的消费者和受众的特点是什么？企业产品和服务适合什么样的表现方式（风格）？2.3网站的安全性设计一个网站，安全问题可能从多方面而来。光是任何一方面，都不可能保证绝对的安全。一个安全的网站，必须要各方面配合才能打造出来。系统管理方面的安全性考虑(1)首当其冲的是服务器的安全服务器本身如果被人入侵了，你的网站系统再安全，那也没有任何作用。记得要关闭所有没有使用的端口。要设置复杂的密码，关闭没有使用的账户。(2)其次是FTP或者远程管理等的帐号安全如果人家破解了你的FTP或者远程管理权限，那也就等于窗户开给人家怕，那家里的东西自然是随便拿了。(3)应用服务器的安全性。

3、网站的建设网站建设是网站策划师、网络程序员、网页设计师等岗位，应用各种网络程序开发技术和网页设计技术，为企事业单位、公司或个人在全球互联网（Internet）上建设站点，并包含域名注册和主机托管等服务的总称。网站是企业展示自身形象、发布产品信息、联系网上客户的新平台、新天地，进而可以通过电子商务开拓新的市场，以极少的投入获得极大的收益和利润。3.1网站的详细设计背景调查,以客为本的设计、聚焦用户设计、移情设计、可用性、可用性工程、可用性测试、用户经验(UXD)设计、用户-友好设计。3.2网页制作网页设计总体方案主题鲜明网站的版式设计注意色彩在网页设计中的作用网页设计形式与内容相统一三维空间的构成和虚拟现实网页设计中多媒体功能的利用结构清晰并且便于使用导向清晰快速的下载时间非图形的内容方便的反馈及订购程序3.3网站数据库设计数据库设计(DatabaseDesign)是指根据用户的需求，在某一具体的数据库管理系统上，设计数据库的结构和建立数据库的过程。一般，数据库的设计过程大致可分为5个步骤：(1)需求分析；调查和分析用户的业务活动和数据的使用情况，弄清所用数据的种类、范围、数量以及它们在业务活动中交流的情况，确定用户对数据库系统的使用要求和各种约束条件等，形成用户需求规约。(2)概念设计；对用户要求描述的现实世界(可能是一个工厂、一个商场或者一个学校等)，通过对其中住处的分类、聚集和概括，建立抽象的概念数据模型。这个概念模型应反映现实世界各部门的信息结构、信息流动情况、信息间的互相制约关系以及各部门对信息储存、查询和加工的要求等。所建立的模型应避开数据库在计算机上的具体实现细节，用一种抽象的形式表示出来。以扩充的实体—（E-R模型）联系模型方法为例，第一步先明确现实世界各部门所含的各种实体及其属性、实体间的联系以及对信息的制约条件等，从而给出各部门内所用信息的局部描述(在数据库中称为用户的局部视图)。第二步再将前面得到的多个用户的局部视图集成为一个全局视图，即用户要描述的现实世界的概念数据模型。(3)逻辑设计；主要工作是将现实世界的概念数据模型设计成数据库的一种逻辑模式，即适应于某种特定数据库管理系统所支持的逻辑数据模式。与此同时，可能还需为各种数据处理应用领域产生相应的逻辑子模式。这一步设计的结果就是所谓“逻辑数据库”。(4)物理设计；根据特定数据库管理系统所提供的多种存储结构和存取方法等依赖于具体计算机结构的各项物理设计措施，对具体的应用任务选定最合适的物理存储结构(包括文件类型、索引结构和数据的存放次序与位逻辑等)、存取方法和存取路径等。这一步设计的结果就是所谓“物理数据库”。(5)验证设计；在上述设计的基础上，收集数据并具体建立一个数据库，运行一些典型的应用任务来验证数据库设计的正确性和合理性。一般，一个大型数据库的设计过程往往需要经过多次循环反复。当设计的某步发现问题时，可能就需要返回到前面去进行修改。因此，在做上述数据库设计时就应考虑到今后修改设计的可能性和方便性。至今，数据库设计的很多工作仍需要人工来做，除了关系型数据库已有一套较完整的数据范式理论可用来部分地指导数据库设计之外，尚缺乏一套完善的数据库设计理论、方法和工具，以实现数据库设计的自动化或交互式的半自动化设计。所以数据库设计今后的研究发展方向是研究数据库设计理论，寻求能够更有效地表达语义关系的数据模型，为各阶段的设计提供自动或半自动的设计工具和集成化的开发环境，使数据库的设计更加工程化、更加规范化和更加方便易行，使得在数据库的设计中充分体现软件工程的先进思想和方法。数据库设计方法简述手工试凑法设计质量与设计人员的经验和水平有直接关系缺乏科学理论和工程方法的支持，工程的质量难以保证数据库运行一段时间后常常又不同程度地发现各种问题，增加了维护代价规范设计法手工设计方基本思想过程迭代和逐步求精规范设计法(续)典型方法：(1)新奥尔良（NewOrleans）方法：将数据库设计分为四个阶段S.B.Yao方法：将数据库设计分为五个步骤I.R.Palmer方法：把数据库设计当成一步接一步的过程(2)计算机辅助设计ORACLEDesigner2000SYBASEPowerDesigner

4、动态网站的建设动态网站也可以采用静动结合的原则，适合采用动态网页的地方用动态网页，如果必要使用静态网页，则可以考虑用静态网页的方法来实现，在同一个网站上，动态网页内容和静态网页内容同时存在也是很常见的事情。我们将动态网页的一般特点简要归纳如下：（1）动态网页以数据库技术为基础，可以大大降低网站维护的工作量；（2）采用动态网页技术的网站可以实现更多的功能，如用户注册、用户登录、在线调查、用户管理、订单管理等等；（3）动态网页实际上并不是独立存在于服务器上的网页文件，只有当用户请求时服务器才返回一个完整的网页；（4）动态网页中的“？”对搜索引擎检索存在一定的问题，搜索引擎一般不可能从一个网站的数据库中访问全部网页，或者出于技术方面的考虑，搜索蜘蛛不去抓取网址中“？”后面的内容，因此采用动态网页的网站在进行搜索引擎推广时需要做一定的技术处理才能适应搜索引擎的要求

4.1采用的编程技术ASP动态网站环境配置及编程基础，ASP是ActiveServerPages的缩写，意为“活动服务器网页”。它是一套微软开发的服务器端运行的脚本平台，是一种开放式的非编译应用环境，能够组合HTML，Scripts和可重用的ActiveX服务器组件来建立动态的、强大的基于Web的应用程序。利用ASP可以向网页中添加交互式内容（如在线表单），也可以创建使用HTML网页作为用户界面的Web应用程序。

5、网站的测试5.1制定测试计划网站功能测试性能测试安全性测试浏览器兼容性测试链接测试代码合法性测试测试工具5.2网站测试的实施网站功能测试对于网站的测试而言，每一个独立的功能模块需要单独的测试用例的设计导出，主要依据为《需求分析》，对于应用程序模块需要设计者提供基本路径测试法的测试用例。

具有测试用例后可以采用OpenSTA(OpenSystemTestingArchitecture)进行自动化测试。

性能测试

网站的性能测试对于网站的运行而言异常重要，但是目前对于网站的性能测试做的不够，我们在进行系统设计时也没有一个很好的基准可以参考，因而建立网站的性能测试的一整套的测试方案将是至关重要的。

网站的性能测试主要从两个方面进行：负荷测试(Load)和压力测试(Stress),负荷测试指的是进行一些边界数据的测试，压力测试更像是恶意测试，压力测试倾向应该是致使整个系统崩溃。

性能测试可以采用相应的工具进行自动化测试，我们目前采用如下工具abApache的测试工具

OpenSTA—开发系统测试架构

安全性测试

目前网络安全问题日益重要，特别对于有交互信息的网站及进行电子商务活动的网站尤其重要。目前我们的测试没有涵盖网站的安全性的测试，我们拟定采用工具来测定，工具如下

SAINTSecurityAdministrator'sIntegratedNetworkTool

此工具能够测出网站系统的相应的安全问题，并且能够给出安全漏洞的解决方案，不过是一些较为常见的漏洞解决方案。

稳定性测试

网站的稳定性测试是指网站的运行中整个系统是否运行正常，目前没有更好的测试方案，主要采用将测试服务器长时间运转进行测试。

浏览器兼容性测试

通过白盒测试或者黑盒测试导出的测试用例，采用相应的工具进行测试，可以采用OpenSTA进行测试，此测试工具可以采用不同的浏览器进行测试。

可用性/易用性测试

可用性/易用性方面目前我们只能采用手工测试的方法进行评判，而且缺乏一个很好的评判基准进行，此一方面需要大家共同讨论。

链接测试超级链接对于网站用户而言意味着能不能流畅的使用整个网站提供的服务，因而链接将作为一个独立的项目进行测试。目前我们已经有了一个测试工具

Xenu主要测试链接的正确性的工具

可惜的是对于动态生成的页面的测试会出现一些错误。

代码合法性测试

代码合法性测试主要包括2个部分：程序代码合法性检查与显示代码合法性检查

¨程序代码合法性检查

程序代码合法性检查主要标准为《intergrp小组编程规范》，目前采用由SCM管理员进行规范的检查，未来期望能够有相应的工具进行测试。

¨显示代码合法性检查

显示代码的合法性检查，主要分为Html、JavaScript、Css代码检查，目前采用

HTML代码检查采用CSEHTMLValidator进行测试

JavaScript、Css也可以在网上下载相应的测试工具。

测试工具

OpenSTA

主要做性能测试的负荷及压力测试，使用比较方便，可以编写测试脚本，也可以先行自动生成测试脚本，而后对于应用测试脚本进行测试