网站设计说明书.docx

网站设计说明书.docx

《网站设计说明书.docx》由会员分享，可在线阅读，更多相关《网站设计说明书.docx（16页珍藏版）》请在冰点文库上搜索。

网站设计说明书

网站课程设计说明书

题目：

中国柑橘网网站设计

学生姓名：

何理

学号：

200609030213

院（系）：

设计与艺术学院

专业：

包装062

指导教师：

李志强

2009年12月25日

第一章网站设计概述

1.1项目背景与意义

1.1.1项目背景

柑橘是世界第一大水果，年产量约1亿吨，占水果总产量的22%左右。

我国是世界上许多柑橘种类的原产地，是世界第三大柑橘生产国（列巴西、美国之后），2002年产量达1199万吨。

我国柑橘产业的发展一直以来按照“改良品种、提高品质、建立品牌，降低成本”的指导思想，努力提高柑橘产业的整体素质和经济效益。

在发展思路上坚持以内销为主，积极发展出口前景好的高品质椪柑、温州蜜柑等宽皮柑橘，加快发展以脐橙为主的鲜食甜橙，巩固桔瓣罐头和我国独有的、品质优异的柚类等名特优新稀品种的优势地位，使我国柑橘在质量、分级、包装、加工等方面都上了一个新的台阶，努力构建现代化柑橘产业体系。

特别在加入ＷＴＯ和农业产业结构战略性调整的深入推进的今天，我国柑橘种植在面积趋于稳定的同时，品种和品质结构调整步伐加快，产业链条不断延伸，产业整体竞争力显著提升。

1.1.2项目意义

随着互联网的高速发展，贸易的网络化，时空观淡化，借助网络平台促成销售就成为了一种新颖而有效的营销方式。

中国柑橘网旨在服务国内广大消费者和经销商，希望能够通过我们的专业、诚信为大家营造一个友好的平台，时刻关注国内的柑橘动态，提供最前沿的政策法规，加快中国柑橘产业的发展步伐。

1.2相关技术与开发工具介绍（前台和后台包括数据库）

Microsoftdreamweaver8.0是由macromedia公司设计开发的一款可视化的网页设计和网站管理工具，支持最新的Web技术，包含HTML检查、HTML格式控制、HTML格式化选项、可视化网页设计、图像编辑、全局查找替换、全FTP功能、处理Flash等富媒体格式和动态HTML、基于团队的Web创作。

AdobephotoshopCS2是由美国Adobe公司开发的图像设计及处理软件，以其强大的功能倍受用户的青睐。

它是一个集图像扫描、编辑修改、图像制作、广告创意、图像合成、图像输入/输出、网页制作于一体的专业图形处理软件。

MicrosoftSQLServer是Microsoft公司推出的SQLServer数据库管理系统的最新版本。

是操作数据库的标准语言，它是一门ANSI的标准计算机语言，用来访问和操作数据库系统。

它不仅具有丰富的数据库操作功能，而且具有数据定义和数据控制功能，是集数据操作、数据定义、数据控制功能于一体的关系数据语言。

第二章网站总体设计

2.1需求分析

2.1.1功能需求

作为一个柑橘网站，希望能够成为广大经销商以及消费者的营销平台，在这里，可以详细了解到柑橘的实时动态和国家相关的政策法规的颁布与实施。

通过网站内容的及时更新和丰富，吸引浏览者的注意，提高点击率和浏览量。

从而实现产、供、销的有机结合，为柑橘这一重要水果的经营提供一种全新的模式，有效的推动国内柑橘产业的发展。

2.1.2环境需求

硬件环境：

PC机

软件系统：

windowsxp操作系统、网站运行的web服务器

2.1.3用户界面需求

A、用户界面的一致很关键，界面的结构必须清晰且所用的术语要保持一致，风格必须与内容相一致，界面的色调字体也要保持一致。

  B、 遵循对比原则一一在浅色背景上使用深色文字，在深色背景上使用浅色文宇

C、采用行业标准和惯例，使网站看起来或视觉上都比较专业。

  D、应具备熟练用户和新手用户两种界面，支持生手也支持熟手，让用户便于使用、便于理解、并能减少用户发生错误选择的可能性。

  E、界面对象在视觉上、感觉上和行为上应该与其在现实世界中的表现一致。

 F、弹出菜单不应该是唯一的功能来源，要实现多功能的整合应用。

G、界面间的切换，界面布局都很重要。

用户要能够自由企鹅快速的对界面上的每一项做出选择，并且所有选择都是可逆的。

2.2概要设计

2.2.1数据库设计

运用MicrosoftSQLServer工具来制作后台数据库，通过ODBC把它们连接起来，主要包括以下四个数据库：

Denglu（用户登录与注册）

Face（留言板头像）

Msg（留言板）

Administrator（后台管理）

2.2.2软件结构设计

建站过程中，需要使用到Dreamweaver8.0来制作html静态网页，这样可以优化系统性能。

使用PhotoshopCS2来对图片进行美化修饰使其符合网站的整体色彩、风格效果。

利用ASP技术来完成对网站功能的动态设计，以实现登录注册、在线留言系统以及后台管理的功能。

第三章详细设计

3.1主页的设计index.asp

整个主页设计包括三部分：

logo、正文内容和版权内容。

A、logo与导航设计

Logo的大小为900*200，插入index.files/logo.jpg

导航条的大小为900*30（1行9列）分别依次输入首页、柑橘文化、柑橘种植、病虫防治、柑橘供求、专家咨询、友情互动、联系我们和设为主页。

对病虫防治和柑橘供求设置下拉菜单，专家咨询和友情互动设置链接，让浏览者不仅能够方便的解决遇到的各种问题，还可以畅所欲言，发表自己的观点和看法，联系我们添加了电子邮件链接，让浏览者能够及时的与我们联系。

B、正文内容设计

分为要闻、商机、柑橘供求、产品上市、在线搜索和用户登录注册五个部分。

要闻、商机和柑橘供求都结合现有市场行情，加入内容，设置链接，实现资源的免费共享。

产品上市采用表格的形式，把产品系统的分类，美观、简明易懂，并且集合了现在市场上的各种优良品种，给出详细的内容价格介绍，让浏览者掌握准确的产品消息。

在线搜索实现了消费者方便快捷的寻找到所需要的产品信息的功能，节省时间，提高效率。

登录注册是一个我们与浏览者很好的互动平台，可以及时了解客户的动态和对网站的关注程度。

实现了对客户的个性化差异服务。

Flash小动画能够吸引浏览者的注意力，是辅助供能的具体应用。

C、版权设置

3.2用户子系统的设计

3.2.1用户注册

register.asp

插入表单，输入用户名、密码、qq、邮箱，并分别在后面插入文本域。

将密码类型换为密码，其它三个设为单行。

最后插入按钮，修改值为注册，动作为提交表单，注册成功后链接到ok.Asp。

绑定记录集RS（denglu）

插入记录（表单“form1”）

添加服务器行为：

检查新用户，防止出现用户名重复现象。

如果该用户名已存在，则转到zhuceshibai.asp

illegal.asp

用户在主页登录，登录失败时会跳转入该页面，插入一表单，输入“你必须正确登录后，才能进入。

若您还没有注册，请先注册成为正式用户。

”注册链接到register.asp，登录链接到index.asp

3.2.2用户登录Main.asp

插入表单，依次输入上述文字，方法同注册，将按钮值改为登录，将注册链接到index.asp。

绑定记录集RS，添加服务器行为：

登录用户，登录成功转到main.asp，失败转到illegal.asp。

3.3留言板子系统的设计

3.3.1留言板发布页面lyban.asp

新建基本页/html模板，布局表格，在页面上下分别布局2个单元格，上面插入../images/welcome1.jpg，插入1行2列的表格，分别输入“欢迎光临在线留言系统”、“管理入口”设置管理入口链接为../guanliyuan/denglu.asp，下面输入版权信息，中间插入可编辑区域，保存为liuyanban.dwt。

绑定记录集RS1（face），RS2（msg），在可编辑区域内，插入应用程序对象/插入记录/插入记录表单向导，链接到liuyan.asp。

在face后插入图像../images/qq/0.bmp，命名为face_pre，添加标签行为交换图像，动作为onchange。

PS:

将生成的代码中的单引号删除。

设置face的动态属性

3.3.2留言板显示页面liuyan.asp

在可编辑区域内插入6行4列的表格，如上图所示拆分合并单元格，绑定相应动态文本即可，表格下面插入记录集导航条。

修改：

设置链接到xiugai.asp

修改：

添加服务器行为/转到详细页面gengxin.asp

3.3.3留言板更新页面

插入更新记录表单向导，链接到liuyan.asp

插入相应的动态文本，设置face的动态属性。

3.4管理员后台系统设计

3.4.1管理员登录（denglu.asp）

绑定记录集RS3（administrator）

添加服务器行为/用户登录

3.4.2管理员登录失败

3.4.3管理员管理页面shanchu.asp

如上图所示设计填写表格，删除转到详细页面，

链接到scqr.asp

插入8行2列表格，填写相应的内容，插入按钮，值为“确认删除？

”

添加删除记录行为

删除成功链接到shanchu.asp

第四章系统测试和性能优化

4.1系统测试

网站发布之前，要进行细致周密的测试，一保证正常浏览和使用。

在这里选择了使用xp系统的IIS来对制作的网站进行系统测试。

主要测试包括以下内容：

A、服务器的稳定性、安全性

B、程序及数据库测试，网页兼容性测试，如浏览器、显示器

C、文字、图片、连接是否有错误

4.2性能优化

网站性能优化的通用方法有一下几个方面：

A、html静态化

对于一般的网站来说，效率最高、消耗最小的就是纯静态化html页面，所以要尽可能使网站上的页面采用静态页面来实现，优化访问量最多的页面，首页index.jsp为目前访问量最多的页面，里面的动态代码删除，将这个页面转化为静态的html页面index.html，这个最简单的方法其实也是最有效的方法。

因此，从长远考虑，需要对当前网站的架构进行一番调整，以适应静态化页面的需求。

B、缓存

将页面静态化是通常的优化方案，但是对于当前的一些服务器下未必有效，因为其对于静态HTML文件本身支持并不理想，并且新闻内容更新较为频繁。

因此，在现有架构的基础上，可以使用动态缓存的方式，在动态应用中减少数据库负载，提升访问速度。

对访问频率高，数据库消耗大的页面进行动态缓存（时间10分钟），在缓存的时间范围内这些页面直接重缓存中读取，无需访问数据库，提高这些页面的访问速度，减小数据库访问的压力。

这样SQLServer数据库的负载会大为降低。

第五章总结与展望

5.1当前存在的问题和今后开发的方向

中国柑橘网，从整体来说，实现了三大基本功能：

用户登录与注册、留言系统以及管理员的后台管理系统。

但由于时间和技术问题，任然存在很多不足的地方，欢迎广大新老客户给予帮助与指导，使其更加完善。

在以后的过程中，我们会加以跟进，设计论坛之家、虚拟社区、帮助、网上交易等其他的必要功能。

希望通过我们的共同努力，我们的网站能够更好的发挥其网上交易平台的作用，为你我服务！

5.2心得与体会

通过一学期的学习与实验，我从中也收获了一些知识。

要建立一个网站，绝对不仅仅是设计一个主页那么简单，它需要考虑的有很多方面。

比如，建站前的市场分析、建站目的、网站技术解决方案、内容的规划、网页设计、网站维护与测试等等。

看似一个小小的网站，里面却涉及到了很多的知识，在建站过程中，用到了ASP技术、数据库技术、photoshop图形图像处理软件、flash等，必须熟练掌握Dreamweaver8.0的操作以及功能。

在网站的测试过程中，会遇到很多问题：

代码错误、缺少对象、用户重定义等，看到这些，很多时候会让自己不知所措，甚至很沮丧，但是还不得不继续寻找答案。

通过这次的锻炼，我更加学会了利用google、XX等搜索引擎来帮助自己解决问题，而不是在那里一谓的苦恼。

虽然很多时候还是看不懂，这很大程度上是因为自己看不懂代码造成的。

如果要做好做专网站，在以后的学习过程中，就必须加强自己数据库程序方面的知识，为更进一步的设计做好准备。

致谢

在网站的建设过程中，我遇到了很多的问题，它们让自己感到很无助，甚至产生过对自己的怀疑。

但是，在老师和同学的帮助下，我顺利完成了网站设计工作，在此，郑重的想靳老师致谢，谢谢你长期以来的帮助与教诲，同时对帮助过我的朋友们说一声谢谢！

参考文献

★杨格DreamweaverMX2004设计与制作教程

机械工业出版社2006年2月

★赵祖荫电子商务网站建设教程

清华大学出版社2004年1月

★（美）RichardAndersonASP.Net高级编程

机械工业出版社2005年3月