网站建设设计说明书.doc

网页设计与网站建设课程卷二实践考核网页设计与网站建设设计说明书设计题目：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表”、服务器行为重复记录来实现多条公告的显示，同时，添加了行为，实现了公告的自下向上的滚动，吸引顾客的注意。(4) 最新资讯栏目是向顾客介绍有关家居装修的知识及装修的最新动向、流行趋势等等。本栏目功能的实现同样是添加记录集“zixun表”，添加服务器行为“重复区域”实现多条显示。此栏目背景图片是绿色的叶子和木板的颜色，比较贴切自然，和整个网站的颜色布局和符合。(5) 收藏本店栏目是方便用户将本网站添加到收藏夹，能够让顾客记住网站，以便用户下次直接访问，从而增加忠实顾客，做到宣传网站的目的，是通过添加代码(6)友情链接栏目是增添了几个相关家居网站的链接，是网站人性化设计的一部分。 2、后台功能及设计此模块主要是对数据库中数据的处理与操作，具体的实现是通过数据库创建链接、服务器行为、记录集的绑定、来实现的。后台管理页面主要使用框架来实现，通过右边的导航超链接实现在main中的跳转。此页面也是白色和绿色为主色调，与前台的色调基本一致。用户通过前台中的用户登录就可跳转到此页面，输入、修改、浏览、搜索商品信息，查看购物车，下订单的功能。输入商品信息：通过此链接实现向数据库中插入商品信息；修改商品信息：实现对数据库中商品内容的修改，而且只有管理员才有权限实现对商品信息的修改；浏览商品信息：此链接实现对数据库中商品的浏览查看；搜索商品：此链接实现通过关键字和商品类型来搜索数据库中的商品；查看购物车：用户登录后可以通过此链接来浏览购物车里的商品、修改要购买的商品的数量、清空购物车、下订单，同时下了订单后，用户购物车中就没有选购的商品了；查看订单：用户通过购物车下了订单，查看要支付的订单，来购买商品；留言板：用户通过留言板给我们提建议，对我们的商品进行评价。五、重点难点分析(1) IIS的安装及建立虚拟目录是重点。IIS意味着能发布网页，实现动态网页的浏览。 (2) 站点的建立也是重点。站点的建立好了才能成功的实现动态网页的浏览及设计制作。(3) 网站主页是设计、布局和色彩搭配。这是一个网站的门脸，如果给顾客留下较好的印象，顾客还会再次光顾，增加网站的流量，从而增加业务量。(4) 数据库的建立及连接和表的设计。建立数据库并连接才能实现用户登录、有关商品操作的功能；表的建立、设置主键、字段的格式类型和各个表之间建立的关系，只有成功建立数据库和表才能实现在网页中对数据库信息的操作。(5) 框架的保存。保存好框架实现较好的页面跳转。(6) 添加记录集、服务器行为及修改代码。记录集的添加要注意表关键字段的类型和两个表之间的关联，写命令的时候要细心。添加服务器行为也要仔细谨慎。修改代码页是件细心的事，要注意代码的格式及插入代码的位置，只有准确的代码才能实现准确的功能。(7) 在购物车中查看购买的商品，要实现下订单的功能，在代码中，实现向数据库中插入数据，insert语句中插入记录的字段的顺序要和数据库表中的字段的顺序一致才能保证顺利的插入。六、结论我是网页设计的初学者，我也挺喜欢这门课程。我平时也在用心去学，但是到实际应用中还是会碰到这样那样的问题，有的能够解决，有的不能解决就上网去查出错的原因或是请教同学老师。通过本学期的学习实践和期末的课程设计，我明白了做网页不一定要复杂，但留白的地方不能太多，网页要看着有层次舒服，字体一般是10pt，图片和文字都要有，还可以加些特效，有些特效虽然不会，但也可以通过网络来下载代码实现。所以，独立完成一个完整的网页，并不只使用我们的书本知识，我们还要拓展学习范围，就像因为网页中需要图片，而我们下载的图片不一定就合适，我们可以通过firework来处理图片。这样通过网页设计的考试形式，也培养了我们独立思考的能力，增强了同学之间的团结互助的友谊。最后感谢孙老师这学期对我的耐心教导！老师辛苦了信息工程学院网页设计与网站建设实践环节考核报告单2010-2011学年度第一学期期末排课编号：(2010-2011-1)-2010501-00425-1 批阅日期： 年 月 日姓名张廷廷班级08信管2班学号20080530230评分标准及得分评分标准分值得分界面设计颜色搭配合理，网页布局好