家居网站设计说明书

家居网站设计说明书

目录

第一章 网站规

划 ........................................................................................................................................... 1

1(1 设计目

的 ....................................................................................................................................... 1

1.2系统的背

景 ...................................................................................................................................... 1

1.3对象需

求 .......................................................................................................................................... 1

1.4电子商务网站设计的原则和发展前

景 .......................................................................................... 2

1.4网站未来的运作模式分析和建

议 .................................................................................................. 2 第二章 网站的需求分析 ............................................................................................................................... 3

2.1结构化分

析 ...................................................................................................................................... 3

2.1.1数据流程 .............................................................................................................................. 3

2.2业务需求分

析 .................................................................................................................................. 3

第三章 网站设

计 ........................................................................................................................................... 4

3.1前台版面设

计 .................................................................................................................................. 4

3.1.1首页版式 .............................................................................................................................. 4

3.1.2内页版式 .............................................................................................................................. 5

3.1.3整体框架 .............................................................................................................................. 5

3.1.4 网站美工设

计 ....................................................................................................................... 6

3.1.5网站的特

色 ............................................................................................................................ 6

3.2后台管理设

计 .................................................................................................................................. 7

3.2.1数据库备份 .......................................................................................................................... 7

3.2.2后台整体框架 ...................................................................................................................... 7

3.2.3后台特色 .............................................................................................................................. 8

第四章 网站实施与维护管

理 ....................................................................................................................... 8

4.1前台操作流

程 .................................................................................................................................. 8

4.2后台操作流

程 .................................................................................................................................. 9

第五章 对本网站的自我评

价 ..................................................................................................................... 10 参考文献 ....................................................................................................................................................... 11

第一章 网站规划

1(1 设计目的

我们读书就是为了获得知识，现在我们学习了ASP动态网页设计，当然就是要能做一个精美的网页。在此次网页设计中，我们要能更加的了解动态网页强大的功能和更好的使用它。通过此次设计我们还要能够知道静态网页和动态网也的区别。当然，次此设计的企业网站，一方面是为了完成我们的考试，但更重要的是把我们所学到的东西用在具体的实践之中，所以，这次设计的目的也是要我们更好的掌握和使用好动态网页设计技术，以便提高对网页知识的更深层了解。第三点也是最要的一点是，把我们在书本上学到的知识充分运用到此次设计之中。使我们的在书上学到的东西不仅仅停留在表面上，把这些东西都用在所要做的网页上面。以达到老师要求的效果和学以致用。 1.2系统的背景

我做的是关于家居的网站，此次的网站设计使用的是中国站长之家的模版。中国站长之家是一家专门针对各大小网站提供技术及资源服务的网站，现拥有国内最大的源码发布下载中心以及站长、网管聚集的站长社区，下载中心已经成为国内大型的同类下载站之

一，每日的下载量达十万次以上，提供下载的文件储量达60G以上;中国站长之家是一家专门针对中文站点提供资讯、技术、资源、服务的网站，网站现有上百万用户，拥有最专业的行业资讯频道、国内最大的建站源码下载中心、站长聚集的交流社区、最大的建站素材库、最实用的站长工具，除此之外还提供了很多专门针对网站建设的特色服务。这个网站为我这次作业的完成提供了很大的方便，正是有了这个网站提供的模板，我此次网站设计的作业才得以通过对这个模版的修改来完成。

1.3对象需求

我所设计的网站是“爱尚居家网”，此次设计就围绕家居装饰品来展开的。家居装饰主要是通过摆设、粘贴、悬挂、铺垫一些物品，让居室增添美感。这些物品包括:盆

1

景、花瓶、墙纸、珠帘、字画、布艺及其它饰物等。随着时代的发展，家饰、家装之间越来越多融合，例如:灯饰、窗饰、升降晾衣架等，既有实用功能，又兼顾装饰效果。近年来，随着经济的不断发展，越来越多的人们对家居环境的要求越来越高，家庭生活舒适化、安全化成为现代人家居新选择。特别是近些年，国内的家居市场发展迅猛，且产品日新月异，逐渐渗透到人们日常生活中，既改变了人们的生活习惯，也提高了生活质量。

家居装饰设计作为装修的一部分，今后比重将会越来越大。家居装饰产业前景依然广阔，但产品需要整合提升、消费需要引导推动、渠道需要建立完善、营销方式需要开拓创新。作为电子商务专业的学生，我设计这个网站的目的就是通过网络来实现更大的营销目

的。

1.4电子商务网站设计的原则和发展前景

电子商务网站设计的原则是:以人为本、整体平衡统一、视觉形神合一、更新维护方便、页面最佳优化、终端兼容匹配、信息安全保障、功能可扩展定位等。

电子商务网站的设计是展现企业形象、介绍产品和服务、体现企业发展战略的重要途径，因此电子商务网站的目的性一定要定义明确，从实际出发，主次分明、循序渐进。另外，总体的设计方案要遵循主题鲜明原则，在目的性明确的基础上，完成电子商务网站的构思创意，对网站整体风格和特色做出定位。

我国电子商务正由起步迈入繁荣发展的阶段，行业化的、精细化的电子商务平台正逐渐成为直接实现行业用户价值的合作伙伴，而电子商务网站是企业开展电子商务的交互窗口和综合信息平台，其在电子商务活动中扮演着重要的角色，有着十分重要的意义，也和电子商务的发展一样，有着光明的发展前景。

1.4网站未来的运作模式分析和建议

电子商务从上世纪末到现在已经走过十几个春秋，国内经历了从无到有，从小到大的成长过程，发展速度是喜人的。但是电子商务不可能取代传统销售渠道而一家独大。未来的电子商务，不再是纯粹的单一网络销售，它是与传统渠道模式的有机结合，优势相补，而绝不是相互排拆。低价不再是未来电子商务唯一的利器，它会给消费者网购带来方便、安全和舒适的全面体验，这才是未来电子商务的方向，才是真正的电子商务网

2

站。

网站的设计不只是设计师的设计技术问题，也是商家的实用要求问题，更是消费者是否满意的问题。不只要充分考虑到常规电子商务网站设计的实用原则，更应是不断创新、与时俱进、实事求是的实践性问题。

第二章 网站的需求分析

2.1结构化分析

2.1.1数据流程

在数据流程图中，爱尚家居企业后台处于顶层数据流程最高级，其次是该网站的前台，前台为消费者提供各类信息。顶层数据流图如图2-1所示。

提供信息 提供服务 企业后台 消费者 爱尚家居网

图2-1顶层数据流图

2.2业务需求分析

随着整个社会的发展步伐，人们的生活在快节奏的基础上越来越丰富和多元化，对于

家居装修，也提出了越来越多的需求。如今，时尚、个性、环保、舒适等等，这些词语已频频出现在住房装修装饰现场。

但同时我们也看到，住房装修装饰对于一般大众消费者来说，是一项费工、费时、耗资巨大的工程，而且绝大多数消费者，对于住房的装修、装饰并无经验可寻。如何既能购买到自己满意的装修装饰材料，又能符合自己对住房装修装饰的品味，还能保证质量与合理的价格，要做到同时满足这些需求，对大部分人来说都不容易。而对于企业而言，要将这些市场潜力巨大的消费需求变为消费现实，也始终是件费思量的事。

目前、各式各样的专业在吸引着大学生，但是，要想真正了解一个专业的特点及其

3

特色，必须要掌握一些具体、详实的数据资料。我觉得电子商务特色专业网站就可以为那些对电子商务专业感兴趣的人提供很好的资料。

学校面对招生问题，也可以通过网站来大力宣传电子商务专业特色。吸引更多的学子来选择我们电子商务专业，在一定程度上为学院的招生提供了很好的帮助，更大力度的宣传了我们电子商务特色专业。

第三章 网站设计

3.1前台版面设计

3.1.1首页版式

首页首先是一个蓝色背景的banner，banner左侧是我们为企业专门设计的logo，右侧是正在往下滴的水滴，还有一个做拥抱未来状的成功人士，这些结合起来给人充满希望的感觉。Banner下面是导航，导航包含了整个网页的各个内页的链接，接下来是首页的主要内容，左侧是产品系列的导航，中间上侧是一个轮显的动画，右上侧是公司简介，在下侧还有一部分，那就是公司的产品推荐。首页的下半部分是快捷方式和版权信息。这几部分紧密结合，使得首页的结构非常紧密，能够完整的表现出这个网站的创意和目的。首页版式图如图3-1所示。

4

图3-1 首页版式

3.1.2内页版式

网站中内页主要有:公司简介、新闻动态、产品展示、成功案例、人才招聘、网站留

言、联系我们。其中最重要的就是产品展示，可以看到整个企业网站的所有产品。产品展示的内页版式图如图3-2所示。

图3-2 内页版式

3.1.3整体框架

网站首页的整体框架图如图3-3所示。

Logo 图片

导航菜单

产品系列 轮显动画 公司简介

联系我们 产品推荐

快捷方式

版权信息

5

图3-3 整体框架

3.1.4 网站美工设计

在设计图片时运用了一些网页美工的知识，设置好看的字体和图片、给文字加滤镜等。Logo是用firework和美图秀秀设计出来的。既大方又显得生动活泼。美工图片如图3-4所示。

图3-4 美工图片

3.1.5网站的特色

在我所设计的网站中，最大的特色就是后台的功能特别强大，导航区域包括:系统管理、公司信息管理、产品管理、成功案例管理、下载管理、新闻管理、留言管理、人

-5才管理、友情链接管理等。各类信息都可以在后台进行管理和修改。网站特色图如图3所示。

图3-5 网站特色图

6

3.2后台管理设计

3.2.1数据库备份

数据库是辅助于后台管理的，数据库的作用是非常强大，在设计过程当中可以运用

数据库来备份数据库，以免数据的丢失。数据库备份图如图3-6所示。

图3-6 数据库备份图 3.2.2后台整体框架

网站后台的内容分为2部分，左侧是各类导航，右侧是要修改的内容。后台整体框

架如图3-7所示。

后台banner 系统管理

公司信息管理

产品管理

成功案例管理

要修改的内容 新闻管理

留言管理

人才管理

友情链接管理

图3-7 后台整体框架

7

3.2.3后台特色

后台当中最有特色的部分就是产品管理这一板块，各类产品信息都可以通过这个模块来添加和修改。在这个模块分为四部分，产品类别、产品管理、添加产品、审核产品。后台特色板块如图3-8所示。

图3-8 后台特色板块

第四章 网站实施与维护管理

4.1前台操作流程

对前台的操作主要从网站的首页开始浏览，首页中向大家展示的也是这个网站的重点内容，可以通过点击首页的导航来实现各个页面的跳转，导航包括:公司简介、新闻动态、产品展示、成功案例、人才招聘、网站留言、联系我们等。点击这些内容就可以跳转到相应的内页页面。点击左侧的产品系列按钮还可以跳转到各类产品的页面。前台首页操作图如图4-1所示。

8

图4-1 前台首页操作图

点击导航菜单中的新闻动态，出现的页面如图4-2所示。

图4-2前台新闻动态操作图

4.2后台操作流程

进入后台时直接在前台首页网址的基础之上添加admin,回车之后出现登陆界面。输入账号:admin;密码:admin，输入系统给出的验证码，然后点击登录按钮。进入后台可以根据自己的需要，在后台对页面进行相应的修改等一系列的操作。后台管理登录窗

9

口如图4-3所示。

图4-3 后台操作流程

第五章 对本网站的自我评价

通过本次的设计，学习到了很多有关动态网站开发的知识，把以前学习到的知识真正的运用到了实际的操作中，坚固了自己的基础，锻炼了自己实际操作的能力，通过自己在后台修改、修改代码、数据库、这一系列的操作，发现了很多的问题，在老师和同学的帮助下及时解决了问题。进一步巩固和加深了动态网站开发课程的基本知识，学习到了动态网站开发知识在实践中的应用，并综合运用课程基础知识和实际结合去解决了问题。为以

后的学习工作打下了坚定地基础。我相信，通过自己的努力，一定能够取得理想的成绩。

对网站未来的评价:家居装饰产业前景依然广阔，但产品需要整合提升、消费需要引导推动、渠道需要建立完善、营销方式需要开拓创新。作为电子商务专业的学生，我设计这个网站的目的就是通过网络来实现更大的营销目的。希望这次网站的设计能够真正为企业带来更多的效益，得到预期的效果。

10

参考文献

[1]李刚.《网络数据库技术PHP+MYSQL》[M].北京:北京大学出版社.2008年 [2]吕迈.《SQL Server 实例教程》[M]. 北京:电子工业出版社.2008年 [3]龚小勇.《关系数据库与SQL Server 2000》[M]. 北京:机械工业出版社.2004年 [4]聂庆鹏.《PHP+MySQL动态网站开发与全程实例》[M].北京:清华大学出版社.2007年

[5]潘锦平,施小姚,姚天昉.《软件系统开发技术》[M]. 北京:西安电子科技大学出版.1997年 社

11

12