摘要： 在如今互联网技术飞速发展的时代，网络不仅很大程度地改变了人类的生活方式，还拉近了人与人之间的距离，逐渐成为当代必需品。阅读又是人类特有的文化交流方式，它促进了人类信息的传递、知识的汲取和思维的深化。数字化阅读较与传统阅读而言，更为大众所青睐。如今以手机、平板、电脑为代表的数字载体逐渐侵占人们的生活，它使阅读变得简单、方便，极大程度地便利了人们的生活。数字化阅读具有便利性、信息海量性和趣味性强等特点，如何使数字化阅读更大程度地优化用户体验，是我们进行网页设计的意义所在，我们不仅要改善界面外观及阅读模式的舒适度，还要增添更多人性化的功能服务，以利用新技术的便利，更好地服务于现代生活。

本次毕业设计主要是构建一个在线阅读网站，使用Bootstrap前端开发框架进行响应式开发布局，利用HTML+CSS进行网站的布局及样式设计，使用jQuery工具库进行事件处理，结合PHP连接MYSQL数据库进行数据处理加工，使用AJAX技术完成网页异步更新功能。整体完成一个可适应不同分辨率设备的、用户体验良好的、兼备多种功能的在线阅读网站。

关键词：网页设计  在线阅读  交互设计

目录

摘要

Abstract

1. 绪论-1

1.1课题研究背景-1

1.2课题研究目的-1

1.3课题研究意义-2

1.4课题研究工程伦理-2

2. 相关技术概述-4

2.1 HTML5技术-4

2.2 CSS3技术-4

2.3 AJAX技术-4

2.4 Bootstrap框架-4

2.5 PHP技术-4

3. 需求分析-6

3.1 市场需求-6

3.2 系统需求-6

4. 网站设计与实现-7

4.1 网站页面设计-7

4.1.1 色彩风格设计-7

4.1.2 版面布局设计-7

4.2 数据库部分设计-9

4.2.1 用户信息表（user）设计-9

4.2.2 书籍信息表（novels）设计-9

4.2.3 更新信息表（updates）设计-10

4.2.4 其他数据表设计-10

4.3 网站功能实现-11

4.3.1 响应式功能实现-11

4.3.2 动态特效功能实现-15

4.3.3 PHP功能实现-19

4.3.4 AJAX异步刷新功能实现-20

4.3.5 JavaScript功能实现-21

4.4 具体页面实现-24

4.4.1 首页实现-24

4.4.2 分类页面实现-25

4.4.3 排行榜页面实现-28

4.4.4 限时免费页面实现-29

4.4.5 书籍信息页面实现-30

4.4.6 阅读页面实现-32

4.4.7 个人中心页面实现-33

4.4.8 后台管理页面实现-35

结语-38

参考文献-39

致谢-40