Bootstrap从入门到项目实战

Bootstrap从入门到项目实战

作者:李爱玲

出版社:清华大学

出版年:2019年9月

ISBN:9787302538998

所属分类:散文随笔

书刊介绍

《Bootstrap从入门到项目实战》内容简介

本书从零基础开始讲解,用实例引导读者深入学习,深入浅出地讲解了Bootstrap4网页设计的各项技术及实战技能。
本书共18章,主要内容包括:开发框架Bootstrap4简介、使用最新的框架Bootstrap4、快速掌握Bootstrap4布局、Bootstrap4的新布局——弹性盒子、核心工具库——CSS通用样式类、Bootstrap4的新版式、认识CSS组件、深入掌握CSS组件、高级的CSS组件、Bootstrap4的新增组件——旋转器和卡片、快速认识JavaScript插件、深入精通JavaScript插件等。最后讲解了6个行业热点项目实训,包括招聘网中的简历模板、仿星巴克网站、相册类博客项目、设计流行企业网站、Web设计与定制网站、开发神影视频网站。
本书适合任何想学习Bootstrap网页设计的读者,无论您是否从事相关行业,是否接触过Bootstrap网页设计,通过学习本书内容均可快速掌握Bootstrap网页设计和开发动态网站的方法和技巧。
李爱玲,长期从事网站开发工作,数年来承接了大量的项目,具有丰富的实践经验。

作品目录

内容简介
前言
第1章:开发框架Bootstrap
4简介
1.1、Bootstrap概述
1.2、Bootstrap特性
1.3、Bootstrap应用浏览
1.4、Bootstrap开发工具和资源
第2章:使用最新的框架Bootstrap
4、2.1、下载Bootstrap
2.2、Bootstrap
的结构
2.3、安装Bootstrap
2.4、案例实训1——设计网页按钮
2.5、案例实训2——设计网页轮播组件
第3章:快速掌握Bootstrap
4布局
3.1、布局基础
3.2、网格系统
3.3、布局工具类
3.4、案例实训1——仿QQ登录界面
3.5、案例实训2——开发电商网站特效
第4章:Bootstrap
4的新布局——弹性盒子
4.1、定义弹性盒子
4.2、排列方向
4.3、内容排列
4.4、项目对齐
4.5、自动对齐
4.6、自动相等
4.7、等宽变换
4.8、自动浮动
4.9、弹性布局——包裹
4.10、排列顺序
4.11、对齐内容
第5章:核心工具库——CSS通用样式类
5.1、文本处理
5.2、颜色
5.3、边框
5.4、宽度和高度
5.5、边距
5.6、浮动
5.7、display属性类
5.8、嵌入
5.9、内容溢出
5.10、定位
5.11、阴影
5.12、关闭图标
第6章:Bootstrap
4的新版式
6.1、初始化与CSS重置
6.2、排版
6.3、代码
6.4、图片
6.5、表格
6.6、案例实训——设计后台人员管理页面
第7章:认识CSS组件
7.1、正确使用CSS组件
7.2、按钮
7.3、按钮组
7.4、下拉菜单
7.5、导航
7.6、超大屏幕
7.7、案例实训——设计广告牌
第8章:深入掌握CSS组件
8.1、徽章:8.2、警告框
8.3、媒体对象
8.4、进度条
8.5、导航栏
8.6、案例实训——设计动态进度条
第9章:高级的CSS组件
9.1、表单
9.2、列表组
9.3、面包屑
9.4、分页
第10章:Bootstrap
4的新增组件——旋转器和卡片
10.1、旋转器特效
10.2、卡片
10.3、案例实训1——仿云巴网站
10.4、案例实训2——动态进度条及百分比数字显示
第11章:快速认识JavaScript插件
11.1、插件概述
11.2、按钮
11.3、警告框
11.4、下拉菜单
11.5、模态框
11.6、标签页
11.7、案例实训1——仿淘宝抢红包
11.8、案例实训2——仿京东商品推荐区
第12章:深入精通JavaScript插件
12.1、折叠
12.2、工具提示
12.3、弹窗
12.4、轮播
12.5、滚动监听
12.6、实战实训1——设计折叠搜索框
12.7、实战实训2——仿小米内容展示
第13章:项目实训1——招聘网中的简历模板
13.1、案例概述
13.2、设计布局
13.3、设计左侧信息栏
13.4、设计导航条
13.5、设计主页
13.6、设计联系页
13.7、设计相册页
第14章:项目实训2——仿星巴克网站
14.1、网站概述
14.2、设计首页布局
14.3、设计可切换导航
14.4、主体内容
14.5、设计底部隐藏导航
第15章:项目实训3——相册类博客项目
15.1、案例概述
15.2、设计导航栏
15.3、首页
15.4、分类页
15.5、博客
15.6、联系页
第16章:项目实训4——设计流行企业网站
16.1、网站概述
16.2、设计主页
16.3、设计侧边导航栏
16.4、设计登录页
第17章:项目实训5——Web设计与定制网站
17.1、网站概述
17.2、设计主页面导航
17.3、设计主页面内容
17.4、设计脚注
第18章:项目实训6——开发神影视频网站
18.1、网站概述
18.2、设计主页面

相关推荐

微信二维码