计能使客户端适应用户设备环境,智能化地适应大众的需要。Р 相对于传统网页设计方式,响应式网页设计能够为不同终端的客户提供更好的浏览体验,带来更多的经济效益;同时响应式网页设计也能够减少网站开发和维护成本,对于搜索引擎优化也更加友好。因此,越来越多的前端开发工程师选择响应式布局设计网页。Р 2 Bootstrap的优势Р Bootstrap是由Twitter的设计师Mark Otto和Jacob Thornton合作开发的一款简洁、直观的用于前端开发的开源工具包。Bootstrap是基于HTMl5和CSS3开发的,它在jQuery的基础上进行了更为个性化和人性化的完善,形成一套自己独有的网站风格,并兼容大部分iQuery插件。Р 1)Bootstrap是响应式布局的。能够根据用户的终端设备进行自适应调整,提高用户的浏览体验度。Р 2)Bootstrap是移动设备优先的。从Bootstrap3Р开始,针对移动设备的样式融合进了框架的每个角落。更适应移动互联网快速发展的今天。Р 3)Bootstrap是易于学习的。只要具备HTML和CSS基础知识,就能够快速上手,对于高职院校的学生能够快速掌握基本技术,搭建一个极具设计感的完整网站。Р 4)Bootstrap含有丰富的组件。Bootstrap有丰富的HTML组件和JS组件,并且代码简洁,可以在其基础之上个性化定制开发。Р 3利用Bootstrap工具??现校园二手商品交易商城页面Р 引入bootstrap框架,利用其布局容器、导航栏、表单、按钮、栅格系统、标签、响应式工具以及轮播插件,完成校园二手商品交易商城页面的制作。Р 4结束语Р Bootstrap是一个开源框架,提供CSS布局组件和javascript组件,对于高职院校的学生更容易掌握,从校园二手商品交易商城的开发到后期维护阶段都可以让学生参与进来,也是增加学生的实践机会。
全文预览
