Bootstrap实战
17推荐 收藏
42.2K阅读

Bootstrap实战

David Cochran , Ian Whitley (作者) 李松峰 (译者)
暂时缺货
本书是实战类Bootstrap图书,全书通过5个真实、具体、鲜活,又有代表性的项目实例,讲解了Bootstrap的各种特性和用法。5个实例由浅入深,既各自独立,又环环相扣,丰富的代码,精美的插图,加上细致入微的解释,让读者极易上手,不知不觉中就能掌握所有重要概念,步入Bootstrap高手行列。本书讲解了以下5种类型的网站:个人作品网站、WordPress主题、企业门户页面、在线电子商务站点和单页营销网站。

除了项目实例,本书还向读者介绍了很多实用插件、框架,以及前端开发的工作流程,这些知识和技术并不局限于Bootstrap。特别地,作者用相当篇幅介绍了LESS的基本原理和使用方法,让即使从未接触过LESS的人也能感觉游刃有余。此外,全书各章还分别介绍了HTML5 Boilerplate、Font Awesome、Respond.js、Masonry、Scroll-Spy,以及Roots的WordPress启动主题,让读者不必白手起家也能实现各种酷炫效果。

本书附录还介绍了为获得最快下载速度而对站点资源进行优化、实现响应式图片,以及为图片传送带添加手势的技术。作者提供的项目代码也非常完整、清晰,每一章都有相应的开始和完成文件夹,方便读者参考使用。

本书适合有一定HTML/CSS基础的开发人员和爱好者阅读学习,经验丰富的开发人员也可以把它当作参考。

收藏本书能做什么?

有情况的时候会收到通知,比如电子书发布等。

电子书
¥24.99
格式
mobi   pdf

纸质书
¥38.71 ¥49.00

出版信息

  • 书  名Bootstrap实战
  • 执行编辑关于本书的内容有任何问题,请联系 岳新欣
  • 出版日期2015-05-12
  • 书  号978-7-115-38887-2
  • 定  价49.00 元
  • 页  数240
  • 印刷方式黑白
  • 开  本16开
  • 出版状态暂时缺货
  • 原书名Bootstrap Site Blueprints
  • 原书号978-1-782-16452-4

所属分类

本书特色

本书是目前市面上少见的实战类Bootstrap图书,除了令人惊艳的项目实例,本书还向读者介绍了很多实用插件、框架,以及前端开发的工作流程,这些知识和技术并不局限于Bootstrap。

目录

版权声明 阅读
前言 阅读
第 1 章 初识Bootstrap 阅读
第 2 章 作品展示站点
第 3 章 WordPress主题
第 4 章 企业网站
第 5 章 电子商务网站
第 6 章 单页营销网站
附录A 优化站点资源
附录B 实现响应式图片
附录C 让传送带支持手势

作者介绍

<作者介绍>
David Cochran 现为俄克拉荷马州卫斯理大学副教授,自2005年以来一直讲授交互设计。他重视最佳实践,不喜欢走捷径,推崇Web标准。2012年,David在webdesign.tutsplus.com上开设了Bootstrap 2.0系列教程专栏。他还在Packt Publishing出版过一个小书Twitter Bootstrap Web Development How-To 。闲暇时间,David会在自己网站alittlecode.com上写写博客。他还是媒体、设计和咨询公司BitBrilliant的负责人。

Ian Whitley 自幼爱好写作。2010年,他对Web开发产生了深厚兴趣,并投身其中。他很早就开始使用Twitter Bootstrap,而且在David Cochran的帮助下,很快就掌握了这个框架,并将其应用到了很多项目中。目前,他多数情况下会使用Bootstrap为客户创建WordPress模板。Ian是BitBrilliant公司的开发主管。

大家也喜欢

相关文章

  • 李松峰 12推荐

    如何利用微博做转发抽奖(赠书)活动

    昨天(2015-5-14),营销经理刘美英说想让我自己做一次微博转发赠书活动,因为《Bootstrap实战》是我翻译的。于是,我研究了一通新浪微博的API,发现接口有限制,好像应用必须通过新浪微博开放平台的审核,才能访问除我之外的其他人转发的微博。显然时间来不及了。 今天一早…...

  • Genesis2011 1推荐

    初学Bootstrap及实战

    最近想学学Bootstrap做个网页,毕竟不怎么会网页设计之类的,自己写出来的东西往往不忍直视( ▼-▼ ) 某一天在上《毛泽东思想XXX》时突然冒出这个想法,于是逃课去图书馆借了本《Bootstrap实战》(李松峰 译)先看看,毕竟借了本书后心里有点底了。 学习过程总是充…...

  • 第一二章都轻轻松松,第三章玩wordpress可玩死我,照葫芦画瓢也折腾半死。对wordpress瞬间没好感。

    1. 首先,你先要下载一个xampp,来建立wordpress服务器和数据库。启动xampp-control.exe面板上的项目。
    (留意装了iis可能和apache端口冲突,tomcat还需要装JAVA SDK等)
    2. 再下载 wordpress:http://cn.wordpress.org/,解压扔在:C:\xampp\htdocs\下。
    打开http://localhost/wordpress/,按提示安装。
    3. 然后,把本章的源代码文件夹改名为Roots,扔在:C:\xampp\htdocs\wordpress\wp-content\themes下。
    4. 再然后,你要有一个PHP开发工具,比如phpstorm,修改包括:

    -- 模板 page-home.php(3.5)
    -- 布局 base-page-home.php(3.7)
    -- 内容 templates/content-home.php(3.9)
    -- 引用 lib/scripts.php(3.11-3.14)
    -- 标题栏 templates/header-top-navbar.php(3.15)
    -- 页脚 templates/footer.php(3.15)
    -- 浏览器页签 templates/head.php(3.16)
    -- _wp.less(3.17)

    5. wordpress控制台 http://localhost/wordpress/wp-admin 方面的设置,则包括:

    主题
    -- 外观/主题 --> 选择bootstrappin主题(3.2)
    -- 外观/菜单 --> 1. 建立菜单 2. 勾选主要导航(3.3)
    -- 外观/小工具 --> 建立页脚(3.10)

    首页
    -- 页面/Home/页面属性 --> 选择模板(选项来自:page-home.php/page.php/templage-custom.php)(3.5)
    -- 页面/Home/自定义栏目 --> 建立自定义模板组件(3.8)
    -- 页面/Home/添加媒体 --> 上传4张图片(3.4)

    差不多就这样。
    yeahe83  发表于 2015-05-27 17:37:12
    推荐
    • 恭喜顺利通关 :)

      李松峰  发表于 2015-05-28 11:57:08
  • 小编你过来,我保证不打你,
    // 5.4.4
    **.active &:before {
    前面两个星号是你加的吧,调了我半天。(网页版才有)
    yeahe83  发表于 2015-06-03 16:52:36
    推荐
    • 多谢高抬贵手!@杨帆 快把那两个星号去掉,应该是要给那行代码加粗的MD语法。

      李松峰  发表于 2015-07-30 10:03:39
  • 一些无关紧要且没啥影响的东东:

    第四章

    1. 第四章(及之后)的源代码有一个<section>未关闭,但不影响。
    2. 有一个bug,在xs视口如展开菜单未收拢,则切换到宽视口再次展开会出问题。
    3. P112(和源代码差异):.utility-nav 的 right 书上为 0,源代码为 20px。基本没影响。

    第五章

    1. P145 图片中翻页条在整个视口居中了,但实际只会在右侧区域居中吧。
    2. P153(和源代码差异): .choose-clearance width: 92.5%; 源代码最后却是 100%。基本没影响。
    3. P153 书中没提,作者在源代码中改了 _page-content.less 中的 main(加了.home),避免影响本章
    .choose-clearance h3 padding-top: 4px;
    4. 作者在源代码给 .grid-options 也加了一个 .center-block(); 这样xs视口才能居中。
    yeahe83  发表于 2015-06-03 17:25:49
    推荐
    • 看书够细致!

      李松峰  发表于 2015-07-30 09:59:56
    • 你说的这些也发现了,就是不知道那个 .home 是什么意思,求解。知道的兄弟姐妹们给我发个邮件呀,188878008@qq.com

      跑步机上的猪  发表于 2015-09-21 11:55:46
  • // 6.10 (网页版)
    ”2. 给body标签添加下面的ScrollSpy属性:“ 下面漏了一句话。
    书没有问题。
    yeahe83  发表于 2015-06-04 17:49:56
    推荐
    • 你说的是那行代码不见了吧?@杨帆 看一下。

      李松峰  发表于 2015-07-30 09:58:55
  • 这本书用的Bootstrap哪个版本?
    thisdot  发表于 2015-06-10 14:37:25
    推荐
    • Bootstrap 3

      李松峰  发表于 2015-07-30 09:27:18
  • 第一第二章轻轻松松通关,第三章现在折腾两天了,还没把3.2通关。折腾,瞬间对wp没有好感了。装好wp,把主题复制到themes文件夹里。但是预览是,js和css不能正确加载。参看firebug发现原来是路径不对。顺藤摸瓜找到 lib/script.php 文件在第二十九行 有个 get_template_directory_uri() 变量,wp文档上说是输出主题路径的。但是到了浏览器上只输出了主页的路径,也就是http://localhost/wordpress 顾浏览器反馈404。

    中途还去roots.io下载了一个最新版的roots(sage)主题,但是文件内容完全不一样。揪心揪心
    跑步机上的猪  发表于 2015-09-18 17:11:52
    推荐
    • 用原书代码中的WP。

      李松峰  发表于 2015-09-22 14:17:30
    • 原书代码中根本就没有WP

      fangdaohao  发表于 2015-12-14 17:30:32
  • 原书中的wp在哪?第三章Roots主题路径设置怎么弄?刚接触wp不懂
    ZKJanus  发表于 2015-10-03 12:58:02
    推荐
    • 3.2安装Rootss主题那部分

      ZKJanus  发表于 2015-10-03 12:58:49
  • 没有看到原版书,不知道原作者是怎么写的,有没有写清楚关于第三章WordPress的东西,根本就没有说明怎么用WordPress,也没有说用的什么版本,更没有说哪个路径,哪个文件,最可气的是,还没有说less文件和css文件要修改哪个!翻译的李xx,不知道你做了没有,也不在书里明确说明一下这个问题,这是最大的问题,否则大家根本无法从第三章WordPress这里读下去!!坑人!坑人!坑人!
    fangdaohao  发表于 2015-12-14 17:39:10
    推荐
    • wordpress主题开发本来就需要了解PHP,了解Wordpress主题结构,了解Wordpress使用方式。单纯学习wordpress主题开发,可能会挺难的。

      小溪里  发表于 2016-08-30 16:49:52
  • 案例里面 远程调用的 字体和 js 使用的是 googleapis.com,国内可以用useso.com 替换,不然很多功能无法实现
    sh18  发表于 2015-07-30 17:08:13
    推荐
  • 不能推送至kindle 了么?
    墨七七  发表于 2015-08-14 10:32:57
    推荐
  • 为什么我买的这本书刮刮卡无效,今天才刮开的啊。
    starj3221  发表于 2016-04-28 11:10:26
    推荐
  • 今天发现 useso.com在8.31日停止服务了hhh....orz...
    http://bbs.360.cn/thread-14471550-1-1.html
    Hujimiya  发表于 2016-09-11 23:57:49
    推荐
  • 源码资料在那个www.packtpub.com无法注册下载,请问谁有源码?
    miyafen  发表于 2017-05-23 09:18:42
    推荐
  • 请问在哪里可以下载书中案例的源代码?
    暂无  发表于 2017-06-20 17:17:14
    推荐
    • 哦,在右侧找到了*_*

      暂无  发表于 2017-06-20 17:21:31
  • 在哪里下载源码啊?
    wendy163  发表于 2017-11-02 19:12:32
    推荐