封面
版权信息
内容简介
前言
第1章 开发框架Bootstrap 4简介
1.1 Bootstrap概述
1.1.1 Bootstrap发展历史
1.1.2 Bootstrap的优势
1.1.3 Bootstrap 4介绍
1.1.4 Bootstrap 4浏览器支持
1.2 Bootstrap特性
1.2.1 Bootstrap 4的构成
1.2.2 Bootstrap的特色
1.3 Bootstrap应用浏览
1.3.1 Bootstrap网站
1.3.2 Bootstrap插件
1.4 Bootstrap开发工具和资源
1.4.1 Bootstrap开发工具
1.4.2 Bootstrap资源
第2章 使用最新的框架Bootstrap 4
2.1 下载Bootstrap
2.2 Bootstrap 的结构
2.2.1 源码版Bootstrap文件结构
2.2.2 编译版Bootstrap文件结构
2.3 安装Bootstrap
2.3.1 本地安装
2.3.2 在线安装
2.4 案例实训1——设计网页按钮
2.5 案例实训2——设计网页轮播组件
第3章 快速掌握Bootstrap 4布局
3.1 布局基础
3.1.1 布局容器
3.1.2 响应断点
3.1.3 z-index
3.2 网格系统
3.2.1 网格选项
3.2.2 自动布局列
3.2.3 响应类
3.2.4 重排序
3.2.5 列嵌套
3.3 布局工具类
3.4 案例实训1——仿QQ登录界面
3.5 案例实训2——开发电商网站特效
第4章 Bootstrap 4的新布局——弹性盒子
4.1 定义弹性盒子
4.2 排列方向
4.2.1 水平方向排列
4.2.2 垂直方向排列
4.3 内容排列
4.4 项目对齐
4.5 自动对齐
4.6 自动相等
4.7 等宽变换
4.8 自动浮动
4.8.1 水平方向浮动
4.8.2 垂直方向浮动
4.9 弹性布局——包裹
4.10 排列顺序
4.11 对齐内容
第5章 核心工具库——CSS通用样式类
5.1 文本处理
5.1.1 文本对齐
5.1.2 文本换行
5.1.3 文本转换
5.1.4 粗细和斜体
5.1.5 其他一些文本类
5.2 颜色
5.2.1 文本颜色
5.2.2 链接文本颜色
5.2.3 背景颜色
5.3 边框
5.3.1 添加边框
5.3.2 边框颜色
5.3.3 圆角边框
5.4 宽度和高度
5.4.1 相对于父元素
5.4.2 相对于视口
5.5 边距
5.5.1 边距的定义
5.5.2 响应式边距
5.6 浮动
5.6.1 实现浮动
5.6.2 响应式浮动
5.7 display属性类
5.7.1 实现display属性
5.7.2 响应式的隐藏或显示元素
5.8 嵌入
5.9 内容溢出
5.10 定位
5.11 阴影
5.12 关闭图标
第6章 Bootstrap 4的新版式
6.1 初始化与CSS重置
6.2 排版
6.2.1 标题
6.2.2 段落
6.2.3 强调
6.2.4 缩略语
6.2.5 引用
6.3 代码
6.4 图片
6.5 表格
6.5.1 表格默认风格
6.5.2 设计个性化风格
6.6 案例实训——设计后台人员管理页面
第7章 认识CSS组件
7.1 正确使用CSS组件
7.2 按钮
7.2.1 定义按钮
7.2.2 设计按钮风格
7.3 按钮组
7.3.1 定义按钮组
7.3.2 定义按钮组工具栏
7.3.3 设计按钮组布局和样式
7.4 下拉菜单
7.4.1 定义下拉菜单
7.4.2 设计下拉按钮的样式
7.4.3 设计下拉菜单的样式
7.5 导航
7.5.1 定义导航
7.5.2 设计导航的布局
7.5.3 设计导航的风格
7.5.4 设计导航选项卡
7.6 超大屏幕
7.6.1 定义超大屏幕
7.6.2 设计风格
7.7 案例实训——设计广告牌
第8章 深入掌握CSS组件
8.1 徽章
8.1.1 定义徽章
8.1.2 设置颜色
8.1.3 椭圆形徽章
8.1.4 链接徽章
8.2 警告框
8.3 媒体对象
8.3.1 媒体版式
8.3.2 媒体嵌套
8.3.3 对齐方式
8.3.4 排列顺序
8.3.5 媒体列表
8.4 进度条
8.4.1 定义进度条
8.4.2 设计进度条样式
8.4.3 设计进度条风格
8.5 导航栏
8.5.1 定义导航栏
8.5.2 定位导航栏
8.5.3 设计导航栏配色
8.5.4 扩展导航栏内容
8.6 案例实训——设计动态进度条
第9章 高级的CSS组件
9.1 表单
9.1.1 定义表单控件
9.1.2 设计单选按钮／复选框布局和样式
9.1.3 表单布局风格
9.1.4 帮助文本
9.1.5 禁用表单
9.2 列表组
9.2.1 定义列表组
9.2.2 设计列表组的风格样式
9.2.3 定制内容
9.3 面包屑
9.3.1 定义面包屑
9.3.2 设计分隔符
9.4 分页
9.4.1 定义分页
9.4.2 使用图标
9.4.3 设计分页风格
第10章 Bootstrap 4的新增组件——旋转器和卡片
10.1 旋转器特效
10.1.1 定义旋转器
10.1.2 设计旋转器风格
10.1.3 对齐旋转器
10.1.4 按钮旋转器
10.2 卡片
10.2.1 定义卡片
10.2.2 卡片的内容类型
10.2.3 控制卡片的宽度
10.2.4 文本对齐方式
10.2.5 添加导航
10.2.6 图像背景
10.2.7 卡片风格
10.2.8 卡片排版
10.3 案例实训1——仿云巴网站
10.4 案例实训2——动态进度条及百分比数字显示
第11章 快速认识JavaScript插件
11.1 插件概述
11.1.1 插件分类
11.1.2 安装插件
11.1.3 调用插件
11.1.4 事件
11.2 按钮
11.2.1 切换状态
11.2.2 按钮式复选框和单选框
11.3 警告框
11.3.1 关闭警告框
11.3.2 添加用户行为
11.4 下拉菜单
11.4.1 调用下拉菜单
11.4.2 添加用户行为
11.5 模态框
11.5.1 定义模态框
11.5.2 模态框布局和样式
11.5.3 调用模态框
11.5.4 添加用户行为
11.6 标签页
11.6.1 定义标签页
11.6.2 调用标签页
11.6.3 添加用户行为
11.7 案例实训1——仿淘宝抢红包
11.8 案例实训2——仿京东商品推荐区
第12章 深入精通JavaScript插件
12.1 折叠
12.1.1 定义折叠
12.1.2 控制多目标
12.1.3 设计手风琴效果
12.1.4 调用折叠
12.1.5 添加用户行为
12.2 工具提示
12.2.1 定义工具提示
12.2.2 工具提示方向
12.2.3 调用工具提示
12.2.4 添加用户行为
12.3 弹窗
12.3.1 定义弹窗
12.3.2 弹窗方向
12.3.3 调用弹窗
12.3.4 添加用户行为
12.4 轮播
12.4.1 定义轮播
12.4.2 设计轮播风格
12.4.3 调用轮播
12.4.4 添加用户行为
12.5 滚动监听
12.5.1 定义滚动监听
12.5.2 调用滚动监听
12.5.3 添加用户行为
12.6 实战实训1——设计折叠搜索框
12.7 实战实训2——仿小米内容展示
第13章 项目实训1——招聘网中的简历模板
13.1 案例概述
13.1.1 案例结构
13.1.2 设计效果
13.1.3 设计准备
13.2 设计布局
13.3 设计左侧信息栏
13.4 设计导航条
13.5 设计主页
13.5.1 工作经历
13.5.2 专业技能
13.5.3 教育经历
13.5.4 综合概述
13.6 设计联系页
13.7 设计相册页
第14章 项目实训2——仿星巴克网站
14.1 网站概述
14.1.1 网站结构
14.1.2 设计效果
14.1.3 设计准备
14.2 设计首页布局
14.3 设计可切换导航
14.4 主体内容
14.4.1 设计轮播广告区
14.4.2 设计产品推荐区
14.4.3 设计登录注册区和Logo
14.4.4 设计特色展示区
14.4.5 设计产品生产流程区
14.5 设计底部隐藏导航
第15章 项目实训3——相册类博客项目
15.1 案例概述
15.1.1 案例结构
15.1.2 设计效果
15.1.3 设计准备
15.2 设计导航栏
15.3 首页
15.3.1 设计相册展示
15.3.2 添加Swipebox灯箱插件
15.4 分类页
15.4.1 设计相册分类展示
15.4.2 添加Swipebox灯箱插件
15.5 博客
15.6 联系页
15.6.1 设计布局
15.6.2 添加工具提示
第16章 项目实训4——设计流行企业网站
16.1 网站概述
16.2 设计主页
16.3 设计侧边导航栏
16.4 设计登录页
第17章 项目实训5——Web设计与定制网站
17.1 网站概述
17.1.1 网站结构
17.1.2 网站布局
17.1.3 设计准备
17.2 设计主页面导航
17.3 设计主页面内容
17.3.1 设计首页
17.3.2 “关于我们”页面设计
17.3.3 “我们的团队”页面设计
17.3.4 “我们的服务”页面设计
17.3.5 “我们的博客”页面设计
17.3.6 “我们的定制”页面设计
17.4 设计脚注
第18章 项目实训6——开发神影视频网站
18.1 网站概述
18.2 设计主页面
18.2.1 设计头部内容
18.2.2 设计轮播
18.2.3 设计分类列表
18.2.4 设计“视频内容”页面
18.2.5 设计脚注
更新时间：2020-03-20 10:41:52
完结共311章
倒序