在线阅读网站的设计与制作【字数：13892】
摘 要在如今互联网技术飞速发展的时代，网络不仅很大程度地改变了人类的生活方式，还拉近了人与人之间的距离，逐渐成为当代必需品。阅读又是人类特有的文化交流方式，它促进了人类信息的传递、知识的汲取和思维的深化。数字化阅读较与传统阅读而言，更为大众所青睐。如今以手机、平板、电脑为代表的数字载体逐渐侵占人们的生活，它使阅读变得简单、方便，极大程度地便利了人们的生活。数字化阅读具有便利性、信息海量性和趣味性强等特点，如何使数字化阅读更大程度地优化用户体验，是我们进行网页设计的意义所在，我们不仅要改善界面外观及阅读模式的舒适度，还要增添更多人性化的功能服务，以利用新技术的便利，更好地服务于现代生活。本次毕业设计主要是构建一个在线阅读网站，使用Bootstrap前端开发框架进行响应式开发布局，利用HTML+CSS进行网站的布局及样式设计，使用jQuery工具库进行事件处理，结合PHP连接MYSQL数据库进行数据处理加工，使用AJAX技术完成网页异步更新功能。整体完成一个可适应不同分辨率设备的、用户体验良好的、兼备多种功能的在线阅读网站。
目 录
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
*好棒文|www.hbsrm.com +Q: ^351916072^
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
1. 绪论
1.1 课题研究背景
Web前端开发设计与网页制作工作存在着密不可分的联系，最开始的网站设计大多数都是以静态为主，市场用户主要是在各大网站上进行信息浏览阅读。在网站制作下，现代开发技术人员需要通过采用科学的交互方式完成对网站制作的创新开发。网站制作过程会涉及到多方面开发设计内容，比如布局排版、文字处理、图片处理、功能布置、交互处理以及数据库的建立等。现代计算机网站最为显著的特征就是形式多样、种类繁多[8]，能够最大程度满足市场用户对于海量信息的搜索浏览的需求。Web前端开发技术就是网站制作过程中最重要的部分，是网站开发的核心，通过合理应用这一技术，可以让网站变得更加动态化，从而给市场用户带来不同以往的操作与服务体验。
1.2 课题研究目的
随着如今数字化信息时代的发展，区别于以纸张为载体的传统出版物，数字化出版物成为了人们阅读书籍的流行方式。除了传统的书籍和报纸外，手机、电脑、平板等电子化设备都促进发展了这种新的阅读习惯。海量数字化资源与基于网络的一键式便捷分享促进了数字化阅读的流行趋势。阅读数字化的兴起，阅读载体的多元化与媒介的多元化，给国民带来了新的阅读体验的同时也增加了国民阅读量，丰富国民思想。数字化阅读不但环保，而且还能够节能减排，减少了书本的浪费率和制作纸张时资源的浪费[11]，也提高了书本的利用率，读者查找书籍和分享自己的评论、感悟也更加方便，还能有效地利用碎片化时间，提高自身发展，促进国民阅读比例。在目前的数字化的大环境之下，我国国民目前的阅读需求是个性化且多样化的，在线阅读这种方式的出现加速了数字化阅读的传播与普及。
因此本课题将利用Bootstrap、HTML5、CSS、JavaScript和PHP等技术开发一个在线阅读网站，以达到满足大部分网络用户数字化阅读需求的目的。
在搜索浏览市场上常见的在线阅读平台后，我归纳出了几类问题：
前端设计落后。部分网站的网页设计几乎还展示着多年前的审美，存在着网页信息堆砌的问题，多条书名直接杂糅显示，文字与超链接依旧是默认的样式，无图文结合显示，一眼望去全是密密麻麻文字。
不同屏幕分辨率共用同样的样式。有的网站未做到响应式，换成手机屏幕就会出现水平方向的进度条，在拉动的过程中降低了用户体验的感受。有的网站虽然避免了水平进度条，但却是直接将页面缩小，文字极小，不方便阅读。
功能设计不合理。有的阅读网站与其他平台合作，提供太多服务和广告，使读者困扰，从而降低了阅读体验，本次网站设计完全是围绕读者服务，提供纯粹的阅读体验。
1.3 课题研究意义
目前，Web前端开发技术采用前端与后端分离开发的形式，网页的结构可以随便调整，图片和样式也可以轻松显示，网页内容也可以随意更改。在国内外的相关研究和实践中，Web前端开发技术都在一步步进步和发展，在如今的网页设计和开发中，越来越需要将艺术和技术两方面相互发展结合起来，才能实现更加迅速、有益的发展[5]。网页制作开发工作者需要致力于进一步优化Web前端开发这一技术，推进网站的设计与开发有更好的未来，同时利用技术来丰富国民精神世界，推动人与人之间思维与情感的交流。
目 录
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
*好棒文|www.hbsrm.com +Q: ^351916072^
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
1. 绪论
1.1 课题研究背景
Web前端开发设计与网页制作工作存在着密不可分的联系，最开始的网站设计大多数都是以静态为主，市场用户主要是在各大网站上进行信息浏览阅读。在网站制作下，现代开发技术人员需要通过采用科学的交互方式完成对网站制作的创新开发。网站制作过程会涉及到多方面开发设计内容，比如布局排版、文字处理、图片处理、功能布置、交互处理以及数据库的建立等。现代计算机网站最为显著的特征就是形式多样、种类繁多[8]，能够最大程度满足市场用户对于海量信息的搜索浏览的需求。Web前端开发技术就是网站制作过程中最重要的部分，是网站开发的核心，通过合理应用这一技术，可以让网站变得更加动态化，从而给市场用户带来不同以往的操作与服务体验。
1.2 课题研究目的
随着如今数字化信息时代的发展，区别于以纸张为载体的传统出版物，数字化出版物成为了人们阅读书籍的流行方式。除了传统的书籍和报纸外，手机、电脑、平板等电子化设备都促进发展了这种新的阅读习惯。海量数字化资源与基于网络的一键式便捷分享促进了数字化阅读的流行趋势。阅读数字化的兴起，阅读载体的多元化与媒介的多元化，给国民带来了新的阅读体验的同时也增加了国民阅读量，丰富国民思想。数字化阅读不但环保，而且还能够节能减排，减少了书本的浪费率和制作纸张时资源的浪费[11]，也提高了书本的利用率，读者查找书籍和分享自己的评论、感悟也更加方便，还能有效地利用碎片化时间，提高自身发展，促进国民阅读比例。在目前的数字化的大环境之下，我国国民目前的阅读需求是个性化且多样化的，在线阅读这种方式的出现加速了数字化阅读的传播与普及。
因此本课题将利用Bootstrap、HTML5、CSS、JavaScript和PHP等技术开发一个在线阅读网站，以达到满足大部分网络用户数字化阅读需求的目的。
在搜索浏览市场上常见的在线阅读平台后，我归纳出了几类问题：
前端设计落后。部分网站的网页设计几乎还展示着多年前的审美，存在着网页信息堆砌的问题，多条书名直接杂糅显示，文字与超链接依旧是默认的样式，无图文结合显示，一眼望去全是密密麻麻文字。
不同屏幕分辨率共用同样的样式。有的网站未做到响应式，换成手机屏幕就会出现水平方向的进度条，在拉动的过程中降低了用户体验的感受。有的网站虽然避免了水平进度条，但却是直接将页面缩小，文字极小，不方便阅读。
功能设计不合理。有的阅读网站与其他平台合作，提供太多服务和广告，使读者困扰，从而降低了阅读体验，本次网站设计完全是围绕读者服务，提供纯粹的阅读体验。
1.3 课题研究意义
目前，Web前端开发技术采用前端与后端分离开发的形式，网页的结构可以随便调整，图片和样式也可以轻松显示，网页内容也可以随意更改。在国内外的相关研究和实践中，Web前端开发技术都在一步步进步和发展，在如今的网页设计和开发中，越来越需要将艺术和技术两方面相互发展结合起来，才能实现更加迅速、有益的发展[5]。网页制作开发工作者需要致力于进一步优化Web前端开发这一技术，推进网站的设计与开发有更好的未来，同时利用技术来丰富国民精神世界，推动人与人之间思维与情感的交流。
版权保护: 本文由 hbsrm.com编辑，转载请保留链接: www.hbsrm.com/jsj/qrs/79.html
