cover

Bootstrap实战

David Cochran / 人民邮电出版社 / 2015

本教程基于Bootstrap 3 撰写,在简单介绍了安装与配置之后就直奔主题,分别讨论了个人作 品站点、WordPress 主题、企业网站、电子商务网站和单页营销网站等几个最具代表性的应 用案例,结合这些案例细致地剖析了Bootstrap 还有LESS 的使用方式和技巧。 本教程适合所有前端开发人员及个人网站设计者学习参考。

¥24.99 / 3个月在线服务,赠送PDF电子书
  • 正版授权内容
  • 在线练习环境
  • 答疑服务支持
  • 离线PDF下载
  • 1

    初始Bootstrap

    掌握如何下载Bootstrap,如何基于HTML5 Boilerplate设置站点模板,并且掌握把Bootstrap 的LESS 文件编译为CSS 的方法

  • 2

    创建一个作品展示站点

    掌握三栏布局的实现方法,掌握跑马灯组件的使用以及Font Awesome字体的使用

  • 3

    如何创建wordpress主题

    利用Roots Theme, 将前面创建的作品展示站点,转化为wordpress主题。

  • 4

    创建一个企业网站

    通过创建一个企业级网站学习如何创建复杂的页头区,添加下拉菜单和实用导航,以及构建复杂的三栏布局和四栏页脚。

  • 5

    创建一个电子商务网站

    学习在复杂的响应式网格中如何控制多行商品的展示,掌握响应式的商品筛选工具的实现。

  • 6

    创建一个单页营销网站

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

  • 7

    如何优化站点资源

    了解并掌握为部署网站而优化Bootstrap LESS/CSS 及JavaScript 等静态资源的基本流程和工具

  • 8

    如何实现响应式图片

    掌握基于Picturefill实现响应式图片

  • 9

    如何让传送带支持手势

    掌握使用插件Hammer.js,如何实现传送带图片的轻扫切换功能