本书是针对零基础读者编写的网页设计入门教材，侧重案例实训，并提供微课来讲解当前热点的案例。
全书分为23章，内容包括新一代Web前端技术、HTML 5网页的文档结构、HTML 5网页中的文本、超链接和图像、使用HTML 5创建表格、使用HTML 5创建表单、HTML 5中的多媒体、使用HTML 5绘制图形、CSS 3概述与基本语法、使用CSS 3美化网页字体与段落、使用CSS 3美化网页图片、使用CSS 3美化网页背景与边框、使用CSS 3美化超级链接和光标、使用CSS 3美化表格和表单、使用CSS 3美化网页菜单、使用滤镜美化网页元素、CSS 3中的动画效果、HTML 5中的文件与拖放、定位地理位置技术、数据存储和通信技术、处理线程和服务器发送事件、CSS 3定位与DIV布局核心技术。最后通过两个热点综合项目，进一步巩固读者的项目开发经验。
本书可以让初学者快速掌握网页设计技术。此外，本书也适合作为大专院校相关专业的指导教材。

第1章 新一代Web前端技术
1.1 HTML的基本概念
1.1.1 HTML的发展历程
1.1.2 什么是HTML
1.2 HTML 5的优势
1.2.1 解决了跨浏览器问题
1.2.2 新增了多个新特性
1.2.3 用户优先的原则
1.2.4 化繁为简的优势
1.3 HTML 5网页的开发环境
1.3.1 使用记事本手工编写HTML
1.3.2 使用WebStorm编写HTML文件
1.4 使用浏览器查看HTML 5文件
1.4.1 查看页面效果
1.4.2 查看源代码
1.5 疑难解惑
1.6 跟我学上机
第2章 HTML 5网页的文档结构
2.1 HTML 5文件的基本结构
2.1.1 HTML 5页面的整体结构
2.1.2 HTML 5新增的结构标记
2.2 HTML 5基本标记详解
2.2.1 文档类型说明
2.2.2 HTML标记
2.2.3 头标记
2.2.4 主体标记
2.2.5 页面注释标记
2.3 HTML 5语法的变化
2.3.1 标记不再区分大小写
2.3.2 允许属性值不使用引号
2.3.3 允许部分属性的值省略
2.4 疑难解惑
2.5 跟我学上机
第3章 HTML 5网页中的文本、超链接和图像
3.1 标题
3.1.1 标题标记
3.1.2 标题的对齐方式
3.2 设置文字格式
3.2.1 文字的字体、字号和颜色
3.2.2 文字的粗体、斜体和下划线
3.2.3 文字的上标和下标
3.3 设置段落格式
3.3.1 段落标记
3.3.2 段落的换行标记
3.3.3 段落的原格式标记
3.4 文字列表
3.4.1 无序列表
3.4.2 有序列表
3.4.3 建立不同类型的无序列表
3.4.4 建立不同类型的有序列表
3.4.5 自定义列表
3.4.6 建立嵌套列表
3.5 超链接标记
3.5.1 设置文本和图片的超链接
3.5.2 创建指向不同目标类型的超链接
3.5.3 设置以新窗口显示超链接页面
3.5.4 链接到同一页面的不同位置
3.6 图像热点链接
3.7 在网页中插入图像
3.8 编辑网页中的图像
3.8.1 设置图像的大小和边框
3.8.2 设置图像的间距和对齐方式
3.8.3 设置图像的替换文字和提示文字
3.9 疑难解惑
3.10 跟我学上机
第4章 使用HTML 5创建表格
4.1 表格的基本结构
4.2 创建表格
4.2.1 创建普通表格
4.2.2 创建一个带有标题的表格
4.3 编辑表格
4.3.1 定义表格的边框类型
4.3.2 定义表格的表头
4.3.3 设置表格背景
4.3.4 设置单元格的背景
4.3.5 合并单元格
4.3.6 表格的分组
4.3.7 设置单元格的行高与列宽
4.4 完整的表格标记
4.5 设置悬浮变色的表格
4.6 疑难解惑
4.7 跟我学上机
第5章 使用HTML 5创建表单
5.1 表单概述
5.2 表单基本元素的使用
5.2.1 单行文本输入框
5.2.2 多行文本输入框
5.2.3 密码域
5.2.4 单选按钮
5.2.5 复选框
5.2.6 列表框
5.2.7 普通按钮
5.2.8 提交按钮
5.2.9 重置按钮
5.3 表单高级元素的使用
5.3.1 url属性的使用
5.3.2 email属性的使用
5.3.3 日期和时间属性的使用
5.3.4 number属性的使用
5.3.5 range属性的使用
5.3.6 required属性的使用
5.4 疑难解惑
5.5 跟我学上机
第6章 HTML 5中的多媒体
6.1 audio标记
6.1.1 audio标记概述
6.1.2 audio标记的属性
6.1.3 浏览器支持audio标记的情况
6.2 在网页中添加音频文件
6.3 video标记
6.3.1 video标记概述
6.3.2 video标记的属性
6.3.3 浏览器对video标记的支持情况
6.4 在网页中添加视频文件
6.5 疑难解惑
6.6 跟我学上机
第7章 使用HTML 5绘制图形
7.1 添加canvas的步骤
7.2 绘制基本形状
7.2.1 绘制矩形
7.2.2 绘制圆形
7.2.3 使用moveTo与lineTo绘制直线
7.2.4 使用bezierCurveTo绘制贝济埃曲线
7.3 绘制渐变图形
7.3.1 绘制线性渐变
7.3.2 绘制径向渐变
7.4 绘制变形图形
7.4.1 绘制平移效果的图形
7.4.2 绘制缩放效果的图形
7.4.3 绘制旋转效果的图形
7.4.4 绘制组合效果的图形
7.4.5 绘制带阴影的图形
7.5 使用图像
7.5.1 绘制图像
7.5.2 平铺图像
7.5.3 裁剪图像
7.5.4 图像的像素化处理
7.6 绘制文字
7.7 疑难解惑
7.8 跟我学上机
第8章 CSS 3概述与基本语法
8.1 CSS 3概述
8.1.1 CSS 3的功能
8.1.2 浏览器与CSS
8.1.3 CSS 3的基础语法
8.1.4 CSS 3的常用单位
8.2 在HTML 5中使用CSS 3的方法
8.2.1 行内样式
8.2.2 内嵌样式
8.2.3 链接样式
8.2.4 导入样式
8.2.5 优先级问题
8.3 CSS 3的常用选择器
8.3.1 标记选择器
8.3.2 类选择器