拾忆书苑网站的设计与实现

摘要

书是人类不可缺少的精神食粮，也是现代社会步入文明的见证。本课题网站基于DIV+CSS样式布局，同时应用Bootstrap框架，完成了拾忆书苑小型网站的制作。本网站在设计过程中使用了Dreamweaver、Photoshop软件，用Dreamweaver软件对网站内容进行代码编写，用Photoshop软件对采集的图片进行修改和对网站整体页面进行美化。该网站有首页、关于我们、联系我们、最新热销、店长推荐、拾忆精品、书籍类别分布等网站内容，本网站通过展示人文社科、经济管理、生活时尚、教育教材、文学、青春小说、艺术、随笔散文等页面向读者提供了不同种类的书籍，希望通过浏览本公司的拾忆书店网站，能够为读者挑选满意的书籍。

关键词：书店网站; DIV+CSS;Bootstrap;Dreamweaver; Photoshop

Abstract

The book is an indispensable food for people, which is also the witness of modern society into civilization. This topic website based on DIV+CSS style layout and At the same time the application of Bootstrap framework for completing the special Bookstore small website production. This website in the design process used Dreamweaver, Photoshop software, using Dreamweaver software on the content of the website code, using Photoshop software to collect pictures modified and on the site as a whole page beautification. The site is home page, book classification, a discount buying, sale, 9.9 pack of postal district, the latest special offers, pick up memory, special selection, ranking, website content. This website through the display of Humanities and Social Sciences, economics and management, fashion life, educational materials, literature, youth novel, art, essays and other pages for readers with different kinds of books. Hope to browse through the company's special bookstore website, readers can choose satisfactory books.

Key Words:Bookshop; DIV+CSS; Dreamweaver;Photoshop

目录

一、绪论1

（一）课题研究背景1

（二）课题研究目的及意义1

二、相关技术与工具介绍1

（一）Dreamweaver开发技术1

（二）Adobe  Photoshop1

三、拾忆书店网站的设计与分析2

（一）网站总体分析2

（二）网站页面结构分析2

1.拾忆书苑网站首页的设计3

2.拾忆书店网站Logo设计5

3.拾忆书店网站Header设计5

4.拾忆书店网站Banner轮播设计6

5.拾忆书店网站首页Body设计8

6.拾忆书店网站Footer设计12

7.‘关于我们’页面设计13

8. ‘联系我们’页面设计15

（三）部分子页网页设计16

1.二级子页面-‘冯唐作品集’子页面设计16

2.三级子页面-‘十八岁给我一个姑娘’子页设计18

四、网站的测试与问题的解决20

五、总结22

六、致谢23

七、参考文献24