百文斋书店网站设计与制作报告
摘 要 3
目录
一、网站概述 1
（一）网站结构 1
（二） 功能分配 2
二、网站建设规划 4
（一） 确定主题 4
（二） 收集资料 4
（三） 资料整理 4
（四） 站点整理 4
三、网站的排版与布局 4
（一）表格排版布局网页 4
（二）主页面 4
（三）子页面 5
四、网站的风格与形象设计 5
（一）网站整体风格的设计 5
（二）网站的形象设计 5
五、详细操作说明 5
（一）网站首页 5
（二）网络文学 6
（三）童书 7
（四）文学 8
（五）生活 8
（六）教育 8
（七）单个商品详情页面 8
（八）我的订单 9
（九）我的书屋 9
（十）成为会员 9
（十一）用户登录 9
六、网站的推广与维护 9
（一）网站推广 9
（二）网站维护 10
结束语 11
致谢 12
参考文献 13
随着时代的变化，伴随着Internet互联网的迅速发展，电子商务成为了一种
新型的商务模式之一。它在人们的生活中随处可见，影响着人们的生活，人们的衣食住行。网上书店是随着计算机技术和网络技术的发展而出现的一种新型的图书销售渠道。根据网络，以通讯技术为基础，实现网上交易，图书现线销售，与传统的书店比，更加方便快 的捷，单价也比在传统的书店里购买的书籍更低廉。在这种环境下，我们也建立网站以宣传、销售图书为目的，为广大的需求者提供优质的服务，在网站上可以找到各种类型的书籍，吸引消费者来的浏览，白文斋书店网站的建立的目的是节约人们的时间、方便消费者购书、消费者永远走在时代的前沿。在这个网站中我主要做了这几个部分包括：网站建设规划、网站的排版与布局、网站的风格与形象设计、网站的操作说明和网站的推广与维护。百文斋这个网站主要是便于消费者在网上轻松购物，简单快捷的找到自己想要的书籍，节约消费 *好棒文|www.hbsrm.com +Q: *351916072*
者的时间，这个报告主要描述网站的架构和功能，对网站的基础做出的说明。
一、网站概述
本次设计的网站以销售书籍为主，主要分为：网络文学、童书、文学、生活、教育这5个方面，针对不同的销售人群而做出的不同的分类，满足消费者的需求，以便吸引更多的消费人群。
（一）网站结构
网站结构：本网站所于“匡”字型结构，分为logo、banner、导航栏、热门书籍、新书上架、网站的功能分配等等如图（1）
/
图（1）网站的结构图
网站是上中下结构
1.首页：上一栏是logo、banner和导航栏，中间左面一栏是热门书籍，右面一栏是新书上架，
2.子页：
（1）网络文学类书籍：上一栏是logo、banner和导航栏，中间左面一栏是热门书籍，
面一栏是新书上架（不同的书籍）
（2）童书类书籍：上一栏是logo、banner和导航栏，中间左面一栏是热门书籍，
面一栏是新书上架（不同的书籍）
（3）文学类书籍：上一栏是logo、banner和导航栏，中间左面一栏是热门书籍，
面一栏是新书上架（不同的书籍）
（4）生活类书籍：上一栏是logo、banner和导航栏，中间左面一栏是热门书籍，
面一栏是新书上架（不同的书籍）
（5）教育类书籍：上一栏是logo、banner和导航栏，中间左面一栏是热门书籍，
面一栏是新书上架（不同的书籍）
（6）成功/励志书籍：上一栏是logo、banner和导航栏，中间左面一栏是热门书籍，
面一栏是新书上架（不同的书籍）
（7医学书籍：上一栏是logo、banner和导航栏，中间左面一栏是热门书籍，
面一栏是新书上架（不同的书籍）
点击打开百文斋网站，可以看到如图（2）所示
/
图（2）百文斋logo、banner和导航栏
本网站通过logo、banner，热门书籍、新书上架等相应的图片和简单文字清晰明了的展示在我们的客户面前，通过这些让客户了解我们的文化、风格和整个的结构色调。
功能分配
1.导航栏
导航栏上清晰写着本书店的书籍的分类（网络文学、童书、文学、生活、 教育），在网站的上中下结构中，导航栏 属于上结构中，一目了然，访客一进店铺就可以看到，方便访客自己根据自己的喜好在哪一类的书籍中进行筛选，喜欢哪一类就可以点击这一分类查找这一类型书籍如图（3）所示
/
图（3）百文斋导航栏
2.购物车
在网站的右上角有我的购物车，方便访客在遇见自己喜欢的书籍是加入购物车，点击我的购物车，就可以看到访客喜欢书籍的名称、书籍的名字、价格、数量等等。
3.搜素书籍
目录
一、网站概述 1
（一）网站结构 1
（二） 功能分配 2
二、网站建设规划 4
（一） 确定主题 4
（二） 收集资料 4
（三） 资料整理 4
（四） 站点整理 4
三、网站的排版与布局 4
（一）表格排版布局网页 4
（二）主页面 4
（三）子页面 5
四、网站的风格与形象设计 5
（一）网站整体风格的设计 5
（二）网站的形象设计 5
五、详细操作说明 5
（一）网站首页 5
（二）网络文学 6
（三）童书 7
（四）文学 8
（五）生活 8
（六）教育 8
（七）单个商品详情页面 8
（八）我的订单 9
（九）我的书屋 9
（十）成为会员 9
（十一）用户登录 9
六、网站的推广与维护 9
（一）网站推广 9
（二）网站维护 10
结束语 11
致谢 12
参考文献 13
随着时代的变化，伴随着Internet互联网的迅速发展，电子商务成为了一种
新型的商务模式之一。它在人们的生活中随处可见，影响着人们的生活，人们的衣食住行。网上书店是随着计算机技术和网络技术的发展而出现的一种新型的图书销售渠道。根据网络，以通讯技术为基础，实现网上交易，图书现线销售，与传统的书店比，更加方便快 的捷，单价也比在传统的书店里购买的书籍更低廉。在这种环境下，我们也建立网站以宣传、销售图书为目的，为广大的需求者提供优质的服务，在网站上可以找到各种类型的书籍，吸引消费者来的浏览，白文斋书店网站的建立的目的是节约人们的时间、方便消费者购书、消费者永远走在时代的前沿。在这个网站中我主要做了这几个部分包括：网站建设规划、网站的排版与布局、网站的风格与形象设计、网站的操作说明和网站的推广与维护。百文斋这个网站主要是便于消费者在网上轻松购物，简单快捷的找到自己想要的书籍，节约消费 *好棒文|www.hbsrm.com +Q: *351916072*
者的时间，这个报告主要描述网站的架构和功能，对网站的基础做出的说明。
一、网站概述
本次设计的网站以销售书籍为主，主要分为：网络文学、童书、文学、生活、教育这5个方面，针对不同的销售人群而做出的不同的分类，满足消费者的需求，以便吸引更多的消费人群。
（一）网站结构
网站结构：本网站所于“匡”字型结构，分为logo、banner、导航栏、热门书籍、新书上架、网站的功能分配等等如图（1）
/
图（1）网站的结构图
网站是上中下结构
1.首页：上一栏是logo、banner和导航栏，中间左面一栏是热门书籍，右面一栏是新书上架，
2.子页：
（1）网络文学类书籍：上一栏是logo、banner和导航栏，中间左面一栏是热门书籍，
面一栏是新书上架（不同的书籍）
（2）童书类书籍：上一栏是logo、banner和导航栏，中间左面一栏是热门书籍，
面一栏是新书上架（不同的书籍）
（3）文学类书籍：上一栏是logo、banner和导航栏，中间左面一栏是热门书籍，
面一栏是新书上架（不同的书籍）
（4）生活类书籍：上一栏是logo、banner和导航栏，中间左面一栏是热门书籍，
面一栏是新书上架（不同的书籍）
（5）教育类书籍：上一栏是logo、banner和导航栏，中间左面一栏是热门书籍，
面一栏是新书上架（不同的书籍）
（6）成功/励志书籍：上一栏是logo、banner和导航栏，中间左面一栏是热门书籍，
面一栏是新书上架（不同的书籍）
（7医学书籍：上一栏是logo、banner和导航栏，中间左面一栏是热门书籍，
面一栏是新书上架（不同的书籍）
点击打开百文斋网站，可以看到如图（2）所示
/
图（2）百文斋logo、banner和导航栏
本网站通过logo、banner，热门书籍、新书上架等相应的图片和简单文字清晰明了的展示在我们的客户面前，通过这些让客户了解我们的文化、风格和整个的结构色调。
功能分配
1.导航栏
导航栏上清晰写着本书店的书籍的分类（网络文学、童书、文学、生活、 教育），在网站的上中下结构中，导航栏 属于上结构中，一目了然，访客一进店铺就可以看到，方便访客自己根据自己的喜好在哪一类的书籍中进行筛选，喜欢哪一类就可以点击这一分类查找这一类型书籍如图（3）所示
/
图（3）百文斋导航栏
2.购物车
在网站的右上角有我的购物车，方便访客在遇见自己喜欢的书籍是加入购物车，点击我的购物车，就可以看到访客喜欢书籍的名称、书籍的名字、价格、数量等等。
3.搜素书籍
版权保护: 本文由 hbsrm.com编辑，转载请保留链接: www.hbsrm.com/jmgl/dzsw/233.html
