毕业设计（论文）-基于bootstrap开发的响应式网上书店前端开发制作.doc

全日制本科生毕业论文题 目:基于bootstrap开发的响应式网上书店前端开发制作学院:计算机与信息科学学院专业年级:计算机科学与技术(师范)2012级学生姓名:学号:指导教师:职称: 副教授2016年5月6日基于bootstrap开发的响应式网上书店前端开发制作摘要:本论文详细描述的是一个基于bootstrap的响应式网上书店前端网页的设计与实现过程。网站的设计与制作主要使用bootstrap、html、css+div、JavaScript、jQuery等围绕网站的响应式制作进行。前台网页一共包含五个版块,首页、CSS类书籍、JavaScript类书籍、jQuery类书籍、PHP类书籍等。经测试,制作出的响应式网页可以兼容各大主流浏览器,还能够识别不同设备的尺寸从而展现优质的浏览效果。关键词:bootstrap;html;css+div;JavaScript;响应式全套设计加扣3012250582Abstract:Adetaileddescriptionofthispaperisbasedonthebootstrapresponsivefront-,HTML,CSS+div,JavaScript,,thehomepage,CSSclassbooks,booksonJavaScript,jQuery,PHP,booksbooks,,patiblewitheachbigmainstreambrowsers,alsoabletoidentifythesizeofthedifferentequipmentandhigh-:bootstrap;html;css+div;JavaScript;responsive随着无线网络的飞速发展以及人们生活水平的普遍提高,人们对移动终端设备的需求已经逐渐超越桌面端,即越来越多用户上网的方式已经从传统桌面端逐渐转移到了移动设备,响应式布局是移动互联网蓬勃发展的技术产物,在移动互联网快速发展的今天,它占据了网页前端开发领域的核心地位[1]。如何设计开发一款能够自适应不同尺寸的移动设备的网站,为用户提供优质的浏览服务具有重大的意义。以Web前端书籍书店的网站为例,根据用户使用设备尺寸的大小调整页面的布局,这就使得不同设备浏览页面的效果会更加流畅[2]。响应式布局可以提供优质的用户体验,成为互联网今后发展的主流趋势之一[3]。,源于Twitter,是目前最受市场欢迎的前端框架之一[4]。它由Twitter的设计师JacobThornton和MarkOtto合作开发,它是基于CSS、HTML、JAVASCRIPT的,使得web开发更快捷。Bootstrap提供了优雅的CSS和HTML规范,它即是由动态CSS语言less写成[5]。、HTML5开发的,它在jQuery的基础上进行了完善,使其更为个性化和人性化,形成一套特有的网站风格,并且能兼容大部分jQuery插件。、HTML5开发的,内置了很多具有独特风格的样式。Bootstrap包含了很多Web组件,根据这些组件,开发人员可以快速地制作一个漂亮、功能齐全的网站。Twitter网站上许多图标在Bootstrap中用简单的一句代码就可以使用到你的网站项目中了,更为关键的是Bootstrap支持响应式布局,即开发的网站项目可以有效适配手机、平板、PC设备。(1)便利性。Bootstrap封装了多种配色方案、页面布局等样式,开发人员可以通过调用内置强大的组件,非常简便的使用成熟的页面样式。(2)兼容性。使用Bootstrap前端框架开发出的页面,不仅能在移动设备上进行用户交互,同样在PC端也可以,同样的代码既可用PC端访问也可用移动端访问,真正的做到了多兼容性。(3)简洁性。不用写过多的CSS和HTML代码,简单的几行代码就能实现理想的界面以及交互效果;(4)响应式设计。Bootstrap框架的响应式CSS能根据设备尺寸的不同,自适应于PC端和移动端。(5