[
-
内容大纲
本书是针对零基础读者编写的网站前端开发入门教材。本书采用目前最新的Bootstrap 5.X版本，侧重案例实训，书中配有丰富的微课视频，读者可以通过微课视频更为直观地学习有关网站前端开发的热点案例。
本书分为18章，包括流行的开发框架Bootstrap，使用最新的框架Bootstrap 5.X，快速掌握Bootstrap布局，Bootstrap中的弹性盒子布局，精通页面排版，CSS通用样式，Bootstrap在表单中的应用，常用的CSS组件，高级的CSS组件，卡片、旋转器和手风琴组件，认识JavaScript插件，精通JavaScript插件等内容。最后通过6个热点综合项目，帮助读者进一步掌握项目开发技能。
本书通过精选热点案例，可以让初学者快速掌握网站前端开发技术。通过微信扫码观看视频，可以随时随地在移动端学习开发知识。 -
作者介绍
-
目录
第1章 流行的开发框架Bootstrap
1.1 认识Bootstrap
1.1.1 Bootstrap 的由来
1.1.2 Bootstrap的构成模块
1.2 Bootstrap 的特色
1.3 Bootstrap的优势
1.4 Bootstrap 5.X的新变化
1.5 疑难问题解惑
第2章 使用最新的框架Bootstrap 5.X
2.1 下载Bootstrap 5.X
2.2 安装 Bootstrap 5.X
2.2.1 本地安装
2.2.2 在线安装
2.3 Bootstrap 的在线开发工具
2.4 案例实训1——我的第一个Bootstrap网页
2.5 案例实训2——设计网站主页的按钮
2.6 疑难问题解惑
第3章 快速掌握Bootstrap布局
3.1 布局基础
3.1.1 布局容器
3.1.2 响应断点
3.1.3 z-index堆叠样式属性
3.1.4 响应式容器
3.2 网格系统
3.2.1 网格选项
3.2.2 自动布局列
3.2.3 响应类
3.2.4 重排序
3.2.5 列嵌套
3.3 案例实训——开发电商网站特效
3.4 疑难问题解惑
第4章 Bootstrap中的弹性盒子布局
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 案例实训——对齐内容布局
4.12 疑难问题解惑
第5章 精通页面排版
5.1 页面排版的初始化
5.2 优化页面排版
5.2.1 标题
5.2.2 段落
5.2.3 强调
5.2.4 缩略语
5.2.5 引用
5.3 显示代码
5.3.1 行内代码
5.3.2 多行代码块
5.4 响应式图片
5.4.1 图像的同步缩放
5.4.2 图像缩略图
5.4.3 图像对齐方式
5.5 优化表格的样式
5.5.1 表格默认风格
5.5.2 为表格设计个性化风格
5.6 案例实训——设计网站后台人员 管理系统页面
5.7 疑难问题解惑
第6章 CSS通用样式
6.1 文本处理
6.1.1 文本对齐
6.1.2 文本换行
6.1.3 转换大小写
6.1.4 粗细和斜体
6.1.5 其他文本样式类
6.2 颜色样式
6.2.1 文本颜色
6.2.2 链接文本颜色
6.2.3 背景颜色
6.3 边框样式
6.3.1 添加边框
6.3.2 边框颜色
6.3.3 圆角边框
6.4 宽度和高度
6.4.1 相对于父元素
6.4.2 相对于视口
6.5 边距
6.5.1 边距的定义
6.5.2 响应式边距
6.6 浮动样式
6.6.1 实现浮动样式
6.6.2 响应式浮动样式
6.7 display属性
6.7.1 隐藏或显示元素
6.7.2 响应式地隐藏或显示元素
6.8 嵌入网页元素
6.9 内容溢出
6.10 定位网页元素
6.11 案例实训——阴影效果
6.12 疑难问题解惑
第7章 Bootstrap在表单中的应用
7.1 Bootstrap创建表单
7.1.1 定义表单控件
7.1.2 设置表单控件的大小
7.1.3 设置表单控件只读
7.1.4 设置只读纯文本
7.1.5 范围输入
7.2 单选按钮和复选框的样式
7.2.1 默认堆叠方式
7.2.2 水平排列方式
7.2.3 无文本形式
7.3 设计表单的布局
7.3.1 使用网格系统布局表单
7.3.2 设置列的宽度
7.4 帮助文本
7.5 禁用表单
7.6 按钮
7.6.1 定义按钮
7.6.2 设计按钮风格
7.7 按钮组
7.7.1 定义按钮组
7.7.2 定义按钮组工具栏
7.7.3 设计按钮的组布局和样式
7.8 下拉菜单
7.8.1 定义下拉菜单
7.8.2 设计下拉按钮的样式
7.8.3 设计下拉菜单的样式
7.8.4 单选和多选下拉菜单
7.8.5 为元素设置下拉菜单
7.9 Bootstrap 5.X新增的浮动标签
7.10 案例实训——设置表单的验证功能
7.11 疑难问题解惑
第8章 常用的CSS组件
8.1 导航组件
8.1.1 定义导航
8.1.2 设计导航的布局
8.1.3 设计导航的风格
8.1.4 设计导航选项卡
8.2 警告框
8.2.1 定义警告框
8.2.2 添加链接
8.2.3 额外附加内容
8.2.4 关闭警告框
8.3 徽章
8.3.1 定义徽章
8.3.2 设置颜色
8.3.3 椭圆形徽章
8.4 进度条
8.4.1 定义进度条
8.4.2 设计进度条样式
8.4.3 设计进度条风格
8.5 案例实训——设计具有淡入效果的 导航选项卡
8.6 疑难问题解惑
第9章 高级的CSS组件
9.1 导航栏
9.1.1 定义导航栏
9.1.2 定位导航栏
9.1.3 设计导航栏的颜色
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 设计分页风格
9.5 案例实训——设计企业招聘表页面
9.6 疑难问题解答
第10章 卡片、旋转器和手风琴组件
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 使用CSS样式控制卡片的宽度
10.3 卡片中文本的对齐方式
10.4 卡片中添加导航
10.5 设计卡片的风格
10.5.1 设置卡片的背景颜色
10.5.2 设置背景图像
10.5.3 卡片的边框颜色
10.5.4 设计卡片的样式
10.6 卡片排版
10.7 旋转器
10.7.1 定义旋转器
10.7.2 设置旋转器风格
10.7.3 设置旋转器的对齐方式
10.7.4 按钮旋转器
10.8 新增的手风琴组件
10.8.1 创建手风琴
10.8.2 手风琴组件的结构
10.8.3 手风琴组件的样式
10.8.4 在手风琴组件中使用列表
10.9 案例实训——使用网格系统布局卡片
10.10 疑难问题解答
第11章 认识JavaScript插件
11.1 插件概述
11.1.1 插件分类
11.1.2 安装插件
11.1.3 调用插件
11.2 警告框
11.2.1 关闭警告框
11.2.2 显示警告框
11.3 按钮
11.4 轮播
11.4.1 定义轮播
11.4.2 设计轮播风格
11.5 折叠
11.5.1 定义折叠效果
11.5.2 控制多目标
11.5.3 设计手风琴效果
11.6 下拉菜单
11.6.1 调用下拉菜单
11.6.2 设置下拉菜单
11.6.3 添加用户行为
11.7 模态框
11.7.1 定义模态框
11.7.2 模态框的布局和样式
11.8 案例实训——设计抢红包提示框
11.9 疑难问题解答
第12章 精通JavaScript插件
12.1 侧边栏导航
12.1.1 创建侧边栏导航
12.1.2 侧边栏导航的组件
12.1.3 设置背景及背景是否可滚动
12.1.4 通过JavaScript控制侧边栏导航
12.2 弹窗
12.2.1 创建弹窗
12.2.2 设置弹窗方向
12.2.3 关闭弹窗
12.3 滚动监听
12.3.1 导航栏中的滚动监听
12.3.2 嵌套导航栏中的滚动监听
12.3.3 列表组中的滚动监听
12.4 标签页
12.5 提示框
12.5.1 创建提示框
12.5.2 设置提示框的显示位置
12.5.3 调用提示框
12.6 吐司消息
12.6.1 创建吐司消息
12.6.2 堆叠吐司消息
12.6.3 自定义吐司消息
12.6.4 设置吐司消息的颜色
12.7 案例实训——设计热销商品推荐区
12.8 疑难问题解答
第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 联系页
第16章 项目实训4——设计流行企业网站
16.1 网站概述
16.1.1 网站结构
16.1.2 设计效果
16.1.3 设计准备
16.2 设计主页
16.2.1 主页布局
16.2.2 设计导航条
16.2.3 设计轮播广告
16.2.4 设计功能区
16.2.5 设计特色展示
16.2.6 设计脚注
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.1.1 网站结构
18.1.2 网站布局
18.1.3 网站效果
18.1.4 设计准备
18.2 设计主页面
18.2.1 设计头部内容
18.2.2 设计轮播
18.2.3 设计分类列表
18.2.4 设计视频内容
18.2.5 设计脚注
同类热销排行榜
- C语言与程序设计教程(高等学校计算机类十二五规划教材)16
- 电机与拖动基础(教育部高等学校自动化专业教学指导分委员会规划工程应用型自动化专业系列教材)13.48
- 传感器与检测技术(第2版高职高专电子信息类系列教材)13.6
- ASP.NET项目开发实战(高职高专计算机项目任务驱动模式教材)15.2
- Access数据库实用教程(第2版十二五职业教育国家规划教材)14.72
- 信号与系统(第3版下普通高等教育九五国家级重点教材)15.08
- 电气控制与PLC(普通高等教育十二五电气信息类规划教材)17.2
- 数字电子技术基础(第2版)17.36
- VB程序设计及应用(第3版十二五职业教育国家规划教材)14.32
- Java Web从入门到精通(附光盘)/软件开发视频大讲堂27.92
推荐书目
-
孩子你慢慢来/人生三书 华人世界率性犀利的一枝笔，龙应台独家授权《孩子你慢慢来》20周年经典新版。她的《...
-
时间简史(插图版) 相对论、黑洞、弯曲空间……这些词给我们的感觉是艰深、晦涩、难以理解而且与我们的...
-
本质(精) 改革开放40年，恰如一部四部曲的年代大戏。技术突变、产品迭代、产业升级、资本对接...