前言
第1章 HTML5基础知识
1.1 HTML简介
1.1.1 HTML历史
1.1.2 HTML标记介绍
1.2 HTML5概述
1.2.1 HTML5特点及语法介绍
1.2.2 HTML5页面布局及新元素介绍
1.2.3 HTML5常见元素介绍
1.3 HTML5与CSS样式表
1.4 HTML5现状
1.4.1 浏览器的支持力度
1.4.2 检查浏览器是否支持HTML5标签
1.5 小结
1.6 实训
1.7 习题
第2章 CSS技术概述
2.1 CSS简介
2.1.1 CSS的发展
2.1.2 CSS实例
2.1.3 CSS样式表概述
2.2 CSS基本语法
2.2.1 CSS 语法
2.2.2 id选择器和class选择器
2.3 CSS应用技巧
2.3.1 如何插入样式表
2.3.2 网页元素的颜色
2.3.3 文本样式设计
2.3.4 网页元素的显示
2.3.5 链接样式的设计
2.3.6 字体的设置
2.3.7 网页元素的边框与背景
2.3.8 网页元素的定位
2.3.9 网页元素的浮动
2.3.10 CSS动画效果的实现
2.4 小结
2.5 实训
2.6 习题
第3章 HTML5+CSS网页布局设计
3.1 响应式布局的概念
3.1.1 什么是响应式布局
3.1.2 移动端的设计特点
3.1.3 响应式布局实例欣赏
3.2 响应式布局设计原理
3.2.1 流式布局
3.2.2 媒体查询
3.3 网页标题与导航栏目的设计与制作
3.3.1 标题栏目与导航栏目设计思路
3.3.2 标题栏目设计过程
3.3.3 为标题栏目加入其他效果
3.3.4 导航栏目设计过程
3.3.5 导航栏目的排列
3.4 网页页脚部分设计与制作
3.4.1 页脚设计思路
3.4.2 页脚设计过程
3.5 网页正文的文本部分设计与制作
3.5.1 文本内容设计思路
3.5.2 文本内容制作过程
3.6 网页正文的图像与文本部分设计与制作
3.6.1 网页图像设计与制作
3.6.2 网页图像与文本设计与制作
3.7 综合练习
3.8 小结
3.9 实训
3.10 习题
第4章 HTML5表单设计
4.1 表单的基本元素
4.1.1 表单介绍
4.1.2 创建表单
4.2 表单元素的应用
4.2.1 input标签
4.2.2 label标签
4.2.3 fieldset标签
4.2.4 select标签
4.2.5 单选复选标签
4.2.6 时间与日期标签
4.2.7 文件域标签
4.2.8 多行文字框标签
4.2.9 number属性标签
4.2.10 range属性标签
4.2.11 email属性标签
4.2.12 placeholder属性标签
4.2.13 表单实例
4.3 HTML5其他表单新元素
4.3.1 autocomplete属性标签
4.3.2 表单重写属性标签
4.3.3 autofocus属性标签
4.3.4 pattern属性标签
4.4 表单综合应用
4.5 小结
4.6 实训
4.7 习题
第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 浏览器对视频video标签的支持
5.3.3 视频标签的应用
5.3.4 自定义视频播放面板
5.3.5 video标签属性
5.4 小结
5.5 实训
5.6 习题
第6章 HTML5画布设计及SVG画图
6.1 Canvas画布设计
6.1.1 Canvas概述
6.1.2 Canvas语法
6.1.3 Canvas基本设置及实现方式
6.2 SVG画图
6.2.1 SVG概述
6.2.2 SVG绘图方式
6.3 小结
6.4 实训
6.5 习题
第7章 HTML5拖放设计
7.1 拖放的概念
7.2 拖放元素的定义和创建
7.2.1 拖放元素的定义
7.2.2 拖放的实施
7.3 图片来回拖放
7.3.1 来回拖放的定义
7.3.2 来回拖放的创建
7.4 小结
7.5 实训
7.6 习题
第8章 综合案例
8.1 网页制作的流程
8.2 新闻网站的制作
8.3 购物网站的制作
8.4 旅游网站的制作