网站建设设计说明书.doc

PAGE

2-

《星宇装饰空间家居》网站的设计说明书

一、引言

我们的网站主题是关于家居装修设计，我个人认为，家是一个让人放松的地方，而一个舒适的家居环境能让我们释放学习及工作的压力，但现实中很多人对于家居的设计知识及装修常识了解的不是很多。星宇空间装饰家居网站的设计的目的不仅为了宣传星宇家居公司，树立企也公司高的知名度，宣传企业的文化，吸引更多的公司和个人来我公司做业务，也是为了给需要了解家居知识，了解家居潮流，设计自己的舒适家居环境而设计的，更好的为顾客服务。

二、设计任务分析

星宇装饰空间家居网是一个综合性的家居装修网，涵盖了多方面的内容，为消费者提供了装修信息，包括网站热点，家居装修的国际潮流推荐，家居装修的风格展现和家居装修的案例，与其他网站的链接（方便用户获得更多的信息），本公司招聘人才的信息，对本公司的介绍（让消费者更深入地认识了解本公司）还提供了与客户交流的平台（留言板）。

网站中主要是Dreamweaver中静态网页设计技术（用它来制作这个网页的前台），也用了ASP动态网页的设计，ASP动态网站实现的用户与服务器交互的功能，实现了通过网页访问后台数据库的功能，更加方便的管理与更新网站。

网页制作，首先是通过表格、框架（div）、CSS等实现主页的简单设计，而后用了ASP动态网站建设的相关知识，通过安装IIS，建立使用服务器的站点，连接数据库，实现客户留言的功能。这功能的实现让公司更加了解消费者的消费心理，通过他们的留言来改进公司的不足，让公司对网站的管理更加方便。还用到了APdiv层用来做漂浮的广告，吸引网友的眼球。利用行为技术在网站中插入了音乐，让浏览者有视觉享受的同时还有听觉享受。网页中的动画和图片我们用到flash二维动画和photoshop图片处理。导航条处我们用到了鼠标经过图像，实现文字颜色的变化。除了以上的，我们使用层和时间轴动画制作滚动看板，并用行为控制制作出当鼠标放在字幕上时停止滚动，当鼠标移开时继续滚动的效果，让消费者能更好关注我们的热点。

三、方案初选

网站的整体布局是分了top,main,bottom。在main里面主要分left和right。Top主要用来放logo和导航。Main用来放网站主体内容，bottom用来放版权信息。由于我们公司主要面向的对象是年轻人，因此我们网站的风格富有现代潮流的气息，为此我们将背景设置成为（），里面主要通过动画与图片来来展示我们公司的产品（装饰的案例、装饰的风格等）。

网站制作我们用到了Dreamweaver、flash、photoshop、ASPVBscript、IIS和Access。Dreamweaver是个原本由Macromedia公司所开发的著名网站开发工具。它使用所见即所得的接口，亦有HTML编辑的功能。它现在有Mac和Windows系统的版本。Flash，是一种动画创作与应用程序开发于一身的创作软件，目前最新的零售版本为AdobeFlashProfessionalCS6(2012年发布)。Flash广泛用于创建吸引人的应用程序，它们包含丰富的视频、声音、图形和动画。AdobePhotoshop，简称“PS”，是一个由AdobeSystems开发和发行的图像处理软件。Photoshop主要处理以像素所构成的数字图像。使用其众多的编修与绘图工具，可以更有效的进行图片编辑工作。VBScript是VisualBasicScript的简称，即VisualBasic脚本语言，有时也被缩写为VBS。是asp动态网页默认的编程语言，配合asp内建对象和ADO对象，用户很快就能掌握访问数据库的asp动态网页开发技术。InternetInformationServices（IIS，互联网信息服务），是由微软公司提供的基于运行MicrosoftWindows的互联网基本服务。MicrosoftOfficeAccess是由微软发布的关联式数据库管理系统。它结合了MicrosoftJetDatabaseEngine和图形用户界面两项特点，是MicrosoftOffice的系统程式之一。

四、详细设计

我们制作的logo（主页）主要是到了ps与flash两种技术的结合。Logo用变换的图片来展示我们公司的装修成品，再加上我们公司网站主题“爱她就给她一个温馨的家”的文字（用旋转出现的效果呈现）。图1

图2

图3

图4

五、设计总结评价