Bootstrap响应式Web前端开发

明日科技精心打造,Bootstrap案例式精品图书,录制46学时慕课,附赠139个教学视频,配套丰富教学资源!
分享 推荐 0 收藏 0 阅读 191
明日科技 (作者)

关于本书的内容有任何问题,请联系 人邮社 王宣

1. 案例式教学,“综合案例与课程设计”共同辅助知识点讲解,理论与实践紧密结合。
2. 录制46学时优质慕课,支持高校开展线上线下混合式教学。
3. 附赠139个教学视频,方便读者随时随地扫码观看,让学习更加高效、便捷。
4. 配套丰富且免费的教学资源,包括PPT、源代码、自测题库、综合案例和课程设计等。

特别说明

明日科技精心打造,Bootstrap案例式精品图书,录制46学时慕课,附赠139个教学视频,配套丰富教学资源!

内容摘要

本书主要介绍Bootstrap的基础知识、基本语法和高级应用,并采用易于理解的方式讲解这些技术的使用技巧和注意事项。全书共14章,内容包括Bootstrap起步、Bootstrap中常用的基本样式、Bootstrap 4弹性盒、Bootstrap网格布局、Bootstrap表单、Bootstrap相关组件、Bootstrap徽章及加载动画、Bootstrap中的图文混排、设置Bootstrap中的公共样式、Bootstrap的窗口和提示工具、折叠面板与轮播组件、第三方插件的使用、综合案例——抖音秀、课程设计——吃了么外卖网。全书每章内容都与实例紧密结合,有助于读者理解并应用知识,进而达到学以致用的目的。
本书各章节主要内容配有以二维码为入口的微课,并在人邮学院(www.rymooc.com)平台上提供了慕课。此外,本书还提供了课程资源包,资源包中包含本书所有实例、上机指导、综合案例的源代码,制作精良的电子课件PPT,重点及难点教学视频,自测题库(包括选择题、填空题、操作题题库及自测试卷等内容),以及综合案例和课程设计。其中,源代码全部经过精心测试,能够在Windows 7、Windows 8、Windows 10等操作系统下编译和运行。
本书可作为高等院校计算机、软件工程等专业“Web前端开发”相关课程的教材,也可作为程序开发人员的参考用书。

目录

【各章目录】
第1章 Bootstrap起步 1
第2章 Bootstrap中常用的基本样式 8
第3章 Bootstrap 4弹性盒 37
第4章 Bootstrap网格布局 69
第5章 Bootstrap表单 90
第6章 Bootstrap相关组件 117
第7章 Bootstrap徽章及加载动画 135
第8章 Bootstrap中的图文混排 148
第9章 设置Bootstrap中的公共样式 166
第10章 Bootstrap的窗口和提示工具 184
第11章 折叠面板与轮播组件 218
第12章 第三方插件的使用 240
第13章 综合案例——抖音秀 270
第14章 课程设计——吃了么外卖网 276

【详细目录】
第1章 Bootstrap起步 1
1.1 Bootstrap概述 1
1.1.1 Bootstrap是什么 1
1.1.2 Bootstrap版本的“进化” 1
1.2 为什么使用Bootstrap 2
1.2.1 Bootstrap的优点 2
1.2.2 Bootstrap包含的内容 3
1.2.3 Bootstrap的应用 3
1.3 Bootstrap的下载及使用 3
1.3.1 Bootstrap的下载 3
1.3.2 Bootstrap的文件结构 4
1.3.3 Bootstrap的使用 5
1.4 本章小结 6
上机指导 7
习题 7

第2章 Bootstrap中常用的基本样式 8
2.1 排版样式 8
2.1.1 标题样式 8
2.1.2 添加强调文本 10
2.1.3 缩略语样式 13
2.1.4 地址样式 14
2.1.5 引用样式 15
2.1.6 列表样式 16
2.2 表格 20
2.2.1 基本的表格 20
2.2.2 可选的表格样式 21
2.2.3 响应式表格 27
2.3 图片 29
2.3.1 响应式图片 29
2.3.2 修饰图片 29
2.4 其他常用样式 31
2.4.1 对文本的处理 31
2.4.2 背景样式 32
2.4.3 设置内容间隔 33
2.4.4 添加阴影 35
2.5 本章小结 35
上机指导 35
习题 36

第3章 Bootstrap 4弹性盒 37
3.1 响应式设计概述 37
3.1.1 常见的布局方式 38
3.1.2 布局的实现方式 38
3.2 弹性盒概述 38
3.2.1 什么是弹性盒 38
3.2.2 弹性盒的基本属性 39
3.2.3 Bootstrap 4中弹性盒的使用 40
3.3 项目的对齐与对准 42
3.3.1 弹性盒的主轴方向 42
3.3.2 弹性子项目在主轴上的对齐方式 45
3.3.3 弹性子项目在侧轴上的对齐方式 49
3.3.4 项目的自对齐 53
3.4 项目的大小 56
3.4.1 设置项目自相等 56
3.4.2 设置项目等宽变换 57
3.4.3 多行内容的对齐 59
3.5 项目的排列 61
3.5.1 设置项目自浮动 61
3.5.2 Wrap包裹 63
3.5.3 order排序 65
3.6 本章小结 67
上机指导 67
习题 68

第4章 Bootstrap网格布局 69
4.1 网格系统概述 69
4.1.1 什么是网格系统 69
4.1.2 网格化选项 70
4.1.3 网格系统的简单应用 70
4.2 响应式的class选择器 71
4.2.1 覆盖所有设备 71
4.2.2 固定网格与流式网格 72
4.2.3 间隙的处理 73
4.3 自动布局列 74
4.3.1 等宽布局 74
4.3.2 自定义宽度 75
4.3.3 设置项目为宽度可变的弹性空间 77
4.3.4 混合布局 78
4.4 项目的对齐处理 79
4.4.1 项目的水平对齐 80
4.4.2 项目的垂直对齐 80
4.4.3 自定义某列的垂直对齐方式 82
4.4.4 换行处理 82
4.5 列的偏移、嵌套和重排序 83
4.5.1 列的偏移 83
4.5.2 列的嵌套 86
4.5.3 列的重排序 87
4.6 本章小结 88
上机指导 89
习题 89

第5章 Bootstrap表单 90
5.1 表单的风格 90
5.1.1 表单支持的控件 90
5.1.2 控件的状态 94
5.1.3 表单的布局风格 95
5.2 下拉菜单 98
5.2.1 设置下拉菜单 98
5.2.2 下拉菜单内容设置 100
5.2.3 下拉菜单的状态 102
5.3 下拉菜单样式设置 103
5.3.1 下拉菜单的展开方向 103
5.3.2 下拉菜单的对齐方式 104
5.3.3 下拉菜单的响应式对齐 104
5.4 按钮 105
5.4.1 按钮的风格 105
5.4.2 按钮的大小 108
5.4.3 按钮的状态 109
5.5 按钮组 109
5.5.1 设置按钮组 109
5.5.2 按钮组的嵌套 110
5.5.3 垂直排列的按钮组 111
5.6 输入框组 111
5.6.1 定义输入框组 112
5.6.2 输入框组的样式 112
5.7 本章小结 115
上机指导 115
习题 116

第6章 Bootstrap相关组件 117
6.1 导航菜单 117
6.1.1 导航菜单的基本样式 117
6.1.2 导航菜单的对齐与填充 119
6.1.3 选项卡 121
6.2 导航栏 123
6.2.1 导航栏的内容组成 123
6.2.2 导航栏的样式 125
6.2.3 响应式导航栏 127
6.3 面包屑导航与分页 129
6.3.1 面包屑导航 129
6.3.2 设置分页及其样式 130
6.4 本章小结 133
上机指导 133
习题 134

第7章 Bootstrap徽章及加载动画 135
7.1 添加徽章 135
7.1.1 徽章的基本使用 135
7.1.2 徽章的样式 136
7.1.3 徽章的链接效果 138
7.2 进度条 138
7.2.1 进度条的基本使用 139
7.2.2 进度条的样式 139
7.2.3 其他风格进度条 141
7.3 加载动画 142
7.3.1 加载动画及其样式 142
7.3.2 设置加载动画的位置 143
7.3.3 设置加载动画的大小 145
7.3.4 在按钮中添加加载动画 145
7.4 本章小结 146
上机指导 146
习题 147

第8章 Bootstrap中的图文混排 148
8.1 媒体对象 148
8.1.1 媒体对象的使用 148
8.1.2 媒体对象的样式 149
8.1.3 媒体对象的嵌套 152
8.2 列表组 152
8.2.1 列表组的基本使用 152
8.2.2 列表组的样式 154
8.2.3 列表组的嵌套使用 155
8.3 卡片 157
8.3.1 卡片的基本使用 157
8.3.2 卡片的样式 158
8.3.3 卡片的排列 161
8.4 本章小结 163
上机指导 163
习题 165

第9章 设置Bootstrap中的公共样式 166
9.1 边框样式 166
9.1.1 添加和清除边框 166
9.1.2 设置圆角 169
9.2 设置浮动与清除浮动 170
9.2.1 如何设置浮动 170
9.2.2 设置响应式浮动 172
9.2.3 清除浮动 172
9.3 设置元素位置 173
9.3.1 设置元素的定位方式 174
9.3.2 固定元素的位置 177
9.4 display属性 179
9.4.1 如何设置display属性 179
9.4.2 设置元素的显示与隐藏 180
9.5 本章小结 182
上机指导 182
习题 183

第10章 Bootstrap的窗口和提示工具 184
10.1 警告框 184
10.1.1 添加警告框 184
10.1.2 为警告框添加关闭按钮 186
10.1.3 警告框组件的方法与事件 188
10.2 模态框 190
10.2.1 模态框的调用 190
10.2.2 动态模态框 192
10.2.3 模态框组件的选项、方法与事件 198
10.3 提示工具的使用 202
10.3.1 toast组件 202
10.3.2 tooltip组件 205
10.3.3 popover组件 210
10.4 本章小结 216
上机指导 216
习题 217

第11章 折叠面板与轮播组件 218
11.1 滚动监听组件 218
11.1.1 滚动监听组件的使用 218
11.1.2 在嵌套的导航中添加滚动监听 221
11.1.3 在列表组中添加滚动监听 222
11.1.4 滚动监听组件的选项、方法和事件 223
11.2 折叠面板组件 225
11.2.1 折叠面板组件的使用 225
11.2.2 控制多个折叠面板 226
11.2.3 “手风琴”折叠面板 227
11.2.4 折叠面板组件的选项、方法和事件 228
11.3 轮播组件 230
11.3.1 轮播组件的使用 231
11.3.2 设置轮播组件的风格 234
11.3.3 轮播组件的选项、方法和事件 235
11.4 大块屏组件 237
11.5 本章小结 238
上机指导 238
习题 239

第12章 第三方插件的使用 240
12.1 日期选择器 240
12.1.1 日期选择器的初级应用 240
12.1.2 日期选择器的高级应用 242
12.2 对话框插件 247
12.2.1 警告框 247
12.2.2 确认框 250
12.2.3 含表单控件的提示框 254
12.2.4 自定义对话框 257
12.3 颜色选择器 260
12.3.1 颜色选择器的初级应用 260
12.3.2 颜色选择器的高级应用 263
12.4 本章小结 266
上机指导 266
习题 269

第13章 综合案例——抖音秀 270
13.1 项目概述 270
13.2 设计流程 270
13.3 系统预览 271
13.4 开发工具准备 271
13.5 抖音秀的实现 271
13.5.1 页头页尾区 271
13.5.2 视频功能区 273
13.5.3 挂件功能区 274
13.6 本章小结 275

第14章 课程设计——吃了么外卖网 276
14.1 课程设计目的 276
14.2 系统设计 276
14.2.1 项目概述 276
14.2.2 系统功能结构 276
14.2.3 文件夹组织结构 277
14.2.4 系统预览 277
14.3 首页、登录页面以及注册页面的实现 278
14.3.1 首页的实现 278
14.3.2 登录页面的实现 281
14.3.3 注册页面的实现 282
14.4 商家版功能实现 284
14.4.1 商家首页 284
14.4.2 订单管理页面 285
14.4.3 菜品管理和菜品修改页面 287
14.4.4 留言板管理页面 289
14.5 买家版功能实现 290
14.5.1 买家首页 290
14.5.2 商品选购页面 291
14.5.3 商品支付页面 296
14.5.4 支付方式选择页面 298
14.5.5 订单追踪页面 299
14.5.6 买家评价页面 300
14.6 本章小结 304

读者评论

赶紧抢沙发哦!

我要评论

作者介绍

明日科技策划本书。

明日科技:
已经在人民邮电出版社出版多本“程序设计类”图书,包括“技术方案宝典”、“开发技术大全”、“自学手册”、“参考大全”等多个系列,大都取得了比较好的市场反响,内容由浅入深,读者好评如潮。

相关图书

人邮微信
本地服务
人邮微信
教师服务
微信二维码
读者服务
读者服务
返回顶部
返回顶部