作品简介

本书从零基础开始讲解,用实例引导读者深入学习,深入浅出地讲解了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 设计主页面
展开全部