当前位置:主页 > 计算机电子书 > 程序设计 > Bootstrap下载
Bootstrap实战

Bootstrap实战 PDF 高清版

  • 更新:2020-05-26
  • 大小:23.9 MB
  • 类别:Bootstrap
  • 作者:成林
  • 出版:机械工业出版社
  • 格式:PDF

  • 资源介绍
  • 相关推荐

Bootstrap实战书是现阶段目前市面上罕见的实战演练类Bootstrap书籍,本书根据五个真正、实际、新鲜,又有象征性的新项目实例,解读了Bootstrap的各种各样特点和使用方法。五个实例循序渐进,既分别单独,又一环扣一环,丰富多彩的编码,精致的插画图片,再加认真细致的表述,让读者非常容易入门,不经意间中就能把握全部关键定义,踏入Bootstrap大神队伍。这书解读了下列5种种类的网址:本人著作网址、WordPress主题、企业门户网页页面、线上电商网站和宣传单页营销型网站。

除开让人震撼的新项目实例,这书还向读者介绍了许多好用软件、架构,及其前端工程师的工作内容,这种专业知识和技术性并不限于Bootstrap。非常地,作者用非常篇数介绍了LESS的基本概念和操作方法,让即便从没触碰过LESS的人也可以觉得得心应手。除此之外,本书每章还各自介绍了HTML5Boilerplate、FontAwesome、Respond.js、Masonry、Scroll-Spy,及其Roots的WordPress起动主题,让读者无须白手起家创业也可以完成各种各样炫酷实际效果。

这书附则还介绍了为得到更快网络速度而对网站資源开展提升、完成响应式网站图片,及其为图片输送带加上手式的技术性。作者出示的新项目编码也十分详细、清楚,每一章都是有相对的刚开始和进行文件夹名称,便捷读者参照应用。

这书合适有一定HTML/CSS基本的开发者和发烧友阅读文章学习培训,阅历丰富的开发者还可以把它作为参照。

目录

  • 第1章 初识Bootstrap  1
  • 1.1 数量和质量  1
  • 1.1.1 与时俱进  1
  • 1.1.2 LESS的威力  2
  • 1.2 下载Bootstrap  2
  • 1.3 准备项目模板文件夹  4
  • 1.3.1 下载H5BP  4
  • 1.3.2 删除不必要的样板文件  4
  • 1.3.3 理解样板中的.htaccess文件  5
  • 1.3.4 更新必要的样板文件  5
  • 1.3.5 更新站点桌面和触摸设备图标  5
  • 1.4 加入Bootstrap文件  5
  • 1.4.1 字体  6
  • 1.4.2 JavaScript  6
  • 1.4.3 暂时不考虑CSS 文件  9
  • 1.4.4 复制LESS文件  9
  • 1.5 大盘点  9
  • 1.6 构造HTML模板  10
  • 1.7 设定站点标题  12
  • 1.7.1 调整过时的浏览器消息  12
  • 1.7.2 设置主结构元素  13
  • 1.8 导航条  14
  • 1.9 编译和链接默认的Bootstrap CSS  15
  • 1.9.1 编译Bootstrap CSS  15
  • 1.9.2 完成响应式导航条  17
  • 1.9.3 排除故障  19
  • 1.9.4 支持IE8  20
  • 1.10 小结  21
  • 第2章 作品展示站点  23
  • 2.1 设计目标  23
  • 2.2 查看练习文件  26
  • 2.3 搭建传送带  28
  • 2.4 创建响应式分栏  30
  • 2.5 把链接变成按钮  31
  • 2.6 理解LESS  32
  • 2.6.1 嵌套规则  32
  • 2.6.2 变量  33
  • 2.6.3 混入  33
  • 2.6.4 运算式  34
  • 2.6.5 导入文件  34
  • 2.6.6 模块化  35
  • 2.7 根据需要定制Bootstrap的LESS文件  35
  • 2.8 添加Logo图片  38
  • 2.9 调整导航项内边距  40
  • 2.10 添加图标  41
  • 2.11 添加Font Awesome图标  43
  • 2.12 调整导航项图标颜色  45
  • 2.13 调整响应式导航条断点  47
  • 2.14 调整传送带  47
  • 2.14.1 把控件改成使用Font Awesome图标  48
  • 2.14.2 添加上、下内边距  50
  • 2.14.3 强制图片全宽  50
  • 2.14.4 约束传送带的高度  51
  • 2.14.5 重定位指示器  52
  • 2.14.6 调整指示器外观  54
  • 2.15 调整分栏及其内容  56
  • 2.16 修饰页脚  60
  • 2.17 接下来做什么  62
  • 2.18 小结  63
  • 第3章 WordPress主题  64
  • 3.1 下载并重命名Roots主题  64
  • 3.2 安装主题  66
  • 3.3 配置导航条  69
  • 3.4 添加首页内容  71
  • 3.5 自定义页面模板  75
  • 3.6 理解Roots的基准模板  76
  • 3.7 创建自定义的基本模板  79
  • 3.8 在自定义结构中使用自定义栏目  81
  • 3.9 创建自定义的内容模板  83
  • 3.9.1 通过自定义栏目构建传送带  84
  • 3.9.2 使用自定义栏目构建三栏内容  87
  • 3.10 加入页脚内容  88
  • 3.11 Roots的assets文件夹里有什么  89
  • 3.12 更换设计资源  90
  • 3.13 链接样式表  91
  • 3.14 链接JavaScript文件  92
  • 3.15 为导航条和页脚添加Logo图片  94
  • 3.16 添加图标链接  96
  • 3.17 恢复WordPress特有的样式  97
  • 3.18 小结  99
  • 第4章 企业网站  100
  • 4.1 准备启动文件  103
  • 4.2 页头区  105
  • 4.2.1 把Logo放到导航条上方  105
  • 4.2.2 调整导航条  108
  • 4.3 添加实用导航  110
  • 4.4 调整响应式导航  112
  • 4.5 调整配色  115
  • 4.6 调整折叠后的导航条配色  116
  • 4.7 设计复杂的响应式布局  120
  • 4.7.1 调整中、宽布局  122
  • 4.7.2 调整标题、字体大小和按钮   124
  • 4.7.3 增大主栏  126
  • 4.7.4 调整第三栏  128
  • 4.7.5 针对多个视口进行微调  131
  • 4.8 复杂的页脚  131
  • 4.8.1 准备标记  131
  • 4.8.2 调整布局适应平板  132
  • 4.8.3 针对性地清除  134
  • 4.8.4 修整细节  135
  • 4.9 小结  138
  • 第5章 电子商务网站  139
  • 5.1 商品页的标记  141
  • 5.2 面包屑、页面标题和分页导航  142
  • 5.3 调整商品网格  145
  • 5.4 侧边栏和筛选选项  150
  • 5.4.1 基本布局  152
  • 5.4.2 Clearance Sale按钮  152
  • 5.4.3 选项列表  154
  • 5.4.4 为选项链接添加Font Awesome图标复选框  156
  • 5.4.5 使用LESS混入在栏中对齐选项  159
  • 5.4.6 针对平板和手机调整选项列表布局  159
  • 5.4.7 在手机上折叠选项面板  161
  • 5.5 小结  165
  • 第6章 单页营销网站  166
  • 6.1 概况  166
  • 6.2 初始文件  169
  • 6.3 了解页面内容  169
  • 6.4 调整导航条  170
  • 6.5 定制高清图  171
  • 6.6 美化功能列表  178
  • 6.7 装饰用户评论区  182
  • 6.7.1 定位及美化说明  183
  • 6.7.2 调整说明元素的位置  186
  • 6.7.3 添加Bootstrap的网格类  187
  • 6.7.4 下载并链接JavaScript插件  188
  • 6.7.5 初始化Masonry插件  189
  • 6.7.6 切齐图片  191
  • 6.7.7 适应小微屏幕  194
  • 6.8 吸引人的价目表  194
  • 6.8.1 准备变量、文件和标记  195
  • 6.8.2 表格头  197
  • 6.8.3 表体和表脚  199
  • 6.8.4 为不同的价目表添加不同的样式  200
  • 6.8.5 适配小视口  202
  • 6.8.6 突出重要的表格  205
  • 6.9 最后的调整  209
  • 6.10 为导航条添加ScrollSpy  211
  • 6.11 小结  213
  • 附录A 优化站点资源  214
  • 附录B 实现响应式图片  218
  • 附录C 让传送带支持手势  225

资源下载

资源下载地址1:https://pan.baidu.com/s/12tRdVsoCzQqQlrjogQMXIg

相关资源

网友留言