拾忆书苑网站的设计与实现毕业设计说明书
目 录
一、绪论 1
（一） 课题研究背景 1
（二） 课题研究目的及意义 1
二、相关技术与工具介绍 1
（一）Dreamweaver开发技术 1
（二）Adobe Photoshop 1
三、拾忆书苑网站的设计与分析 2
（一）网站总体分析 2
（二）网站页面结构分析 2
1.拾忆书苑网站首页的设计 2
2.拾忆书苑网站Logo设计 4
3.拾忆书苑网站导航条设计 5
4.拾忆书苑网站二级子菜单设计 6
5.拾忆书苑网站Banner轮播设计 6
6.拾忆书店网站首页Body设计 8
7.拾忆书店网站Footer设计 10
8.“关于我们”页面设计 11
9. “联系我们”页面设计 12
（三）部分子页网页设计 14
1.二级子页面-“冯唐作品集”子页面设计 14
2. 三级子页面- “十八岁给我一个姑娘”子页设计 15
四、网站的测试与问题的解决 17
五、总结 19
致谢 20
参考文献 21
一、绪论
课题研究背景
书是人类不可缺少的精神食粮，也是现代社会步入文明的见证。在这个多媒体的时代下，由于电子商务的迅速发展以及网上书店的数量不断增长，许多传统的实体书店面临着倒闭关门的困境。一方面，在这个经济快速发展的当今时代下，人们为了生计，每天都在为工作奔波，几乎没有空暇时间去看书。即便是一些爱好读书的读者他们只会在方便、快捷的网上书店购买书籍，这个途径为他们节省了大量的宝贵时间。另一方面，阅读载体越来越多样化，大部分人会选择一些电子书等众多阅读软件来阅读。同时，在充满着众多诱惑的现代社会下，很多人阅读书籍的热情逐渐降低，和读书相比而言，他们更喜欢其他娱乐方式。在这重重的因素干扰下，加上传统的实体书店本身缺乏多元化品牌经营的理念和在打造个性化书店的这方面缺少创新意识。
课题研究目的及意义
随着网上书店和电子产品的不断涌入，一些传统的实体书店陷入了严
*好棒文|www.hbsrm.com +Q: *351916072*
一方面，阅读载体越来越多样化，大部分人会选择一些电子书等众多阅读软件来阅读。同时，在充满着众多诱惑的现代社会下，很多人阅读书籍的热情逐渐降低，和读书相比而言，他们更喜欢其他娱乐方式。在这重重的因素干扰下，加上传统的实体书店本身缺乏多元化品牌经营的理念和在打造个性化书店的这方面缺少创新意识。
课题研究目的及意义
随着网上书店和电子产品的不断涌入，一些传统的实体书店陷入了严峻的困境，面临着生意惨淡的状况。几乎很少有顾客光顾这些传统的实体书店，而大多数的人都会选择在一些知名品牌的网上书店购买书籍，例如：亚马逊、当当网等等。本课题根据这样的研究背景，对传统的书店进行分析。让更多的人认识到来传统书店的意义。本次课题通过给拾忆书苑书店做一个小型的书店网站来宣传本店的特色之处。拾忆书苑书店网站主要向读者介绍本店所拥有的各类书籍以及本店的阅读环境。包括拾忆书店特的精品特选、最新拾忆、经典书籍等等。让浏览本网站的读者了解拾忆书店的内部藏书情况,同时也真诚地希望更多爱好读书的人来欣赏本店的舒适环境和静心挑选自己喜爱的书籍。
二、相关技术与工具介绍
根据本课题，通过使用DIV+CSS制作一个小型的书店网站，在制作过程中，需要收集有关书店网站的资料，对收集的图片素材进行修改与加工，设计网站的布局和版式。最终能够完成页面美观、色彩搭配相对协调，符合标准的原创网站。
（一）Dreamweaver开发技术
Dreamweaver是美国Macromedia公司开发的网站管理与网站制作的网页编辑软件。通过使用Dreamweaver软件可以非常容易地制作出动感页面。Dreamweaver当今是使用者操作最多的网页设计软件。Dreamweaver软件能够支持强大的动态页面，自动加入炫目的动态效果页面。并且Dreamweaver它是一个可视化网页设计工具。不生成大量的冗余代码。还可以从原有的网页文件中删除冗余代码。使用Dreamweaver软件设计网站页面能够保证在热门浏览器上执行。同时它将会提示用户在不同浏览器上所呈现的效果如何。
（二）Adobe Photoshop
Adobe Photoshop是Adobe Systems开发的图像处理软件。Photoshop主要是对图像进行修改与加工的过程。可以实现对图像进合成，去除斑点、修补等。还可以对图片进行特效字的制作与特效创意。同时Photoshop具有诸多功能，例如：图像、文字、视频等各个方面。
三、拾忆书苑网站的设计与分析
（一）网站总体分析
通过学习其他知名的书店网站，结合自己所学的网页制作知识设计了本网站，为传统的实有书店制作这样的网站，主要目的是让读者了解拾忆书店拥有不同种类的书籍，这样更能吸引更多的读者光顾本网站。网站主要功能板块有：首页、联系我们、关于我们、最新热销、店长推荐、特价精品。这六个页面所设计的排版样式都有所不同，每个页面都给浏览者一种耳目一醒的感觉，浏览者只需点击不同种类的书籍，即可搜索到他们所需要的图书。
首页内容主要向浏览者介绍本店的设施环境，呈现本店最新热销的书籍，包括：文学、艺术、教育、生活时尚、青春小说等不同种类的书籍以及本店的店长推荐专题。通过展示拾忆书店的环境，图书，价格，来吸引更多的人光顾本店。
子页部分每个页面板式布局都不同，最新热销这一页面主要向浏览者介绍本店近期畅销热销的书籍。店长推荐这个页面向浏览者呈现的是本店进行店长分类的不同类书籍，包括一些：生活、武侠、文学等等书籍。特价图书区介绍的是拾忆书店四本9.9元的促销书籍。每个页面内容制作的都很完整，同时，每个都有着浓厚的文化气息。给浏览本网站的读者带来一种身临其境的感受。让读者了解拾忆书店的特色之处。
本网站设计分为三层，网站结构如图3-1所示。
图3-1 拾忆书苑网站结构图
（二）网站页面结构分析
1.拾忆书苑网站首页的设计
本店的首页网站
一、绪论 1
（一） 课题研究背景 1
（二） 课题研究目的及意义 1
二、相关技术与工具介绍 1
（一）Dreamweaver开发技术 1
（二）Adobe Photoshop 1
三、拾忆书苑网站的设计与分析 2
（一）网站总体分析 2
（二）网站页面结构分析 2
1.拾忆书苑网站首页的设计 2
2.拾忆书苑网站Logo设计 4
3.拾忆书苑网站导航条设计 5
4.拾忆书苑网站二级子菜单设计 6
5.拾忆书苑网站Banner轮播设计 6
6.拾忆书店网站首页Body设计 8
7.拾忆书店网站Footer设计 10
8.“关于我们”页面设计 11
9. “联系我们”页面设计 12
（三）部分子页网页设计 14
1.二级子页面-“冯唐作品集”子页面设计 14
2. 三级子页面- “十八岁给我一个姑娘”子页设计 15
四、网站的测试与问题的解决 17
五、总结 19
致谢 20
参考文献 21
一、绪论
课题研究背景
书是人类不可缺少的精神食粮，也是现代社会步入文明的见证。在这个多媒体的时代下，由于电子商务的迅速发展以及网上书店的数量不断增长，许多传统的实体书店面临着倒闭关门的困境。一方面，在这个经济快速发展的当今时代下，人们为了生计，每天都在为工作奔波，几乎没有空暇时间去看书。即便是一些爱好读书的读者他们只会在方便、快捷的网上书店购买书籍，这个途径为他们节省了大量的宝贵时间。另一方面，阅读载体越来越多样化，大部分人会选择一些电子书等众多阅读软件来阅读。同时，在充满着众多诱惑的现代社会下，很多人阅读书籍的热情逐渐降低，和读书相比而言，他们更喜欢其他娱乐方式。在这重重的因素干扰下，加上传统的实体书店本身缺乏多元化品牌经营的理念和在打造个性化书店的这方面缺少创新意识。
课题研究目的及意义
随着网上书店和电子产品的不断涌入，一些传统的实体书店陷入了严
*好棒文|www.hbsrm.com +Q: *351916072*
一方面，阅读载体越来越多样化，大部分人会选择一些电子书等众多阅读软件来阅读。同时，在充满着众多诱惑的现代社会下，很多人阅读书籍的热情逐渐降低，和读书相比而言，他们更喜欢其他娱乐方式。在这重重的因素干扰下，加上传统的实体书店本身缺乏多元化品牌经营的理念和在打造个性化书店的这方面缺少创新意识。
课题研究目的及意义
随着网上书店和电子产品的不断涌入，一些传统的实体书店陷入了严峻的困境，面临着生意惨淡的状况。几乎很少有顾客光顾这些传统的实体书店，而大多数的人都会选择在一些知名品牌的网上书店购买书籍，例如：亚马逊、当当网等等。本课题根据这样的研究背景，对传统的书店进行分析。让更多的人认识到来传统书店的意义。本次课题通过给拾忆书苑书店做一个小型的书店网站来宣传本店的特色之处。拾忆书苑书店网站主要向读者介绍本店所拥有的各类书籍以及本店的阅读环境。包括拾忆书店特的精品特选、最新拾忆、经典书籍等等。让浏览本网站的读者了解拾忆书店的内部藏书情况,同时也真诚地希望更多爱好读书的人来欣赏本店的舒适环境和静心挑选自己喜爱的书籍。
二、相关技术与工具介绍
根据本课题，通过使用DIV+CSS制作一个小型的书店网站，在制作过程中，需要收集有关书店网站的资料，对收集的图片素材进行修改与加工，设计网站的布局和版式。最终能够完成页面美观、色彩搭配相对协调，符合标准的原创网站。
（一）Dreamweaver开发技术
Dreamweaver是美国Macromedia公司开发的网站管理与网站制作的网页编辑软件。通过使用Dreamweaver软件可以非常容易地制作出动感页面。Dreamweaver当今是使用者操作最多的网页设计软件。Dreamweaver软件能够支持强大的动态页面，自动加入炫目的动态效果页面。并且Dreamweaver它是一个可视化网页设计工具。不生成大量的冗余代码。还可以从原有的网页文件中删除冗余代码。使用Dreamweaver软件设计网站页面能够保证在热门浏览器上执行。同时它将会提示用户在不同浏览器上所呈现的效果如何。
（二）Adobe Photoshop
Adobe Photoshop是Adobe Systems开发的图像处理软件。Photoshop主要是对图像进行修改与加工的过程。可以实现对图像进合成，去除斑点、修补等。还可以对图片进行特效字的制作与特效创意。同时Photoshop具有诸多功能，例如：图像、文字、视频等各个方面。
三、拾忆书苑网站的设计与分析
（一）网站总体分析
通过学习其他知名的书店网站，结合自己所学的网页制作知识设计了本网站，为传统的实有书店制作这样的网站，主要目的是让读者了解拾忆书店拥有不同种类的书籍，这样更能吸引更多的读者光顾本网站。网站主要功能板块有：首页、联系我们、关于我们、最新热销、店长推荐、特价精品。这六个页面所设计的排版样式都有所不同，每个页面都给浏览者一种耳目一醒的感觉，浏览者只需点击不同种类的书籍，即可搜索到他们所需要的图书。
首页内容主要向浏览者介绍本店的设施环境，呈现本店最新热销的书籍，包括：文学、艺术、教育、生活时尚、青春小说等不同种类的书籍以及本店的店长推荐专题。通过展示拾忆书店的环境，图书，价格，来吸引更多的人光顾本店。
子页部分每个页面板式布局都不同，最新热销这一页面主要向浏览者介绍本店近期畅销热销的书籍。店长推荐这个页面向浏览者呈现的是本店进行店长分类的不同类书籍，包括一些：生活、武侠、文学等等书籍。特价图书区介绍的是拾忆书店四本9.9元的促销书籍。每个页面内容制作的都很完整，同时，每个都有着浓厚的文化气息。给浏览本网站的读者带来一种身临其境的感受。让读者了解拾忆书店的特色之处。
本网站设计分为三层，网站结构如图3-1所示。
图3-1 拾忆书苑网站结构图
（二）网站页面结构分析
1.拾忆书苑网站首页的设计
本店的首页网站
版权保护: 本文由 hbsrm.com编辑，转载请保留链接: www.hbsrm.com/jsj/jsjkxyjs/2504.html
