Bootstrap4Web设计与开发实战

Bootstrap4Web设计与开发实战

查阅电子书
手机扫码
  • 微信扫一扫

    关注微信公众号

因版权原因待上架

编辑推荐

本书基本涵盖Bootstrap框架开发的所有常用知识点及开发工具,让你学有所用。

内容简介

全书分为三篇,从目录能让读者一看就懂,第一篇介绍Bootstrap的环境搭建和创建第一个使用Bootstrap的网页;第二篇详细介绍Bootstrap中各个组件的使用,包括特效、多媒体、网页布局等等,这些能帮我们快速开发Web页面;第三篇是实战篇,利用网页中常见的一些表格、图表、问答案例,帮助我们更深入的学习Bootstrap的使用。

作者简介

作者杨旺功,北京印刷学院新媒体学院数字媒体艺术专业教师,主要研究方向是信息与交互设计、虚拟现实、数字娱乐和新媒体艺术等,具有丰富的数字媒体交互产品设计和移动应用UI设计的教学经验。在数字艺术与设计领域成果显著,发表数字艺术论文8篇,出版著作6部。

章节目录

版权信息

内容简介

作者简介

前言

第1章 Bootstrap从何而来

1.1 初识Bootstrap

1.2 什么是响应式设计

1.3 响应式设计四大原则

1.3.1 移动优先还是PC优先

1.3.2 内容流

1.3.3 位图还是矢量图

1.3.4 相对单位还是固定单位

1.4 Bootstrap设计目标

1.4.1 优先针对移动设备

1.4.2 浏览器支持

1.4.3 响应式设计

1.5 本章小结

第2章 Bootstrap开发环境

2.1 Bootstrap开发环境概述

2.1.1 下载Bootstrap开发包

2.1.2 Bootstrap开发包目录结构

2.1.3 在网站中使用Bootstrap框架

2.2 调用Bootstrap样式

2.3 调用Bootstrap组件

2.4 调用Bootstrap JS特效

2.5 实战:一个Bootstrap实现的响应式页面

2.6 本章小结

第3章 Bootstrap脚手架

3.1 Bootstrap全局样式

3.1.1 什么是全局样式

3.1.2 基于HTML5文档类型

3.1.3 屏幕、排版与链接

3.2 栅格系统

3.2.1 默认栅格系统

3.2.2 流式栅格系统

3.3 页面布局

3.3.1 固定布局和流式布局

3.3.2 Bootstrap 4弹性布局(FlexBox)

3.4 响应式设计

3.4.1 启用响应式特性

3.4.2 响应式Bootstrap特点

3.4.3 Bootstrap支持的设备

3.4.4 响应式布局辅助类

3.4.5 响应式FlexBox的重要类

3.5 从Less到Sass

3.6 本章小结

第4章 Bootstrap样式设计

4.1 Bootstrap排版

4.1.1 标题

4.1.2 页面主体

4.1.3 强调

4.1.4 缩略语

4.1.5 地址

4.1.6 引用

4.1.7 列表

4.1.8 描述

4.1.9 代码

4.2 Bootstrap表格

4.2.1 默认样式表格

4.2.2 斑马纹样式表格

4.2.3 圆角边框样式表格

4.2.4 鼠标悬停样式表格

4.2.5 带行属性样式表格

4.3 Bootstrap按钮

4.3.1 默认样式按钮

4.3.2 按钮大小样式

4.3.3 特殊样式按钮

4.4 Bootstrap图片

4.5 本章小结

第5章 Bootstrap组件设计

5.1 Bootstrap下拉菜单

5.1.1 标签

5.1.2 对齐方式与弹出方向

5.1.3 禁用

5.2 Bootstrap按钮组

5.2.1 基本按钮组

5.2.2 工具栏按钮组

5.2.3 垂直按钮组

5.3 Bootstrap按钮式下拉菜单

5.4 Bootstrap导航

5.4.1 默认标签导航

5.4.2 pills标签导航

5.4.3 堆叠式标签导航

5.4.4 下拉菜单式标签导航

5.4.5 标签页式导航

5.4.6 菜单项的居中

5.5 Bootstrap导航条

5.5.1 默认样式导航条

5.5.2 导航条表单

5.5.3 小屏幕的折叠导航条

5.6 Bootstrap分页

5.6.1 标准分页方式

5.6.2 翻页分页方式

5.6.3 分页方式中的字体

5.7 Bootstrap标签与徽章

5.8 Bootstrap进度条

5.8.1 基本样式进度条

5.8.2 斜条纹样式进度条

5.8.3 堆叠样式进度条

5.9 被删除的Glyphicons字体图标

5.10 本章小结

第6章 Bootstrap插件设计

6.1 Bootstrap插件概述

6.1.1 单个或全部引入

6.1.2 data属性

6.1.3 事件

6.2 Bootstrap模态对话框

6.2.1 模态对话框说明

6.2.2 静态模态对话框

6.2.3 动态模态对话框

6.3 Bootstrap下拉菜单(高级版)

6.4 Bootstrap滚动监听

6.5 Bootstrap可切换式标签页

6.6 Bootstrap提示框

6.6.1 工具提示框

6.6.2 弹出框

6.6.3 警告框

6.7 Bootstrap按钮

6.7.1 状态按钮

6.7.2 复选按钮

6.7.3 单选按钮

6.8 Bootstrap中的卡片与折叠

6.9 Bootstrap幻灯

6.10 本章小结

第7章 Bootstrap响应式多媒体

7.1 Bootstrap图标的响应式

7.2 Bootstrap图像的响应式

7.2.1 可适配的图像

7.2.2 图像网格

7.3 Bootstrap视频的响应式

7.4 本章小结

第8章 Bootstrap扁平化风格页面

8.1 扁平化设计概述

8.1.1 介绍

8.1.2 设计理念

8.1.3 页面架构

8.2 页眉设计

8.2.1 导航条

8.2.2 导航条图标

8.2.3 导航条功能菜单

8.2.4 页眉标题

8.3 左侧导航设计

8.4 页面主体设计

8.4.1 图片列表

8.4.2 提交表单

8.4.3 文本列表

8.5 页脚设计

8.6 本章小结

第9章 Bootstrap图片幻灯页面

9.1 图片幻灯风格页面设计概述

9.2 页眉设计

9.3 页面主体设计

9.3.1 图片幻灯

9.3.2 图标列表

9.3.3 图片特辑

9.4 本章小结

第10章 Bootstrap风格按钮

10.1 风格按钮设计概述

10.2 形状与尺寸风格按钮

10.3 边框风格按钮

10.4 下拉菜单风格按钮

10.5 按钮组风格按钮

10.6 本章小结

第11章 Bootstrap响应式表格设计

11.1 表格设计概述

11.2 Bootstrap基本表格

11.3 Bootstrap数组表格

11.4 Bootstrap Ajax表格

11.5 本章小结

第12章 Bootstrap响应式图表设计

12.1 图表设计概述

12.2 柱状图图表

12.3 折线图图表

12.4 饼状图图表

12.5 本章小结

第13章 jQuery UI Bootstrap工具

13.1 jQuery UI Bootstrap工具概述

13.1.1 jQuery UI工具

13.1.2 jQuery UI Bootstrap工具

13.1.3 jQuery UI Bootstrap应用

13.2 按钮(Button)

13.2.1 基本样式按钮

13.2.2 Set样式按钮

13.2.3 工具条样式按钮

13.3 折叠面板(Accordion)

13.4 对话框(Dialog)

13.4.1 非模态对话框

13.4.2 模态对话框

13.5 标签页

13.5.1 基本样式标签页

13.5.2 可编辑样式标签页

13.6 Overlay与Shadow

13.7 Highlight与Error

13.8 日期选择器(Datepicker)

13.9 滑块

13.9.1 水平滑块

13.9.2 垂直滑块

13.10 自动完成

13.11 下拉菜单

13.12 提示信息

13.13 微调按钮

13.14 本章小结

第14章 jQuery Mobile框架与Bootstrap主题风格

14.1 jQuery Mobile+Bootstrap概述

14.1.1 jQuery Mobile框架

14.1.2 Bootstrap主题风格

14.1.3 应用开发基础

14.2 主页设计

14.3 按钮设计

14.4 列表设计

14.5 导航设计

14.6 表单设计

14.6.1 输入框

14.6.2 滑块

14.6.3 切换开关

14.6.4 复选框

14.6.5 单选框

14.6.6 下拉菜单

14.6.7 提交按钮

14.7 本章小结

第15章 实战:应用Bootstrap实现一个贴吧管理页面

15.1 项目设计概述

15.2 页面布局设计

15.2.1 引入Bootstrap框架

15.2.2 实现页面布局代码

15.3 页面导航栏设计

15.3.1 构建导航的整体架构

15.3.2 设计标题和导航链接

15.3.3 设计搜索框和通知系统

15.3.4 设计管理员登录系统

15.3.5 设计响应式导航

15.4 左侧边栏设计

15.5 页面主体设计

15.5.1 页面主体功能的头部

15.5.2 页面主体功能的帖子列表

15.6 本章小结

附录 CSS选择器速览

Bootstrap4Web设计与开发实战是2020年由清华大学出版社出版,作者杨旺功。

得书感谢您对《Bootstrap4Web设计与开发实战》关注和支持,如本书内容有不良信息或侵权等情形的,请联系本网站。

购买这本书

你可能喜欢
小程序开发原理与实战 电子书
腾讯一线专家联合著作,通过云开发具体案例+完整项目实战,详解小程序开发原理、运行机制、避坑指南。
FlaskWeb开发入门、进阶与实战 电子书
本书使用Python语言开发FlaskWeb程序的知识,并通过具体实例讲解了使用Flask框架的方法和流程。
Android App开发入门与实战 电子书
本书介绍了13套Android开发规范、3套热门App框架、12个常用功能模块、14套App解决方案,以及高效开发工具。最后还以实训方式,展现了Github客户端开发的前前后后,作为全书知识的总结。
Redis6开发与实战 电子书
本书不仅介绍Redis特性,还展示它们的实际用法,真正帮助你学会如何使用Redis。
ClojureWeb开发实战 电子书
本书专门探讨Clojure在Web开发领域的实际应用。通过阅读本书,读者既可以深入理解ClojureWeb栈的专业知识,同时又能运用这些知识来轻松构建Web应用。