网站建设设计说明书.docVIP

《网页设计与网站建设》课程卷二实践考核 网页设计与网站建设 设计说明书 设计题目：Smile家居网站设计与实现 姓 名： 学 号： 20080530230 班 级： 08信管2班 指导教师： 孙俊国 完成日期： 2010-12-19 Smile家居网站的设计与实现 一、概述 我的网站主题是关于家居装修设计，我个人认为，家是一个让人放松的地方，而一个舒适的家居环境能让我们释放学习及工作的压力，但现实中很多人对于家居的设计知识及装修常识了解的不是很多。Smile家居网站的设计的目的不仅为了宣传Smile家居公司，树立企也公司高的知名度，宣传企业的文化，吸引更多的公司和个人来我公司做业务，也是为了给需要了解家居知识，了解家居潮流，设计自己的舒适家居环境而设计的，更好的为顾客服务。 本网站主要使用Dreamweaver、firework、flash、ASP VBscript、IIS和Access等主要工具。网站中主要是ASP动态网页的设计，ASP动态网站实现的用户与服务器交互的功能，实现了通过网页访问后台数据库的功能，更加方便的管理与更新网站。 在实现自己网站之前，做了大量的准备工作。上网搜索素材，包括图片、视频、家居装修的常识和方法，参考其他家居网站设计方案及模块实现，如：新浪家居、宜家家居等；借阅相关书籍，参考各种功能实现所需掌握的知识及方法；同时，向老师了解网站建设的设计思想及具体实现过程。 网页制作，首先是通过表格、框架、CSS、模板等实现主页的简单设计，而后学习了ASP动态网站建设的相关知识，通过安装IIS，建立使用服务器的站点，连接数据库，实现了用户登录，商品浏览、查看、修改、搜索的功能。这些功能的实现更加方便用户购买商品，让公司对网站的管理更加方便。 二、项目需求分析 家居网站所面向的群体主要是需要装修的群体、家居装修设计师、想了解家居装修知识及想与之进行业务合作的群体等。 需要装修的群体又会有不同的要求。有人喜欢简单淡雅的风格，有人喜欢高贵典雅的风格，也有人喜欢时尚非主流的风格；还有的人消费水平较低，希望商品实用便宜，有的人消费水平较高，想要设计质量各方面比较突出的产品；同时还有针对不同年龄段的人群也有不同的要求。 网站的建设根据不同用户的需求，设计了不同的版块。 三、项目总体设计 1、整体架构及布局设计 网站的整体色彩以白色和绿色为主，配有点淡粉红色，字体设置为10pt，色彩的搭配符合家给人带来舒适的感觉，更容易让不同风格的顾客接受。 主页中的各个模块的布局主要是使用CSS实现的。主页设计主要采用顶部导航、内容左右分的布局。内容的左侧大致为具体的链接及提示信息等，右侧主要是详细的内容介绍，包括新闻资讯、商品展示等。 3、网站的栏目设计 主页中的栏目主要包括导航、用户登录、最新公告、最新资讯、收藏本店、宝贝分类、友情链接等详细分类。导航包括首页、案例展示、流行饰品、新品上架、视频赏析和联系我们七部分 2、数据库设计 网站中的数据库采用Access设计，数据库名为data.mdb,包括下面图中的6个表及其对应关系： 四、项目详细设计 1、前台功能设计 (1) 导航是一个一行六列的表格，绿色的背景搭配白色的字体。“案例展示”链接跳转到anli.asp页面，此页面是下载的代码，通过添加图片，实现自己网站家居装修案例的展示；“流行饰品” 是页面内的跳转，通过命名锚记实现；“新品上架”链接跳转到newproduct.asp,此页面是通过添加商品信息表的记录集和服务器行为实现数据库中商品的展示；“联系我们”是电子邮件链接，用户可以给我们发邮件实现交流，进行业务的联系。 (2) 用户登录是通过表单、添加记录集“用户信息表account”和服务器行为“用户登录”实现的。其中用户有两个级别限制(这是对数据库中数据安全性的设计)，包括顾客“user”和管理员“admin”，顾客登录后可以查看数据库中商品、搜索商品和查看购物车，管理员在顾客实现的功能的基础上还有修改商品信息。实现了前台向后台的跳转。 设置用户注册的按钮，方便顾客注册成为网站的会员，使顾客能够更多更方便的光临本网站，查看自己的信息和最新的商品信息。 (3) 最新公告栏目是向顾客展示最近网站的活动及注意事项。本栏目也是通过添加记录集“news表”、服务器行为重复记录来实现多条公告的显示，同时，添加了marquee行为，实现了公告的自下向上的滚动，吸引顾客的注意。 (4) 最新资讯栏目是向顾客介绍有关家居装修的知识及装修的最新动向、流行趋势等等。本栏目功能的实现同样是添加记录集“zixun表”，添加服务器行为“重复区域”实现多条