《Bootstrap响应式Web开发》(黑马程序员)-图书推荐

编辑推荐语

1.本书参考了1+X证书制度相关的考试大纲,是黑马程序员Web前端开发系列丛书中的一本。2.本书配套了教学视频、教学PPT、源代码、课后习题及答案。

内容提要

本书是面向移动Web开发学习者的一本入门教材,以通俗易懂的语言、丰富实用的案例,详细讲解Bootstrap的开发技术。本书共8章,第1~3章讲解Bootstrap和移动Web开发的基础知识;第4章讲解移动端页面布局的相关知识;第5~7章讲解Bootstrap的核心知识,包括栅格系统、常用组件和布局样式的相关内容;第8章通过一个综合项目—潮流穿搭网站,讲解如何利用Bootstrap相关技术开发响应式网站。本书既可作为高等教育本、专科院校计算机相关专业的教材,也可作为网站开发爱好者的参考读物。

作者简介

黑马程序员,传智播客旗下高端IT教育品牌,成立于2006年,由中国Java培训先行者张孝祥老师发起,联合全球最大的中文IT社区CSDN、中关村软件园共同创办的一家专业教育机构。办学至今,我们一直坚守着“为千万人少走弯路而著书,为中华软件之崛起而讲课”的办学理念,坚持培养优秀软件应用工程师的宏伟目标,在累计培养的十万余名学员中,其中90%的学员均已在北、上、广等一线城市高薪就业。

目录

第 1章初识Bootstrap001
1.1Bootstrap概述001
1.1.1什么是Bootstrap001
1.1.2Bootstrap的特点001
1.1.3Bootstrap的组成002
1.2浏览器003
1.2.1PC端的浏览器003
1.2.2移动端设备003
1.2.3移动端的浏览器005
1.3Visual Studio Code编辑器005
1.3.1什么是Visual Studio Code005
1.3.2下载和安装Visual Studio Code005
1.3.3使用Visual Studio Code006
1.4移动Web开发的主流方案007
1.4.1单独制作移动端页面008
1.4.2制作响应式页面008
本章小结010
课后练习010
第2章 移动Web开发基础(上)012
2.1视口012
2.1.1什么是视口012
2.1.2利用Chrome浏览器模拟手机
屏幕013
2.1.3利用标签设置视口016
2.1.4视口的常用设置017
2.2移动Web页面的样式编写017
2.2.1利用Normalize.css初始化默认
样式017
2.2.2设置box-sizing为border-box019
2.2.3设置移动端的特殊样式021
2.3分辨率和设备像素比022
2.3.1分辨率022
2.3.2设备像素比023
2.4二倍图023
2.4.1什么是二倍图023
2.4.2背景图片的缩放024
2.4.3实现背景图片的二倍图027
2.5SVG矢量图027
2.5.1什么是SVG028
2.5.2标签和样式028
2.5.3从外部引入SVG文件029
本章小结031
课后练习031
第3章移动Web开发基础(下)033
3.1HTML5常用API033
3.1.1检测网络连接033
3.1.2全屏操作035
3.1.3文件读取037
3.1.4地理定位041
3.1.5拖曳052
3.1.6Web存储055
3.1.7播放视频和音频059
3.2移动端常用事件065
3.2.1touch事件概述065
3.2.2touch事件实现轮播图效果067
3.2.3模拟移动端单击事件071
3.3移动端常用插件072
3.3.1Fastclick插件的使用072
3.3.2利用Fastclick处理点透事件073
3.3.3iScroll插件的使用075
3.3.4Swipe插件的使用077
3.3.5Swiper插件的使用079
本章小结081
课后练习081
第4章移动端页面布局083
4.1移动端页面常用布局083
4.2流式布局084
4.3弹性盒布局086
4.3.1什么是弹性盒布局086
4.3.2弹性盒布局常用属性087
4.4媒体查询091
4.4.1什么是媒体查询091
4.4.2响应式布局容器091
4.5Rem适配布局093
4.5.1rem单位093
4.5.2通过媒体查询和rem单位实现
元素大小动态变化094
4.6Sass095
4.6.1什么是Sass095
4.6.2在Node.js环境中使用Sass096
4.6.3Sass语法格式097
4.6.4Sass编译098
4.6.5Sass嵌套098
4.6.6Sass运算099
4.7Less100
4.7.1什么是Less100
4.7.2Less语法格式100
4.7.3Less编译101
4.8Bootstrap响应式布局102
4.8.1下载Bootstrap102
4.8.2预编译的Bootstrap103
4.8.3Bootstrap源文件104
4.8.4使用Bootstrap CDN104
4.8.5Bootstrap初体验105
本章小结106
课后练习107
第5章Bootstrap栅格系统108
5.1栅格系统简介108
5.1.1栅格系统概述108
5.1.2动手实现简单版栅格系统109
5.2Bootstrap布局容器111
5.2.1布局容器111
5.2.2.container-fluid类112
5.2.3.container类113
5.3栅格系统的基本使用114
5.3.1栅格系统的行和列114
5.3.2学生信息表格案例115
5.4栅格系统的屏幕适配117
5.4.1栅格系统的类前缀117
5.4.2使用类前缀设置列的宽度117
5.4.3利用栅格系统实现导航栏效果119
5.5栅格系统中列的操作121
5.5.1栅格系统中的列嵌套121
5.5.2栅格系统中的列偏移122
本章小结124
课后练习124
第6章Bootstrap框架常用组件126
6.1组件基础126
6.1.1什么是组件126
6.1.2组件的优势126
6.1.3Bootstrap组件的依赖文件127
6.2Bootstrap常用组件127
6.2.1引入依赖文件128
6.2.2按钮128
6.2.3导航130
6.2.4面包屑导航131
6.2.5分页132
6.2.6列表133
6.2.7表单134
6.2.8按钮组135
6.2.9输入框组136
6.3Bootstrap实现菜单功能137
6.3.1引入依赖文件137
6.3.2折叠菜单138
6.3.3下拉菜单139
6.4Bootstrap实现轮播图功能140
6.4.1什么是轮播图141
6.4.2轮播图的功能分析141
6.4.3轮播图活动信息142
6.4.4轮播图左侧箭头143
6.4.5轮播图右侧箭头143
6.4.6轮播图指示器144
本章小结144
课后练习144
第7章Bootstrap常用布局样式146
7.1内容布局146
7.1.1标题类146
7.1.2文本类149
7.1.3列表类154
7.2代码和图文布局157
7.2.1代码样式157
7.2.2图文样式158
7.3表格布局163
7.4辅助样式165
7.4.1边框样式165
7.4.2背景颜色166
本章小结167
课后练习168
第8章综合项目——潮流穿搭网站169
8.1项目分析169
8.1.1项目展示169
8.1.2创建项目目录结构172
8.2前期准备172
8.2.1设置元素间距172
8.2.2设置字体图标173
8.2.3页面初始化174
8.2.4页面结构174
8.3代码讲解175
8.3.1导航栏模块175
8.3.2轮播图模块178
8.3.3潮流穿搭技巧模块180
8.3.4潮流穿搭风格模块182
8.3.5潮流穿搭新闻模块184
8.3.6合作伙伴和著作权声明模块185
本章小结187
课后练习187

卖贝商城 推荐:《Bootstrap响应式Web开发》(黑马程序员)