Bootstrap 实战

2016年9月17日 235点热度 0人点赞 0条评论

图片

推荐语

机器学习现如今火的不得了,似乎不学一点儿都不敢说自己是程序员。这本《机器学习实战》,是难得的一本理论与实战结合的好书,推荐给大家。汇智网已经为这本书匹配了专门的在线学习环境,书中示例代码也已经在线提供,希望能够帮助大家更好的学习。


网址: http://xb.hubwiz.com/


前言

2011年8月,Twitter Bootstrap横空出世。如今,这个被称为Bootstrap的框架,俨然已成为前端设计领域最受欢迎的辅助技术。Bootstrap 3又是一个里程碑式的版本,增加了移动优先的响应式网格、新的强大的LESS混入,而且还针对现代浏览器对核心代码进行了优化。

本书详细介绍Bootstrap的使用方法。全书简明易懂,循序渐进,让读者时时处处体验到自定义和重编译Bootstrap的LESS文件的强大威力,同时掌握应用Bootstrap的JavaScript插件设计专业用户界面的技巧。

这本书并不局限于Bootstrap。Bootstrap只是一个工具,一个达到目标的手段。学习完这本书之后,读者将成为一位更加高效、熟练的Web设计师。

本书内容

第1章“初识Bootstrap”,教给大家如何下载Bootstrap,如何基于HTML5 Boilerplate设置站点模板,并且掌握把Bootstrap的LESS文件编译为CSS的方法。

第2章“作品展示站点”,开始学习创建简单的个人作品展示网站,包括全宽的传送带切换效果,三栏文本布局,以及使用Font Awesome的字体图标——通过自定义Bootstrap的LESS文件。

第3章“WordPress主题”,学习把第2章的个人作品展示站点转换成一个WordPress主题。这一章要利用有名的Roots Theme,根据我们的需要,还会涉及自定义模板文件、LESS、CSS和JavaScript。

第4章“企业网站”,将通过创建一个企业级网站学习如何创建复杂的页头区,添加下拉菜单和实用导航,以及构建复杂的三栏布局和四栏页脚,同时还要确保所有这些内容具有完全的响应能力。

第5章“电子商务网站”,带领大家探索商品展示页面的设计,学会在复杂的响应式网格中控制多行商品。与此同时,还要实现一个响应式的商品筛选工具。

第6章“单页营销网站”,这一章教给大家构建时尚的单页营销网站,包括带高清图的大字欢迎语、带大图标的商品功能列表、图片墙式的用户评论区,以及三个精美的价目表,最终完成一个支持动态滚动导航的漂亮的单页网站。

附录A“优化站点资源”,以第2章的网站资源为例,介绍了为最终部署网站而优化Bootstrap LESS/CSS及JavaScript等静态资源的基本流程和工具。这个附录对所有Bootstrap项目都一样有用。

附录B“实现响应式图片”,介绍最前沿的响应式图片解决方案Picturefill,仍然以第2章项目中的作品图片传送带为例。这个附录对其他项目也一样有用。

附录C“让传送带支持手势”,介绍在Bootstrap的传送带中使用一款先进的插件Hammer.js,实现传送带图片的轻扫切换功能。

本书要求

要完成本书各章的项目,需要安装下列软件:

  • 现代浏览器(包括Internet Explorer 8及以上版本);

  • 代码编辑器;

  • LESS编译器,其less.js的版本至少是1.3.3。

读者对象

本书适合已经熟练掌握HTML和CSS基础的读者,最好是熟悉规范的HTML5和样式表的写法。了解JavaScript的基本知识,包括Bootstrap的jQuery插件用法更好。本书经常会涉及自定义LESS文件,因此熟悉LESS的读者会感觉更轻松一些。不过,即便从来没有使用过LESS,本书由浅入深的介绍,也会让你顺利入门。



我们已开通会员服务,希望大家鼎力支持。

推荐图书《机器学习实战

程序员不要烦!

推荐图书《深入浅出Node.js

Web前端都学点儿啥?


汇智网内容已经覆盖以下编程技术,发送相应的文字会收获相关课程信息:

Node.jsMongoDB、JavaScript、C、C#、PHP、Python、AngularjsIonic、React、UML、redis、mySQL、Nginx、CSS、HTML、Bootstrap、Flask、Gulp、Mocha、Git、Meteor、Canvas、zebra、Typescript、Material Design Lite、ECMAScript、Elasticsearch、Mongoose、jQuery、d3.js、django、cheerioSVG、phoneGap、jQueryMobile、Saas、YAML、Vue.js、webpack、Firebird,jQuery Easy UI,ruby,asp.net,c++,Express......

图片

60830Bootstrap 实战

这个人很懒,什么都没留下

文章评论