家居设计说明书.docx

1、家居设计说明书家居网站设计说明书2014-2015第1学期题 目：家居设计 院（系、部）：工商管理学院指 导 教 师：张文元 学 生 姓 名：宋丹丹0811120218宋艳晓0811120219范玲玲0811120206杨逸旭0811120223侯妍菲0811120105邵美瑶0811120217 1. 网站规划1.1设计目的我们读书就是为了获得知识,现在我们学习了Dreanweaver网页设计,当然就是要能做一个精美的网页。在此次网页设计中,我们要能更加的了解动态网页强大的功能和更好的使用它。通过此次设计我们还要能够知道静态网页和动态网也的区别。当然,次此设计的企业网站,一方面是为了完成我们

2、的任务，但更重要的是把我们所学到的东西用在具体的实践之中。所以，这次设计的目的也是要我们更好的掌握和使用好动态网页设计技术，以便提高对网页知识的更深层了解。第三点也是最要的一点是把我们在书本上学到的知识充分运用到此次设计之中。使我们的在书上学到的东西不仅仅停留在表面上，把这些东西都用在所要做的网页上面。以达到老师要求的效果和学以致用。1.2系统的背景我们组做的是关于家居的网站，此次的网站设计使用的模版是网上搜到了。这个网站是一家专门针对各大小网站提供技术及资源服务的网站，现拥有国内最大的源码发布下载中心以及站长、网管聚集的站长社区，下载中心已经成为国内大型的同类下载站之一，每日的下载量达十万次

3、以上，提供下载的文件储量达60G 以上；它是一家专门针对中文站点提供资讯、技术、资源、服务的网站，网站现有上百万用户，拥有最专业的行业资讯频道、国内最大的建站源码下载中心、站长聚集的交流社区、最大的建站素材库、最实用的站长工具，除此之外还提供了很多专门针对网站建设的特色服务。这个网站为我这次作业的完成提供了很大的方便。正是有了这个网站提供的模板。我此次网站设计的作业才得以通过对这个模版的修改来完成。1.3对象需求我所设计的网站是“家居设计网”此次设计就围绕家居装饰品来展开的。家居装饰主要是通过摆设、粘贴、悬挂、铺垫一些物品，让居室增添美感。这些物品包括：盆景、花瓶、墙纸、珠帘、字画、布艺及其它

4、饰物等。随着时代的发展，家饰、家装之间越来越多融合。例如：灯饰、窗饰、升降晾衣架等，既有实用功能，又兼顾装饰效果。近年来，随着经济的不断发展，越来越多的人们对家居环境的要求越来越高，家庭生活舒适化、安全化成为现代人家居新选择。特别是近些年，国内的家居市场发展迅猛且产品日新月异，逐渐渗透到人们日常生活中。既改变了人们的生活习惯，也提高了生活质量。家居装饰设计作为装修的一部分􀋓今后比重将会越来越大。家居装饰产业前景依然广阔。但产品需要整合提升、消费需要引导推动、渠道需要建立完善、营销方式需要开拓创新。作为电子商务专业的学生。我们设计这个网站的目的就是通过网络来实现更大的营销目的。

5、1.4电子商务网站设计的原则和发展前景电子商务网站设计的原则是：以人为本、整体平衡统一、视觉形神合一、更新维护方便、页面最佳优化、终端兼容匹配、信息安全保障、功能可扩展定位等。电子商务网站的设计是展现企业形象、介绍产品和服务、体现企业发展战略的重要途径。因此电子商务网站的目的性一定要定义明确，从实际出发，主次分明、循序渐进。另外，总体的设计方案要遵循主题鲜明原则。在目的性明确的基础上，完成电子商务网站的构思创意，对网站整体风格和特色做出定位。我国电子商务正由起步迈入繁荣发展的阶段。行业化的、精细化的电子商务平台正逐渐成为直接实现行业用户价值的合作伙伴。而电子商务网站是企业开展电子商务的交互窗口

6、和综合信息平台，在电子商务活动中扮演着重要的角色，有着十分重要的意义。也和电子商务的发展一样，有着光明的发展前景。1.5网站未来的运作模式分析和建议电子商务从上世纪末到现在已经走过十几个春秋，国内经历了从无到有，从小到大的成长过程，发展速度是喜人的。但是电子商务不可能取代传统销售渠道而一家独大。未来的电子商务，不再是纯粹的单一网络销售，它是与传统渠道模式的有机结合，优势相补，而绝不是相互排拆。低价不再是未来电子商务唯一的利器，它会给消费者网购带来方便、安全和舒适的全面体验。这才是未来电子商务的方向，才是真正的电子商务网站。 网站的设计不只是设计师的设计技术问题，也是商家的实用要求问题，更是消费

7、者是否满意的问题。不只要充分考虑到常规电子商务网站设计的实用原则，更应是不断创新、与时俱进、实事求是的实践性问题。2可行性分析2.1技术可行性分析1.在限制条件下，功能目标是否能达到：如果硬件设备跟不上，将会严重影响开发的进度。也会严重影响部署之后系统的整体性能。2.利用现有技术，功能目标能否达到：目前Dreamweaver技术与WEB技术已经非常成熟，结合JSP及相关的关系数据库技术，完全能够实现并达到上述功能目标。3.在规定的期限内，开发能否完成：从人员的水平和所能支出的开发时间来看，开发能够按时完成。服务端可以在任何符合IIS规范的Web服务器上运行；只要符合本系统的数据库结构的要求，凡

8、是能提供ODBC驱动程序的数据库；客户端是能运行或解释HTML代码、WEB代码的任何浏览器。就目前使用的开发技术来说建议系统的功能目标应该能够达到；利用现有的技术在规定的期限内开发工作基本能够完成。4.用户使用：本系统自主商品管理，通过IE浏览器即可管理整个网站。俱备完整的购物网站功能、结构简单、容易使用、并设有促销广告和店标自定义功能，操作简单，不需懂得太多的计算机知识，也无需制作复杂网页，只需订购这套系统，随后，登录到后台，点点鼠标，在线设置轻松设置各项功能及添加要出售的商品，家居网上商店就这样轻松建设成功了。 2.2经济可行性分析2.2.1投资状况1.基建投资一台P4服务器作为网站服务器

9、一些配套设备环境保护设备2.其他一次性支出开发费调查费用人工费用其他不可知额外支出研究（需求的研究和设计的研究）检查费用和技术管理性费用3.经常性支出网络通讯费设备使用及维护费日常维护费2.2.2系统收益1.一次性收益：节省了家居网上购物的现缺商品的开发2.经常性收益节省人工购物的时间，人工费网上代理广告费用3.不可定量收益网站的广告效应送货服务费用4.非一次性支出设备的租金和维护费用软件的租金和维护费用数据通讯方面的租金和维护费用人员的工资、奖金房屋、空间的使用开支公用设施方面的开支保密安全方面的开支其他经常性的支出等2.2.3收益/投资比资本周转速度快，回收期短，风险小，盈利多。不足的是，

10、投资回收期没有全面地考虑投资方案整个计算期内的现金流量，即：忽略在以后发生投资回收期的所有好处,对总收入不做考虑。只考虑回收之前的效果，不能反映投资回收之后的情况，即无法准确衡量方案在整个计算期内的经济效果。2.3可操作性分析2.3.1法律因素1.考虑到可能使用到的软件产品的版权问题，软件服务器所使用的软件，应该尽量使用正版软件。如果正版价格高得难以接受，可以采用一些能满足系统运行的免费软件来替代。 开发阶段可以使用试用版软件，但正式发布时建议操作系统采用正版软件。2.消费者保护法3.所有技术资料都由提出方保管。4.该平台是是自主开发设计，因此不会构成侵权，在法律上是可行的。2.3.2道德可行

11、性1.尽量使用正版软件。2.遵守网上购物的法律规定，不做违法乱纪的操作。3.不窥探他人隐私，尊重商家权利，同时学会保护自己的购物合法权益，遇到侵权问题，利用合法武器保护自己。2.3.4社会可行性本系统自主商品管理，通过IE浏览器即可管理整个网站。俱备完整的购物网站功能、结构简单、容易使用、并设有促销广告和店标自定义功能，操作简单，不需懂得太多的计算机知识，也无需制作复杂网页，只需订购这套系统，随后，登录到后台，点点鼠标，在线设置轻松设置各项功能及添加要出售的商品，家居网上商店就这样轻松建设成功了，适合大众的应用。 3网站的需求分析3.1结构化分析3.1.1数据流程在数据流程图中，家居设计企业后

12、台处于顶层数据流程最高级。其次是该网站的前台，前台为消费者提供各类信息。顶层数据流图如图所示。 提供信息 提供服务消费者 消费者3.2业务需求分析随着整个社会的发展步伐，人们的生活在快节奏的基础上越来越丰富和多元化。对于家居装修，也提出了越来越多的需求。如今，时尚、个性、环保、舒适等等，这些词已频频出现在住房装修装饰现场。但同时我们也看到，住房装修装饰对于一般大众消费者来说，是一项费工、费时、耗资巨大的工程􀋓而且绝大多数消费者，对于住房的装修、装饰并无经验可寻。如何既能购买到自己满意的装修装饰材料，又能符合自己对住房装修装饰的品味，还能保证质量与合理的价格，要做到同时满足这些

13、需求，对大部分人来说都不容易。而对于企业而言，要将这些市场潜力巨大的消费需求变为消费现实，也始终是件费思量的事。目前、各式各样的专业在吸引着大学生，但是，要想真正了解一个专业的特点及其特色，必须要掌握一些具体、详实的数据资料。我觉得电子商务特色专业网站就可以为那些对电子商务专业感兴趣的人提供很好的资料。学校面对招生问题，也可以通过网站来大力宣传电子商务专业特色。吸引更多的学子来选择我们电子商务专业，在一定程度上为学院的招生提供了很好的帮助，更大力度的宣传了我们电子商务特色专业。4.网站设计4.1概要设计1确定网站主题及主页面 网站主题就是你建立的网站所要包含的主要内容，一个网站必须要有一个明确

14、的主题。这次的主题是我们组通过讨论在老师题目中选择的。主页面紧紧结合家居用品这一主题，选择清新色调。我们结合了自身的水平，能很好的检验自己的优缺点。2搜集材料 明确了网站的主题以后，你就要围绕主题开始搜集材料了。要想让自己的网站有血有肉，能够吸引住用户，你就要尽量搜集材料，搜集得材料越多，以后制作网站就越容易。材料既可以从图书、报纸、光盘、多媒体上得来，也可以从互联网上搜集，然后把搜集的材料去粗取精，去伪存真，作为网站制作的素材。 我们从网上搜集了有关家居的图片和视频，及一些供参考家居网站。在淘宝、天猫、京东网站上做各种比较，选择资料。3规划系统 一个网站设计得成功与否，很大程度上决定于设计者

15、的规划水平。网站规划包含的内容很多，如网站的结构、栏目的设置、网站的风格、颜色搭配、版面布局、文字图片的运用等，你只有在制作网页之前把这些方面都考虑到了，才能在制作时驾轻就熟，胸有成竹。也只有如此制作出来的网页才能有个性、有特色，具有吸引力。我们是家具用品购物系统，围绕家具用品的方方面面，我们设计了家具系统的前台操作。4选择制作工具这个网站我们选择了课上学习的三个软件，DreanmweaverCS3、DreanmweaverCS5与FlashPaper。5制作系统 材料有了，工具也选好了，下面就需要按照规划一步步地把自己的想法变成现实了，这是一个复杂而细致的过程，一定要按照先大后小、先简单后复

16、杂来进行制作。所谓先大后小，就是说在制作网站时，先把大的结构设计好，然后再逐步完善小的结构设计。所谓先简单后复杂，就是先设计出简单的内容，然后再设计复杂的内容，以便出现问题时好修改。在制作网页时要多灵活运用模板，这样可以大大提高制作效率。我们组应用了网上的一个网站系统，对它进行删改，建设成一个家具购物系统，从而达到自己的要求。 6上传测试 网站制作完毕，最后要发布到Web服务器上，才能够让用户观看使用，现在上传的工具有很多，有些网页制作工具本身就带有FTP功能，利用这些FTP工具，把网站发布到自己申请的主页存放服务器上。网站上传以后，要在浏览器中打开自己的网站，逐页逐个链接的进行测试，发现问题

17、，及时修改，然后再上传测试。我们主要在IE上进行测试，直至成功。4.4详细设计4.4.1登录版式登录版式是一个用户登录和注册的页面，背景是一个家居图片，通过输入用户名和密码登录到首页页面，新用户先注册再登录。4.4.2首页版式左上角有一个网站标志家居设计，主页面上有一个搜索条目，下方是各个风格产品的链接，下边主页面是一个网站产品的图片，用Flashpaper介绍了家居设计的发展，加了一个视频关于网站产品理念环境的设计，整体色调是以清新淡雅为主4.4.3内页版式第一个页面是家居图片为背景，点击下方的联系我们进入产品展示页面用表格把各个产品展列，并标明价格以及购买链接4.4.4网站首页整体框架Lo

18、go搜索条目和导航链接链接导航链接产品系列产品系列视频图片展示Flashpaper关于商城发展的介绍5实现（以代码、图的形式）5.1登录页面无标题文档#box width:1308px; height:1000px; background:url(login-beijing.jpg)* margin:0; padding:0li list-style:nonea text-decoration:none;#li01 width:200px; height:276px; float:left; margin-left:213px; margin-top:156px;#li01 li margin

19、-bottom:44px; clear:left#li01 li a display:block; text-align:right; color:#0FF; font-size:42px; font-family:微软雅黑;#form width:426px; height:323px; float:left; margin-top:221px; margin-left:13px; #text width:406px; height:42px; margin-top:44px; margin-bottom:55px; background:#FFF#password width:406px;

20、 height:42px; margin-top:px; margin-left:px; background:#FFF.tijiao display:block; margin-top:10px; margin-left:px; background:#FFF; font-size:30px; color:#C3F; widows:60px; height:30px; float:left; margin-right:20px.zhuce display:block; margin-top:10px; margin-left:px; background:#FFF;font-size:30p

21、x; color:#C3F; width:60px; height:30px; float:left 用户登录 姓名：密码： 提交注册5.2注册页面无标题文档* margin:0; padding:0;a text-decoration:noneli list-style:none;#box width:1308px; height:1000px; background:url(login-beijing.jpg)#li01 width:210px; height:px; float:left; margin-left:178px; margin-top:226px;#li01 li marg

22、in-bottom:10px; text-align:right;#li01 li a color:#0FF; font-family:宋体; font-size:30px;#form width:210px; height:px; float:left; margin-left:px; margin-top:226px;#text width:210px; height:30px; margin-bottom:10px;#number width:210px; height:30px; margin-bottom:10px;#password01 width:210px; height:30

23、px; margin-bottom:10px;#password02 width:210px; height:30px; margin-bottom:10px;.tijiao font-size:30px; font-family:宋体; background:#FFF; display:block; width:60px; height:30px; margin-top:20px; color:#C3F;#li02 width:px; height:px; float:left; margin-left:10px; margin-top:226px;#li02 li width:px; ma

24、rgin-bottom:68px; margin-top:7px;#li02 li a font-family:宋体; font-size:16px; color:#000 请输入用户名：输入电话号码：请输入密码：再次输入密码： 提交 *612位数字，字母，下划线，汉字*612位数字，字母，下划线5.3首页页面无标题文档* margin:0; padding:0li list-style:nonea text-decoration:none#box width:1308px; height:715px; background:#ffffff;#nav width:1308px; height:

25、35px; background:#ffffff#nav .nav-left width:205px; height:35px; float:left; margin-left:65px; background:url(images/left-beijing.jpg)#nav .nav-left ul width:205px; height:35px; clear:both;#nav .nav-left ul li font-family:宋体; font-size:11px;#nav .nav-left ul li a font-size:11px; font-family:宋体#nav .

26、nav-left ul li a:hover color:#ff4400#nav .nav-left .user width:51px; height:35px; line-height:35px; float:left; overflow:hidden; margin-right:16px;#nav .nav-left .user .user01 clear:left;#nav .nav-left .inf width:42px; height:35px; line-height:35px; float:left; overflow:hidden; margin-right:16px; padding-left:21px;#nav .nav-left .inf .inf01 clear:left#nav .nav-left .phone