网站设计制作方案书样本

录

第一章引言2

第二章设计思路3

2 1 设计宗旨

2 2 设计理念

第三章技术运用5

3 1 多媒体技术

3 2 数据库技术

第四章栏目设计7

4 1 网站栏目结构图

4 2 栏目内容设计

第五章流程设计11

5 1 网站实现流程

5 2 网站模块分析

第六章模块功能设计13

第七章开发工具17

附录20

- 2 -

第一章引言

“互动”为Internet 的基本核心和根本价值从”WINDOW” 单项反馈向”GATE”

双项互动的转变从单一媒体向互动平台的转化是网络建设观念的革命

性变革也是当代网络建设的真正精髓网站平台已经不仅仅停留在原始”电子

媒体”的层面也不仅仅是宣传的窗口或平台而是向生产管理网络营销客

户支持市场拓展等领域渗透延伸的最先进的生产工具和生产力网络所具

有的无法替代的先进性和功能性已经成为最先进和有效的管理和营销工具

借助Internet 和Intranet 的无限扩展性依托网络空前先进的规划统计

分析管理等功能将优化企业结构协调配置资源提升企业的综合竞争力

从根本上改变企业的生存与发展条件

网络以人为本个性化是我们这个时代最鲜明的主题*******厂作为发

动机行业知名企业网站建设必须要做到个性化功能化市场化在树立

企业形象展示产品的同时直接面向市场通过网络与各级用户建立联系

并向用户提供售前售后服务和动态服务状态查询等支持缩短反应时间丰富

服务手段个性化地满足客户需求最大限度提升客户满意程度另外依托

网络营销手段建立最有效的市场反馈和服务管理体系此外考虑平台和技

术的可扩展性必须设立足够的外挂系统接口为平台升级预做准备

鉴于以上观念为您提供以下建站设计方案

- 3 -

第二章设计思路

2 1 设计宗旨

本着体现介绍企业宣传产品服务于售前与售后客户的原则本网站设

计宗旨以功能性技术性易用性和国际性为主

1 功能性

以网络平台为营销基础充分体现本网站的功能性在目标顾客访问网站

的同时收集公司的目标顾客潜在顾客的资料以及进行的交流沟通和商业

往来信息对顾客提供更多及时服务发现顾客新的潜在需求加强与顾客紧

密关系帮助公司改进营销方法和营销策略使公司能系统了解市场和把握市

场更好满足市场需求

2 技术性

运用××先进的技术服务特色在高效的整合传播中体现美感准确快

速的传达信息让技术的进步成为锐利的营销武器将节奏寓于平面之中让

客户在视觉的冲击与听觉的震撼中体验来源于高技术所带来的全方位个性体

现中产生需求

3 易用性

使用先进的数据库技术通过完备的后台管理系统使网站的后期维护更

加轻松快捷使用信息更新快捷方便及时促进企业的售前与售后服务

4 国际性

由于网络的国际性企业形象的网络化将带给企业前所未有的新市场新

机遇通过稳重大方的形象展现和严谨统一的构图设计充分利用企业全球化

的推广方案真正实现国际性的企业国际化的服务

2 2 设计理念

1 色彩设计

- 4 -

色彩是一切视觉艺术的基础是人类辩别物质的基础依据在Internet

中给客户带来最大的视觉冲击力的元素就是网站的色彩设计

我们以蓝色为网站的基本色用银灰色和白色进行修饰搭配使整个网站

的格调既稳重大方又清爽明朗

2 构图设计

构图是任何构图行为以及视觉表达的基本构架好的构图设计不但能够

突出要表现的主题更是网站风格形成的关键我们力求各页面的设计统一而

变化充分体现网站的功能性特色性美观性

3 编排设计

在每个网站的编排设计中都力求突出功能性艺术性及准确性图文比例

及图文数量的编排科学合理符合站点的主题及功能要求*****指定的重要文

字或图片资料均体现在站点每个页面的显著位置

- 5 -

第三章技术运用

*******厂网站的整体规划充分体现功能性技术性易用性和国际性

主要运用多媒体技术和数据库技术

3 1 多媒体技术

多媒体技术是体现最新网络宣传及营销的一项重要技术手段我们的设计

将这些新技术纳入到网页设计的元素中来使之为网页的制作效果增添光彩

更能够使浏览者体验到现代化媒体超凡的功能效果

1 利用××公司最新开发的FLASH 全方位互动展示技术将企业的产品进

行360 度全方位展示并以FLASH 的流量显示功能避免了访问者等待

的烦恼同时FLASH 全方位互动展示让用户可从各个角度观察产品对

一些重要的产品还可以将各个剖面进行多视角互动展示

2 利用FLASH 技术将产品操作流程进行动态的展示用户可在网站上

进行实物操作演示

3 利用××公司开发的FLASH 地图技术动态的展示出各分公司和代理商

的分布网点地理位置交通路线服务项目联系方法等

3 2 数据库技术

一个结构设计优良的数据库是实现信息网强大管理功能的坚实基础我

们将着重设计出结构合理扩充性好易于使用的库结构和表结构

1 为实现产品信息产品展示智能化管理方便产品查询设计了产品信

息数据库

2 为做好会员管理并向会员提供更好的服务设计了会员管理数据库

3 为了收集客户反馈信息设计了反馈信息数据库

4 为了实现客户之间员工之间客户与员工之间的交流与沟通设计了

论坛管理数据库

- 6 -

5 为了后期维护的简便性和更新信息的实效性我们将运用严谨的数据库

设计建立良好的后台管理以完善的客户端工具实时更新网站信息

节省了大量的人力而且不易出错

附为充分体现网站的营销服务价值建议结合数据统计分析及数据挖掘系统

与FLASH 动感地图挑选建立以下专题营销及管理数据库层

客户购买力空间分布分析

销售/服务网点布局决策分析

市场营销区域布局分析

客户投诉分布空间分析

目标客户分布及动态变化分析

主要消费流向重点消费趋势

市场战略布局

竞争对手市场战略布局

客户服务能力布局

目标客户分布

- 7 -

第四章栏目设计

4 1 网站栏目结构图

主页

企 业 简 介

领 导 风 采

企 业 荣 誉

行 业 新 闻

公 益 事 业

领 导 关 怀

组 织 机 构

企 业 文 化

企 业 新 闻

最 新 科 技

技 术 园 地

质 量 检 测

产 品 荣 誉

产 品 展 示

产 品 配 件

技 术 设 备

与 我 联 系

网 站 导 航

关 于 我 们

友 情 链 接 技 术 论 坛

员 工 之 家

客户

服务

论坛

各分公司代

理商的地图

及资料

售 后 服 务

其 它 新 闻

客 户 反 馈

企 业 介 绍

新 闻 动 态

在 线 论 坛

销 售 网 络

科 学 技 术

产 品 介 绍

本 站 介 绍

售 后 服 务

安 装 流 程

扉页

- 8 -

4 2 栏目内容设计

扉页

以FLASH 动画和3D 技术制作一个发动机为动感展示内容稳重大方而又具

吸引力的扉页

首页

主页设计以蓝色为基本色调运用白色和银灰进行融合搭配突出网站稳

重清爽的格调另外运用FLASH 技术设计动态效果强调网站的特色同时也更

能吸引浏览者的注意

基本栏目

1 企业介绍

向外界介绍企业基本情况展示企业的整体形象内容包含

企业简介介绍企业的基本情况

企业荣誉以图文形式介绍企业曾获得的荣誉奖励

领导风采介绍企业领导人公司领导的致辞和期望等

组织机构介绍企业各组织机构的主要人员和主要工作职能

领导关怀图文结合展示各级领导对*****的关怀比如各级领导到*****参

观指导或领导为*****题词等

企业文化宣传*****的优良传统企业理念以及在新世纪里的奋斗目标等

公益事业通过图文结合介绍企业所做的公益事业更好的宣传企业的社会形

象

2 新闻动态

介绍与企业相关的新闻

行业新闻介绍行业的大事要事让访问者及时集中的了解本行业的最新动态

企业新闻介绍企业的最新动态让访问者随时随地的了解企业的最新情况

- 9 -

其他新闻介绍国际国内重大新闻

3 产品展示重点

产品展示运用FLASH 技术360 度全方位的向访问者展示企业的产品

产品荣誉企业曾开发研制出的优秀产品及产品所获荣誉等

产品配件图文结合介绍各种配件点击进入详细介绍并可进行在线订购

4 销售网络

FLASH 动感地图动态展示各分公司和代理商的具体位置交通路线和详细资料

5 售后服务

售后服务在线指导和介绍

安装流程网上安装操作指导利用网络开展售后安装指导

售后服务介绍各个产品的售后服务情况

客户反馈及时了解客户的意见和建议为公司的销售和服务提供参考

6 科学技术

技术设备介绍企业先进的生产设备展示企业的技术实力

质量检测介绍产品的检测设备检测方法检测标准等

最新科技介绍行业内以及本企业的最新技术

技术园地介绍企业的技术力量主要技术人员及技术成果

7 在线论坛

做为企业的信息交流平台根据不同的功能分为三个不同的论区

客户服务论坛企业与客户客户与客户之间交流的平台

员工之家企业员工之间相互交流的平台

技术论坛供技术人员交流思想和工作经验的平台

- 10 -

8 本站介绍

网站情况介绍沟通本站与外界的交流

网站导航向用户介绍网站的结构便于用户迅速查找所需内容

关于我们有关本站的介绍声明等

友情链接与相关网站合作增加本站的访问量

与我联系对本网站的建议和意见可与网络管理员进行交流

- 11 -

第五章网站流程设计

5 1 网站实现流程

5.2 网站模块分析

首页信息管理

客户信息

产品信息

需求信息

反馈信息

销售点信息

论坛信息

新闻信息

管理员信息

企业介绍

新闻动态

科学技术

产品介绍

产品查询

定购需求

产品互动展示

销售网络网点地图展示

售后服务

客户反馈

安装流程展示

在线论坛

发表文章

论坛会员注册

会员信息修改

客户注册

客户信息修改管理员信息管理

新闻信息管理

产品信息管理

销售点信息管理

需求信息管理

反馈信息管理

论坛信息管理

验证登录

查询条件

验证

需求单

反馈单

登录

静态显示页面数据库交互模块数据库信息块

功能模块后台数据库信息管理模块

Flash 交互模块图例说明

- 12 -

5 2 网站模块分析

整个网站根据页面显示和交互的不同可以分为三大模块每一模块又可以

细分为相对独立的小模块

1 静态信息显示模块htm

企业介绍以静态图文介绍*****的情况

科学技术以静态图文介绍杭汽发厂的技术设备技术力量和相关的技术知识

本站介绍网站的介绍及联系方式

其他介绍如产品荣誉销售服务等的介绍分布在不同的栏目里

2 数据库交互功能模块(asp)

会员注册登陆记录会员的信息到数据库中

新闻信息发布企业新闻行业新闻等新闻的发布

产品信息发布发布企业的产品信息发动机或相关的配件

产品需求订购客户非会员或会员在线进行产品的选择和订购需求操作

定单记录到后台数据库中

客户投诉反馈客户在线论坛讨论是客户与厂家员工与员工交流信息的地

方所有信息存入数据库

后台信息管理是针对以上各个交互模块的管理具体有产品信息管理订购

信息管理反馈信息管理新闻信息管理论坛信息管理销

售点信息管理等对应有不同的管理人员

3 Flash 交互功能模块(swf)

产品互动展示对重要产品提供flash 的交互操作演示

安装维修流程互动的演示不同产品的安装或维修的流程

销售网点地图分公司或销售点的地图显示还可以进行交互的操作调出内

容介绍页面

- 13 -

第六章模块功能设计

6 1 会员注册模块设计

会员主要分两种一种是网站管理员一种是普通会员

其中网站管理员又分为总站管理员和区域管理员两种总站管理员有权限

对网站的各个模块进行管理而区域管理员只能对其负责的某一区域进行管理

不同的模块管理员拥有不同的用户名和密码管理员可用相应的用户名和

密码进入相应模块的后台管理可对相应的模块进行添加修改或删除总站

管理员可通过总站管理的用户名和密码进入总站后台管理并可对所有模块进

行添加修改或删除

访问者通过注册即可成为普通会员对于非会员只可以进行信息浏览

只有用户注册成为会员后才可以真正进入平台填写电子订单在论坛上发表

文章并享有一些会员优惠服务

公司可根据会员的不同情况判断会员的级别并可对重点会员给予更好的

服务或更大的优惠还可以主动与重点会员联系以维护良好的客户关系提

高企业的销售业绩

6 2 搜索引擎模块设计

运用搜索引擎可根据产品的具体性能和技术参数等进行快速准确的查询

结合以往开发基于浏览器和数据库的动态网站的成功经验我们对*****的网站

及其数据库开发需求进行多方面的分析后提出以下的设计方案

1 产品查询

建立大型产品信息数据库为用户提供两种不同的查询方式

1 分类查询

在用户对所需产品没有详细的了解时可通过选择不同产品类型进行查询

然后再在同一类产品中选择所需产品

- 14 -

2 关键字查询

用户对只需键入产品的名字就可以直接进行关键字查询迅速的查找到

所需产品

2 网点查询

进入销售与服务栏目出现中国地图所有分公司和代理点在地图上标注出

可查询操作

6 3 产品展示模块设计

产品展示模块以××公司最新开发的FLASH 全方位互动展示技术进行制

作

用户进入产品展示页面可以看到产品匀速的将各个角度进行展示当用

户需要详细察看某角度时可将鼠标放在产品图片上图片即停止转动如需

进一步察看可以将产品展示图片进行放大当用户需要查看某个部件时还

可以点击产品部件进行放大

6 4 订购系统模块设计

我们可通过一次示范性的网上订购来简要描述其实现功能及操作流程例

如

在产品展示框下设有我要订购按钮如果没有进行会员登陆点击按钮

将会弹出登陆对话框如果已经进行会员登陆点击按钮将弹出电子定单用

户需填写订单然后提交既可完成订购定单中设有必填栏目例如会员用

户名和密码订购人收货地点配货方式等

取消订购则点击电子订单上的取消订购按钮

用户提交定单后所有数据全部载入数据库管理人员根据用户所填信

息进行分析确认然后上报有关部门安排相关事宜

6 5 安装流程展示模块

利用FLASH 技术动态的展示产品安装过程

- 15 -

用户进入安装流程栏目点击某一产品展示框内立即显示该产品点击

自动操作动态的显示各操作过程如果需要详细观察每一步操作可点击分

步操作展示栏内会反复出现某一步操作点击下一步或上一步则

进入相应操作的重复展示

6 6 销售网络动感地图模块

点击销售网络即可进入动态中国地图页面页面上总公司以大的

红色标志标出分公司以橙色标志标示代理商以黄色标志标示

点击总公司进入*****市地图可以看到企业在*****市的具体位置点击

相关按钮可查询从各大站点到企业的交通路线再点击企业标志则进入总公

司的详细介绍

点击分公司或代理商的标志进入相应的企业地图点击相关按钮可查询

从所在城市各大站点到企业的交通路线再点击企业标志则进入相应销售点

的详细介绍

6 7 信息反馈模块设计

客户通过信息反馈栏目提交的信息直接发送到公司的邮箱同时也存入信

息反馈数据库在信息反馈栏目中可选择收信人如总经理销售主管

技术主管等这样不同的问题由不同的人员进行回复同时公司还可定期统

计每种意见的数量对于非常集中的意见进行分析和改进为企业的生产和销

售提供参考

6 8 后台管理模块设计

对于公司网站内容的管理维护工作应建立独立的管理员站点来完成以

保证站点数据的安全可靠和维护方便进入管理员站点必须登录只有有权限

的用户才可进入操作

共设以下几个管理功能

产品管理可在此进行产品库信息的更新

定单管理及时查询未处理的新定单处理后标记为已处理并从库存量

- 16 -

中减少

新闻管理增加删除行业新闻企业新闻

论坛管理对论坛上的信息进行增加删除

客户信息查询及会员管理在此可检索客户资料及以往交易历史对长期

大客户可升为会员对已有的会员资格的取消

反馈信息管理对用户提交的反馈信息进行整理开设网上集团信箱便

利网上联系

- 17 -

第七章开发工具

7 1 操作系统平台Windows 2000

Windows 2000 是Microsoft 公司最新开发的操作系统平台它集合了

Windows98 和windowsNT 的优点其中Windows2000 server 和Windows2000

Advance Server 是运行于服务器的版本能更稳定的运行各种应用软件根据

网站建设的需求主要是进行信息发布和信息交流也出于便于开发和管理建设

的考虑采用Windows 2000 Server 或Windows 2000 Advance Server 作为网

络操作系统是较好的选择

7 2 后台数据库Microsoft SQL server

在选用Windows NT/2000 网络操作系统时宜使用Microsoft SQL server

这种数据库能提供关系管理系统RDBMS 核心和一组外围管理工具软件采用

标准数据库语言和远程数据访问标准能够实现网络环境下数据库之间互联

互操作具有网络容错完整性检查和安全保密等功能使整个网络数据库的

存取更加合理在选择数据库需求比较各种的性能和优缺点并有一个长期

的规划和若干年后要实现目标

Microsoft SQL7 数据库系统的可以跨越各种从简单的个人系统如安装

Windows 95 的普通台式机和笔记本电脑直到16 个CPU 几个GB 内存几个

TB 硬盘的高端对称多处理系统SQL7 系统结构的改进主要体现在以下几个方

面新的存储格式数据库的页(Page) 行(Row) 盘区(Exent) 数据文件

日志文件的存储方案经过全面更新不仅便利服务器在低端和高端之间伸缩自

如而且明显提高了性能和可管理性新的查询处理程序SQL7 的查询处理程

序经过重新提供新的查询算法例如索引交叉混合连接以及并行查询

这些都为海量数据库的快速查询算法提供了条件SQL7 还支持SQL SERVER 与

其他OLEDB 和ODBC 数据库之间的颁布式查询功能Distributed and

Heterogeneous Query

7 3 服务器端脚本ASP

我们将采用Microsoft Active Server Pages 即我们所称的ASP 来开发实

- 18 -

现系统的功能ASP 其实是一套微软开发的服务器端脚本环境ASP 内含于IIS3.0

和4.0 之中通过ASP 我们可以结合HTML 网页ASP 指令和ActiveX 组件建立

动态交互且高效的WEB 服务器应用程序有了ASP 你就不必担心客户的浏览

器是否能运行你所编写的代码因为所有的程序都将在服务器端执行包括所

有嵌在普通HTML 中的脚本程序当程序执行完毕后服务器仅将执行的结果返

回给客户浏览器这样也就减轻了客户端浏览器的负担大大提高了交互的速

度Active Server Pages 的源程序不会被传到客户浏览器因而可以避免

所写的源程序被他人剽窃也提高了程序的安全性ActiveX Server

Components(ActiveX 服务器组件)具有无限可扩充性可以使用Visual Basic

Jave Visual C++ COBOL 等编程语言来编写你所需要的ActiveX Sertver

Component ADO 是WEB 数据库应用的最佳选择ActiveX Data Object 的技术

可以与Active Server Pages(简称ASP)结合以建立提供挂接数据库的网页内容

只需在网页面中执行Structured Query Language 结构化查询语言简称SQL

指令让用户端的浏览器填好表单所要求输入的资料并按下”Submit”按钮后

经过互联网内联网传送HTTP 请求到WEB 服务器该请求在WEB 服务器执行一

个表单所指定的Active Server Pages 程序后缀名为.ASP 的文档

IIS3.0/4.WEB 服务器执行.ASP 文档通过ODBC 驱动程序连接到支持ODBC 的

数据库上执行ASP 文档所指定的SQL 指令最后将执行的结果以HTML 的格式

传送给用户浏览器AKO 具有容易使用开发执行快速消耗系统资源较少

和占用磁盘空间小等优点

7 4 客户端多媒体交互技术Flash5.0

Flash 是Macromedia 公司三大网站制作产品之一曾获众多国际奖项是

网络制作和回放技术标准它解决了网页动画互动性与网络带宽之间的矛盾体

现了互联网的新概念——快捷生动人们用它将高效果的网站发送给尽量广

泛的观众通过与Micrsoft 和America Online 等伙伴的合作Flash 正在向

超过2.22 亿的观众提供高效果的站点世界一流的站点如Disney.com,

Macys.com, IBM 和CNN Interactive 等都是Flash 站点它们小巧充满了动

感互动性及图形非常令人振奋

Flash 动画是由交互式矢量图形组成的动画所以下载速度很快并且动

- 19 -

画大小可以随用户的屏幕大小而自如缩放Flash 可以用它生成动画创建互

动性网页并在网页中加入声音它还可以生成亮丽夺目的图形和界面而使

文件体积不会过大它还能下载到本地独立于浏览器之外进行播放

Flash 发展到现在的5.0 版本不只是拘泥于制作绚目的效果还可以通

过asp 等服务器端脚本跟后台数据库很好的进行连接可以根据数据库数据信

息调用不同的flash 多媒体文件这样就改变了传统客户端跟后台数据库交互

只能是文字和静态图形的模式使用户能够享受视觉效果更佳的多媒体交互操

作

Flash 在窄带及宽带环境下都可以灵活运用窄带下可以选择性的播放

动画文件声音特效可以舍去由于是流式播放格式所以可以下载一段播

放一段交互也可以在已完成片段的基础上进行宽带下播放可以更加流畅

多媒体功能和交互功能也就更加绚目更加强大

- 20 -

附录

服务与报价

略

服务项目

1.免费页面和系统维护时间1 年

2.免费培训2-3 名管理维护人员

3.免费提供域名解析服务

4.免费在200 个国内外搜索引擎上登陆宣传

5.免费在数字中国网站上进行链接