第1章 初识HTML
1.1 HTML概述
1.2 浏览器
1.3 Visual Studio Code编辑器
1.3.1 Visual Studio Code编辑器概述
1.3.2 下载和安装Visual Studio Code编辑器
1.3.3 安装中文语言扩展
1.3.4 安装Live Server扩展
1.3.5 Visual Studio Code编辑器的简单使用
1.4 标签概述
1.5 元素概述
1.6 常见的HTML标签
1.6.1 容器标签
1.6.2 页面格式化标签
1.6.3 文本格式化标签
1.6.4 图像标签
1.6.5 超链接标签
1.6.6 列表标签
1.6.7 表格标签
1.6.8 表单标签
1.7 HTML实体
1.8 阶段项目——招聘信息页面
本章小结
课后习题
第2章 初识CSS
2.1 CSS概述
2.2 CSS基本使用
2.2.1 CSS样式规则
2.2.2 CSS的引入方式
2.2.3 CSS注释
2.3 CSS选择器
2.3.1 基础选择器
2.3.2 复合选择器
2.3.3 伪类选择器
2.3.4 伪元素选择器
2.4 CSS属性
2.4.1 字体属性
2.4.2 文本属性
2.4.3 列表属性
2.4.4 背景属性
2.4.5 渐变属性
2.4.6 显示属性
2.4.7 浮动属性
2.4.8 定位属性
2.4.9 过渡属性
2.4.10 变形属性
2.4.11 动画属性
2.5 CSS变量
2.5.1 定义CSS变量
2.5.2 读取CSS变量
2.6 CSS标准盒模型
2.6.1 标准盒模型的组成
2.6.2 内边距属性
2.6.3 外边距属性
2.6.4 边框属性
2.6.5    box-sizing属性
2.7 CSS的三大特性
2.8 阶段项目——诗歌赏析页面
本章小结
课后习题
第3章 JavaScript基础与HTML5新特性
3.1 初识JavaScript
3.1.1 JavaScript概述
3.1.2 JavaScript的引入方式
3.1.3 JavaScript常用的输入和输出语句
3.1.4 JavaScript注释
3.2 变量
3.2.1 什么是变量
3.2.2 变量的声明与赋值
3.3 数据类型
3.3.1 数据类型分类
3.3.2 数据类型转换
3.4 运算符
3.4.1 算术运算符
3.4.2 比较运算符
3.4.3 逻辑运算符
3.4.4 赋值运算符
3.4.5 三元运算符
3.5 函数
3.5.1 函数的定义与调用
3.5.2 函数的返回值
3.5.3 函数表达式
3.5.4 匿名函数
3.6 流程控制
3.6.1 选择结构
3.6.2 循环结构
3.7 数组
3.8 DOM操作
3.8.1   DOM简介
3.8.2 获取元素
3.8.3 操作元素内容
3.8.4 操作元素样式
3.9 事件
3.9.1 事件概述
3.9.2 事件注册与事件移除
3.10 Web Storage
3.10.1 什么是Web Storage
3.10.2 localStorage
3.10.3 sessionStorage
3.11 视频与音频
3.11.1 <video>标签
3.11.2 <audio>标签
3.11.3 video对象和audio对象
3.12 地理定位
3.13 拖曳操作
3.14 Canvas
3.14.1 认识画布
3.14.2 使用画布
3.14.3 绘制线条
3.14.4 线条的样式
3.14.5 路径重置与闭合
3.14.6 填充路径
3.14.7 绘制文本
3.14.8 绘制圆
3.14.9 绘制矩形
3.15 阶段项目——视频播放器
本章小结
课后习题
第4章 移动Web开发基础
4.1 移动互联网的发展
4.2 移动Web开发概述
4.3 移动Web开发的主流方案
4.3.1 单独制作移动端页面
4.3.2 制作响应式页面
4.4 屏幕分辨率和设备像素比
4.4.1 屏幕分辨率
4.4.2 设备像素比
4.5 视口
4.6 媒体查询
4.7 二倍图
4.8 Less
4.8.1 什么是Less
4.8.2   Less注释
4.8.3   Less变量
4.8.4   Less运算
4.8.5   Less嵌套
4.8.6   Less导入与导出
4.9 移动端页面布局适配方案
4.9.1 流式布局
4.9.2 弹性盒布局
4.9.3    rem布局
4.9.4    vm和vh布局
4.10 移动端touch事件
4.11 阶段项目——线上问诊页面
本章小结
课后习题
第5章 Bootstrap响应式Web开发
5.1 初识Bootstrap
5.1.1 Bootstrap概述
5.1.2 Bootstrap特点
5.1.3 Bootstrap组成
5.2 Bootstrap下载和引入
5.2.1 下载Bootstrap
5.2.2 引入Bootstrap
5.3 Bootstrap布局容器
5.4 Bootstrap栅格系统
5.5 Bootstrap工具类
5.5.1 显示方式工具类
5.5.2 边距工具类
5.5.3 弹性盒布局工具类
5.5.4 间距工具类
5.6 阶段项目——旅行指南列表页面
本章小结
课后习题
第6章 Bootstrap常用样式
6.1 标题样式
6.1.1 使用<h1>到<h6>标签定义具有标题样式的标题
6.1.2 使用.h1到.h6类设置标题样式
6.1.3 使用.display-1到.display-6类设置标题样式
6.2 文本样式
6.2.1 文本颜色
6.2.2 文本对齐
6.2.3 文本变换
6.2.4 文本换行
6.2.5 文本字体
6.2.6 文本装饰
6.2.7 文本字号和行高
6.3 背景颜色
6.4 边框样式
6.5 Bootstrap Icons字体图标样式
6.6 列表样式
6.7 定位样式
6.8 浮动样式
6.9 图像样式
6.10 阴影样式
6.11 宽度和高度样式
6.12 表单控件样式
6.13 表单验证样式
6.14 阶段项目——用户注册页面
本章小结
课后习题
第7章 Bootstrap常用组件
7.1 初识组件
7.1.1 什么是组件
7.1.2   Bootstrap组件的基本使用方法
7.2 按钮组件
7.2.1 基础按钮
7.2.2 轮廓按钮
7.2.3 超链接按钮
7.2.4 组合按钮
7.3 导航栏组件
7.3.1 基础导航栏
7.3.2 折叠式导航栏
7.3.3 侧边导航栏
7.4 下拉菜单组件
7.4.1 下拉菜单按钮
7.4.2 下拉菜单导航栏
7.5 轮播组件
7.6 卡片组件
7.6.1 基础卡片
7.6.2 图文卡片
7.6.3 背景图卡片
7.7 阶段项目——精品课程页面
本章小结
课后习题
第8章 项目实战——图书商城
8.1 项目介绍
8.1.1 项目展示
8.1.2 项目目录结构
8.2 快捷导航模块
8.2.1 快捷导航栏模块效果展示
8.2.2 快捷导航模块代码实现
8.3 导航栏模块
8.3.1 导航栏模块效果展示
8.3.2 导航栏模块代码实现
8.4 轮播图模块
8.4.1 轮播图模块效果展示
8.4.2 轮播图模块代码实现
8.5 服务模块
8.5.1 服务模块效果展示
8.5.2 服务模块代码实现
8.6 热门分类模块
8.6.1 热门分类模块效果展示
8.6.2 热门分类模块代码实现
8.7 推荐图书模块
8.7.1 推荐图书模块效果展示
8.7.2 推荐图书模块代码实现
8.8 图书评论模块
8.8.1 图书评论模块效果展示
8.8.2 图书评论模块代码实现
8.9 版权模块
8.9.1 版权模块效果展示
8.9.2 版权模块代码实现
本章小结