网站建设说明书模板（网站建设说明书模板图片）

网站建设方案

网站建设方案模板

对于企业网站建设来讲，各有各的说法，但是中规中矩，企业网站建设方案主要包括网站的主旨、风格、以及框架及部分，下面就针对这几点，上海网站建设协策网络公司小张给你介绍一下：

一、方案主旨

互联网作为新经济时代一种新型传播媒体，在经济交易中发挥越来越重要的地位，成为大部分公司以最低的成本在更广的范围内宣传企业形象，介绍公司产品，开辟营销渠道，加强与客户沟通的一项必不可少的重要工具。

本方案旨在通过网站展示企业的形象，通过互联网的高效传播性宣传网站，以吸引更多的国外买家关注此网站，并通过各种技术手段收集这些买家的信息，从中从而获得更多的新客户，更好地拓展海外市场。

二、网站风格

网站采用国际上流行的网站风格，布局清晰明了，干净简洁，颜色以淡色调为主，网站表现形式要独具创意，充分展示大企业的形象，给浏览者耳目一新的感觉。并将最吸引人的信息放在主页比较显著的位置，尽量能在最短的时间内吸引客户的注意力，从而让客户有兴趣浏览一些详细的信息。网站以功能为主，整个设计要给浏览者一个清晰的导航，方便其操作。

三、网站前台设计框架：主要分为栏目名称、栏目内容、技术实现手段和页数组成。

网站设计的目的.是：

1、通过公司简介、组织结构、企业文化、展示企业的背景，规模以及当前的公司情况，这对于买家了解公司的基本情况是非常重要的。

2、通过新品推介将最新的能够足够吸引客户注意力的产品在非常显著的位置推荐给浏览者，因为能够浏览网站的人，大都是对公司的产品感兴趣的人，而公司的产品很多，如果不能有重点的推荐好的产品，就很难在很短的时间内留住浏览者。所以新品推介是网站一个重要的栏目。

3、产品展示：在这个栏目里展示公司所有的产品，由于产品很多，要按产品种类分门别类的展示，同时提供关键字查询功能，浏览者如果无法找到自己合适的产品，就可以输入关键字进行查找。

通常对于感兴趣的产品，浏览者可以有如下三种操作：

（1） 联系我们：这是对方那些不是很方便利用网上方式的客户，可以将负责其所感兴趣的产品的业务员的联系方式弹出了，由浏览者自己去决定选用哪种方式与企业联系。

（2） 询价：如果客户对此产品感兴趣，可以进行询价，由客户自己输入想询问的内容，这条询价的信息自动发到负责业务员的E-mail信箱中，由此业务员去与客户联系。

（3） 查看相关产品：为了方便客户的操作，浏览者可以查看同一个业务员所负责的所有相关产品，从中选择感兴趣的，一次性进行多个产品的询价。

4、留言板和新产品订阅这两个功能的设计的目的都是为了能多收集一些潜在客户的名单。留言板可以留下对网站，对产品的意见，这些意见可以发送到网站管理员的E-mail信箱中。新产品订阅是为了方便一些不是很经常上网的客户，由于他们不能经常上网查看网站上的产品变化，通过新产品订阅的方式将最新的产品信息发送到客户的E-mail信箱中是一种比较方便的方法。而且通过这种方式也可以得到客户对哪些产品感兴趣的信息，以方便业务员有针对性的进行跟踪，既可以寻找到新的客户，又可以方便与老客户的沟通。

5、综述：我们通过几个非常简洁但却必不可少的栏目，就可以充分展现企业的形象，企业的产品，方便企业与我们直接联系，同时通过几个留言板和新产品订阅功能的设计，使我们可以留下一些浏览者的信息，以便企业直接与客户联系，总之，通过网站达到的目的是：宣传企业形象，寻找新客户，保持与已有客户的联系。

四、网站后台管理系统设计框架

后台设计的目的：

（1） 由于网站上的产品比较多，而且产品需要经常的更新变化，产品是和业务员直接挂钩的，所以为系统管理员提供产品类别管理，业务员管理，为业务员提供产品维护的功能是非常重要的，这样，可以由业务员自己维护其所负责的产品，从而大大减少了系统管理员维护网站的工作量。

（2） 订阅管理：可以在后台查看所有订阅公司新产品的客户名单，这些客户作为公司的潜在客户，除了可以定期将新产品的信息自动发给他们之外，还可以把这些客户自动发给系统管理员，由系统管理员发给相关的业务员进行跟踪；此外还可以自己增添订阅对象，一般自己增添的订阅对象都会是自己的已有客户，这样，当自己有新产品推出的时候，总是会第一时间通知到这些客户，也是提高客户服务质量的一种手段。

五、网站报价

六、网站建设流程：

1、获得客户需求：通过与客户交谈的方式，确定客户的关于网站建设方处理面的"基本需求"。

2、公司提供"解决方案和报价"：回答客户的咨询，对客户的需求予以回复，提供实现方案和报价以供客户参考和选择。

3、确定合作意向：双方以面谈、电话或电子邮件等方式，针对项目内容和具体需求进行协商，产生合同主体及细节和“网站建设实施进度表”。

4、签署"网站建设合同"：合同附件包含"解决方案和报价"。

5、客户支付预付款并网站所需文字资料（电子稿）与图片素材。

6、我方按照需求书进行网站整体风格及布局设计，并出具设计稿。

7、客户审核并确认设计稿后，我方开始制作整体网站制作。

8、客户验收：所有网站文件统一上传到我方测试用服务器上，客户在规定的时间内上网浏览验收；验收项目包括链接的准确性和有效性、页面是否真实还原设计稿、浏览器的兼容性、文字内容的正确性（以客户提供的电子文档为依据）、功能模块的有效性等；验收合格，由客户签发"网站建设验收确认书"。

9、客户按照合同规定支付尾款，我方在收到尾款后将所有网站文件及一份书面的《网站使用说明书》一同递交给客户，或应客户委托将网站直接上传到指定服务器上。

10、后期维护：我方会提供页面更新服务，客户凭《网站使用说明书》进行日常数据维护与更新。

七、网站维护报价

1、每次维护客户需出具书面的维护任务单。任务单下达后再有变更，将视为又一次维护；

2、涉及网站结构、页面模板的更新将视为重新制作，具体价格另行商议。

电子商务网站建设和维护策划书

晕倒 字数超标了 哈哈 我给删了一段去 不过这些也够你用的了 互联网站规划与设计

摘要 本文概述了互联网站的规划与设计的方法，介绍了网站设计规划的规范,及所需的关键技术,对电信系网站的构建作了系统分析,提出了总体设计方案和制作步骤,而且论述了构建网站过程中所遇到的技术难题及解决办法。

关键词 网站规划 网站设计 网站维护 ASP

一、引言

在当今全球信息化大潮中，互联网（即因特网——Internet）异军突起，给20世纪末的人类社会增添了无限的活力，成为现代社会生活中一道亮丽的风景线。 互联网带给人们的不仅仅是技术，而是一种以信息为标志的崭新的生活方式。 他正在改变着人们的工作和生活方式。有人曾以“围城”比喻互联网，但所不同的是，“外面的人想进去，里面的人不想出来。”互联网为什么有这么大的魅力呢？这不仅与人们日益增长的文化生活有关，更重要的是与互联网的技术不断更新和革命有关。

一个网站的整体规划和设计的好坏是它发展的重要之处， 也是它吸引人们浏览的所在之处。Internet/Intranet技术的日益发展，使人们认识到了Internet/Intranet的优势，更使得数据库与web的连接成为数据库开发方面的热门技术之一。

通常情况下，通过浏览器看到的网页大多是静态的。所谓“静态”，是指网站的网页内容“固定不变”， 当浏览器通过互联网的HTTP（Hypertext Transport Protocol）协议向Web服务器请求提供网页时，服务器仅仅是将原来设计好的静态HTML文档传给浏览器。其页面内容使用的仅仅是标准的HTML代码，最多再加上流行的GIF89A 格式的动态图片，比如产生几只小猫小狗跑来跑去的动画效果。 若网站维护者要更新网页的内容，就必须手动更新所有的HTML文档。

静态网站的致命弱点就是不易维护。为了更新网页的内容， 网站维护者必须重复制作HTML文档，随着网站内容和信息量的日益扩增，可以想象这是多么复杂繁琐的工作。那么，什么是动态网站呢？所谓“动态”，并不是指放在网页上的图片会动，动态页面应具有以下几个特点：

（一）.交互性：即网页能根据客户的要求和选择而动态改变和响应，浏览器即作为客户端界面，这是今后Web发展的大势所趋。

（二）.自动更新：即无需手动更新HTML文档， 就能自动生成新的页面，从而大大减少工作量。

（三）.因时因人而变：即当不同的时间、不同的人访问同一网址时能产生不同的页面，这一点对于需要对使用者授权的网站尤其适用。

随着的Internet迅速发展，不管是专业的ISP(Internet服务提供者)和ICP(Internet内容提供者)，还是一般的政府机关、银行、交通部门、学校、医院、服务者，甚至是每个人，都在积极寻求在Internet上发布信息，提供新型的网上管理和服务。可以说，网站设计和网站的编辑正成为新兴的热门行业。

二、网站的系统分析

（一）.项目立项

我们接到客户的业务咨询，经过双方不断的接洽和了解，并通过基本的可行性讨论够，初步达成制作协议，这时就需要将项目立项。较好的做法是成立一个专门的项目小组，小组成员包括：项目经理，网页设计，程序员，测试员，编辑/文档等必须人员。

（二）.客户的需求说明书

收稿日期 ： 2001年5月25

作者简介：马彦文，西北第二民族学院电子与信息工程系97通信专业学生。

第一步是需要客户提供一个完整的需求说明。很多客户对自己的需求并不是很清楚，需要您不断引导和帮助分析。有些客户可能对自己建什么样的网站根本就没有明确的目的，以及他的网站建好后来干什么也是一无所知，为了客户能有明确的目的我们需要耐心说明，仔细分析，挖掘出客户潜在的，真正的需求。这样对大家都有好处，我们的宗旨应该是“客户明明白白，双方高高兴兴。”对客户和自己都是一种负责。

配合客户写一份详细的，完整的需求说明会花很多时间，但这样做是值得的，而且一定要让客户满意，签字认可。把好这一关，可以杜绝很多因为需求不明或理解偏差造成的失误和项目失败。糟糕的需求说明不可能有高质量的网站。那么需求说明书要达到怎样的标准呢？简单说，包含下面几点：正确性：每个功能必须清楚描写交付的功能；可行性：确保在当前的开发能力和系统环境下可以实现每个需求；必要性：功能是否必须交付，是否可以推迟实现，是否可以在削减开支情况发生时"砍"掉；简明性：不要使用专业的网络术语；检测性：如果开发完毕，客户可以根据需求检测。

三、建设方案

（一）.建站理念

(1)预早筹划

设计主页未必很艰难。但这一工作与编制传统的宣传品一样，都需要我们谨慎处理和筹划。换言之，我们必须首先 确定自己需要传达的主要信息，然后细意斟酌、把所有意念合情合理地组织起来；之后是设计一个页面式样，试用于有代表性的用户，接着重复修订，务求尽善尽美。

(2)尽量精简

主页的作用好比一本书的封面，是为了吸引用户测览你的网址内容。因此，主页的设汁应以醒目为上、令人一目了然。切勿堆砌太多不必要的细节，或使画面过于复杂。在主页上清楚列出三项要点，例如机构名称、提供的产品或服务 、以及主页内容(亦即你的其他页面还载有什么资料)。应切记页面给人的第一观感最为重要。在网上到处浏览的人很多。如果你的主页真没有吸引力，很难令他们深入观赏。

(3)尽量简朴

现今大部分用户那是用调制解调器接驳万维网，所以他们一般都要花很多时间等待主页传送到自己的系统。主页上的图形应力求简朴， 避免耽搁用户的时间。图像愈大、颜色愈深，传送页面的时间愈长。这并不是说你要完全略去图像不用，只是提醒你要注注意使用图像所引起的效果。主页上的颜色最好不超过六十四种，页顶图像最好保持在大约10KB(千字节)以下。切勿禁不住诱惑,觉得非要放入大幅的图画不可；应考虑只用三两幅短小精悍的图像。主页整体上要能够迅速传送。如果载入的时间超过十至十五秒，很多用户就会等得不耐烦。如果情况许可，最好先测试你的主页在稍差的条件下的传送速率，14.4千波特的调制解调器，或透过 Prodigy 等网上服务接驳万维网等。

此外、还须注意配合最低档的设备，例如标准的小型显示器，不要假设人人都用高解像度的大荧幕。运用先进浏览软件所提供的一些尖端功能是可以的、但应确保你的主页在次一级的浏览软件上(例如某些网上服务所提供的专用浏览软件)仍可畅顺地显现。

(4)善用图像

用户在网上四处漫游，你必须设法吸引和维护他们对你的主页的注意力。万维网的其中一个最重大资源是其多媒体能力，所以我们无论如何要善加利用。主页上最好有醒目的图像、新颖的画面、美观的字款，使其别具特色，令人过目不忘。图像的内容应有一定的实际作用，切忌虚饰浮夸。最佳的图像应集美观与传讯于一身。注意图画可以弥补文字之不足，但并不能够完全取代文字。很多用户把浏览软件设定为略去图像，以求节省时间他们只看文字。因此，制作主页时，必须注意将图像所带的重要信息或联接其他页面的指示用文字重复表达—次。用“纯文中”模式测试已制成的主页，确保其传达到所有信息。

(5)使主页易于漫游

主页的其中一个主要功能是作为漫游工具，指引用户查阅你存储在网址或其他地点的信息。尽量使漫游过程不费吹灰之力。基于清晰明确和速度的考虑，主页上的联接项目应只限于几个高级的类别，例如公司、产品、服务、支援等。用六至八个联接项目最为理想。

此外，你提供的信息不应埋藏在重重叠叠的页面之下。穿越五个以上的联接项目已足以令人厌烦。因此，你必须在广度和深度之间求取平衡。如果你的网址上有太多信息，你可能要编制较长的页面或使用更多联接项目，甚至可能要建立多个主页、 使每个主页载有不同的信息。如果能够让用户在主页上以关键字或词语查找所需的信息，肯定受用户欢迎。

假若你有充足的资源，便应找一位专家来评估你设计的主页是否方便易用。设法找一些对主页陌生的用户，来试用你的初步制成品。

(6)提网协领

主页—般须载有以下事项：

标题,此标题须清楚无误地标示你的网站。标题可以是名称、标语徽号或图像。

电子邮件地址 ,以便用户有问题时，可以通知你。

版权资料,这是适用于主页内容的版权规定。你可以在主页上标示一句简短的版权声明，用联接方法带出另—个载有详细使用条款的页面,这样可以避免主页显得乱糟糟。

联络资料 ,列出通讯地址电话号码等。

(7)循环利用现有信息

制作主页时，通常都毋须从头做起，因为有许多现成的文字、图画等资料可供我们重用，例如宣传小册、公关文件、技术手册、资料库等。很多情况下，只要用少许功夫、就可把这些材料转到网页上使用。

(8)保持新鲜感

万维网上不断有新事物出现、每天都有新花样。如果你的主页从不改变，用户很快会厌倦。在主页上预告即将有新资料推出，可吸引用户再来浏览不妨在页头以大字标题宣布新消息。可以定期改变主页上的图像、或更改主页的式样。趣味性的事项可以持续或自动更新、例如列出会浏览你的网站的人次。

同样，为保持新鲜感，应时刻确保主页提供的是最新信息。将更新主页信息的工作纳入既定的公关及资料编制计划内，亦即当你使用传统方法(例如新闻稿)传递的新信息时出现在你的主页上。确保连接项目运作畅顺，以免用户在荧幕上收到“无法查阅所需档案”的信息而大感没趣。

(9)贯彻诺言

做不到的事情，千万不要轻易承诺。切勿随便叫用户做出回应行动，例如要求用户填交订贷表格，除非你已制订好处理这些订单的方法和交货程序。如果在网上列出联络电话,就要确保自己能够迅速解决来电者的问题。

(10)吸引用户浏览

既然绞尽脑汁把主页弄得美观实用，没有人来欣赏就太可惜了。为吸引所有网中人来浏览，必须使主页易于寻找。通知其他网站(例如题材相关的网站)，他们可能想连接你的主页。安排将自己的网址列在所有相关的网址目录、索引、查找程序和“What’s new”页面上。尽量将网址传播开去，使之出现在 Internet和所有传统煤体上、例如书刊广告、公关文件、宣传品等。

在网站上，于每个页面设置“home”按键，方便用户随时返回主页。

万维网充满生命力、正在不断演进，所以一些现时适用的经验，将来未必合用。举例来说，将来家居用户有高速线路接驳Internet，就可以消除数据传输目前的所受的限制、使主页的篇幅可以更长，页面更华丽。新的浏览功能、例如Sun的 HotJava浏览软件所提供的先进功能、将使万维网更强劲和更方便沟通。 HotJava将主页由静态的文件转为动态的实体， 提供诸如即时制作动画、背景音乐、即时存入资料(例如不断更新股票价格)、话音广播等功能、为网上用户带来更多乐趣。有好的主页，还须有精良的设备支持。网站服务器不断推陈出新，使建设网站的工作愈来愈容易。 以 S u n的Netra Internet Server为例、全套设备包括上网所需的软硬件,以及建立完善的高效能网站所需购各种软硬件设施。这些发展为万维网及其用户开拓了壮阔的前景。建设网站的上作，从未如此容易过。

（二）.网站总体设计

在拿到客户的需求说明后，并不是直接开始制作，而是需要对项目进行总体设计，详细设计出一份网站建设方案给客户。总体设计是非常关键的一步。它主要确定：网站需要实现哪些功能；网站开发使用什么软件，在什么样的硬件环境；需要多少人，多少时间；需要遵循的规则和标准有哪些。同时需要写一份总体规划说明书，包括：网站的栏目和板块；网站的功能和相应的程序；网站的链接结构；如果有数据库，进行数据库的概念设计；网站的交互性和用户友好设计。

在总体设计出来后，一般需要给客户一个网站建设方案。很多网页制作公司在接洽业务时就被客户要求提供方案。那时的方案一般比较笼统，而且在客户需求不是十分明确的情况下提交方案，往往和实际制作后的结果会有很大差异。所以应该尽量取得客户的理解，在明确需求并总体设计后提交方案，这样对双方都有益处。网站建设方案的包括以下几个部分：.客户情况分析；网站需要实现的目的和目标；网站形象说明；网站的栏目板块和结构；网站内容的安排，相互链接关系；使用软件，硬件和技术分析说明；开发时间进度表；宣传推广方案；维护方案；制作费用；本公司简介：成功作品，技术，人才说明等。当您的方案通过客户的认可，那么可以开始动手制作网站了。但还不是真正意义上的制作，你需要进行详细设计。

（四）.网站的制作规范探讨

(1)网站目录规范

目录建立的原则：以最少的层次提供最清晰简便的访问结构。

a.根目录。根目录指DNS域名服务器指向的索引文件的存放目录。根目录只允许存放index.html和main.html文件，以及其他必须的系统文件；

b.每个语言版本存放于独立的目录；

c.每个主要功能(主菜单)建立一个相应的独立目录；

d.当页面超过20页，每个目录下存放各自独立images目录.共用的图片放在根目录下的images目录下；

e.所有的js文件存放在根目录下统一目录script；

f.所有的CSS文件存放在各语言版本下的style目录

g.所有的CGI程序存放在根目录并列目录cgi_bin目录

(2)文件命名规范

文件命名的原则：以最少的字母达到最容易理解的意义。

a.索引文件统一使用index.html文件名(小写)。index.html文件统一作为“桥页”制作具体内容，仅仅作为跳转页和meta标签页。主内容页为main.htm；

b.菜单图片名称按菜单名的英语翻译为名称。例如：关于我们aboutus;信息反馈feedback 产 品product;所有单英文单词文件名都必须为小写，所有组合英文单词文件名第二个起第一个字母大写；

c.所有文件名字母间连线都为下划线;

d.图片命名原则以图片英语字母为名,大小原则写同上;

e.js的命名原则以功能的英语单词为名。例如：广告条的js文件名为:Ad.js

f.所有的CGI文件后缀为.cgi。

(3)链接结构规范

链接结构的原则：用最少的链接，使得浏览最有效率。首页和一级页面之间用星状链接结构，一级和二级页面之间用树状链接结构。超过三级页面，在页面顶部设置导航条。

(4)尺寸规范

a.页面标准按800*600分辨率制作，实际尺寸为778*434px;

b.每个标准页面为A4幅面大小，即8.5X11英寸;

c.大banner为468*60px，小banner为88*31px。

四、网站的设计制作

1.整体形象设计

在程序员进行详细设计的同时，网页设计师开始设计网站的整体形象和首页。

整体形象设计包括标准字，Logo，标准色彩，广告语等。 首页设计包括版面，色彩，图像，动态效果，图标等风格设计，也包括banner，菜单，标题，版权等模块设计。首页一般设计1-3个不同风格。

2.开发制作

本次网站规划设计采用软件工程的设计方法，设计小组在系统分析和总体设计的基础上，将设计任务分解，分配到设计组的每个成员，各模块有设计组成员单独承担设计和调试，既有分工，又有协作，最后将各模块上载到服务器上，做链接和整体的调试。

3.调试完善

各模块初步完成后，上传到服务器，对网站进行全范围的测试。包括速度，兼容性，交互性，链接正确性，程序健壮性，超流量测试等，发现问题及时解决并记录下来。

网站建设实际上是一个不断充实和完善的过程，通过不断的发现问题，解决问题，修改，补充，使网站结构趋向合理，内容更加丰富，形式更富有感染力。

4.宣传推广

刚刚建成的网站就好像一个新注册的电话号码，没有人会自动找上门来，这时你就需要适当地做一些网站推广工作了,这里有很多方法，例如：

a.网页里设置适当的META标签；

b.交换友情链接。这是个免费而高效的办法，就好比在别人商店打上你的广告，在你的商店打上别人的广告，这样一来当网友参观别人的网站时就知道你的网站了，如果你的广告做的好，他一多半都会参观你的网站，这是件无须开支、互利互惠的好事情，推荐使用。

c. 在各大搜索网站（例如sohu.com yahoo.com）注册你的网站，这样当别人在搜索同类的信息时就会发现你的网站；

d.备新闻稿件在各新闻公告板发表；

e.合理使用Email邮件列表；

f.付费广告，这个办法最有效了，但它是付费的；

g.在论坛里贴条子。这个办法效率不高，也很累，有时也会被别人删除掉，所以不推荐。

另外还需要说明的是，请千万不要使用发垃圾邮件来推广个人主页，这样不但不会使别人喜欢你的网站，反而会引起别人的极度反感，这是一种不道德的行为。

至此，网站项目建设完毕。

如何写网站建设需求说明书

产品需求文档

项目名称

目录

1.总体说明2

1.1修订历史2

1.2项目概述2

1.3功能范围2

1.4用户范围2

1.5词汇表2

1.6非功能需求2

1.7其他说明2

2.UC部分3

2.1整体说明3

2.2UC正文3

2.2.1.UC_用例名称13

2.2.2.UC_用例名称23

对单个UC的说明3

1.

总体说明

1.1 修订历史

日期

版本

说明

作者

1.2 项目概述

项目概述

简单描述项目的背景、意义、目的、目标等，描述领域知识

1.3 功能范围

功能范围

给出业务逻辑图，类似BUC：描述各角色的职责、与周边系统的关系、全局商业规则

1.4 用户范围

角色

描述（涉及到的actor、system的描述）

1.5 词汇表

词汇

描述（术语与缩写的描述）

1.6 非功能需求

需求

描述

数据监控

针对一个功能模块级别的监控点，必填，并且功能上线2周后需要给出数据分析报告

性能

用户体验

……

1.7 其他说明

其他说明

其他任何需要说明的内容

2.

UC部分

2.1 整体说明

类图

截图（可选，对业务领域的描述）

类图说明

用例图

截图（必选）

用例图说明

状态图

截图（可选）

状态图说明

2.2 UC正文

2.2.1. UC_用例名称1

……

2.2.2. UC_用例名称2

……

对单个UC的说明

注1：视觉层面的描述通常直接通过Demo表达（如页面大小，颜色字体字号等）

注2：界面细节，引用界面规范文档（如表格中的文字对其方式）

注3：交互细节，引用交互规范文档（如出错提示的方式）

注4：文案细节，引用文案规范文档（如各种提示文案）