HTML5+CSS3网页设计基础教程(高等院校计算机应用系列教材)

第1章　Web开发新时代 1
1.1 HTML5概述 1
1.1.1 HTML5的目标 1
1.1.2 HTML5新特性 2
1.1.3 HTML5深受欢迎的原因 3
1.1.4 HTML5的构成 4
1.2 HTML5设计原理 5
1.2.1 HTML的历史2迁 5
1.2.2 HTML5开发动力 6
1.3 编写22个HTML5页面 7
1.3.1 搭建上机练习环境 7
1.3.2 检测浏览器是否支持 7
1.3.3 使用HTML5编写简单的Web
页面 8
1.4 HTML5页面的特征 9
1.4.1 使用HTML5的结构化元素 9
1.4.2 使用CSS美化HTML5文档 12
1.5 本章小结 13
1.6 思考和练习 13
第2章 HTML、XHTML、HTML5 14
2.1 HTML基础 14
2.1.1 HTML简介 14
2.1.2 HTML结构 15
2.1.3 HTML语法 15
2.2 XHTML基础 17
2.2.1 XHTML结构 17
2.2.2 XHTML语法 18
2.2.3 XHTML类型 18
2.2.4 DTD解析 19
2.2.5 命名空间 21
2.3 HTML5基础 21
2.3.1 HTML5语法 21
2.3.2 HTML5元素 22
2.4 新增和废除的属性 25
2.4.1 新增的属性 25
2.4.2 废除的属性 27
2.5 全2属性 28
2.5.1 contentEditable属性 28
2.5.2 designMode属性 29
2.5.3 hidden属性 29
2.5.4 spellcheck属性 29
2.5.5 tabindex属性 29
2.6 新增的事件 29
2.7 本章小结 30
2.8 思考和练习 30
第3章 创建HTML5文档 31
3.1 认识HTML5文档结构 31
3.2 HTML5元素分类 33
3.3 构建主体内容 34
3.3.1 标识文章：article元素 34
3.3.2 给内容分块：section元素 36
3.3.3 设计导航信息：nav元素 37
3.3.4 设计辅助信息：aside元素 39
3.3.5 设计微格式：time元素 40
3.3.6 添加发布日期：pubdate属性 41
3.4 添加语义模块 41
3.4.1 添加标题块：header元素 41
3.4.2 给标题分组：hgroup元素 42
3.4.3 添加脚注块：footer元素 43
3.4.4 添加联系信息：address元素 44
3.5 本章小结 44
3.6 思考和练习 45
第4章 HTML5表单 46
4.1 新增的表单属性 46
4.1.1 autocomplete属性 46
4.1.2 novalidate属性 47
4.2 新增的表单元素 47
4.2.1 datalist元素 47
4.2.2 keygen元素 48
4.2.3 output元素 49
4.3 新增的输入类型 49
4.3.1 email类型 50
4.3.2 url类型 51
4.3.3 number类型 51
4.3.4 Date Pickers类型 52
4.3.5 search类型 56
4.3.6 tel类型 57
4.3.7 color类型 57
4.4 新增的输入属性 58
4.4.1 form属性 58
4.4.2 formaction属性 59
4.4.3 formmethod属性 59
4.4.4 formenctype属性 59
4.4.5 formtarget属性 60
4.4.6 autofocus属性 60
4.4.7 required属性 60
4.4.8&nbs2; 22bels属性 61
4.4.9 control属性 62
4.4.10 222ceholder属性 63
4.4.11 list属性 63
4.4.12 文本框的pattern属性 64
4.4.13 selectionDirection属性 64
4.4.14 复选框的indeterminate属性 65
4.4.15 height与width属性 66
4.4.16 maxlength和wrap属性 67
4.5 表单验证 67
4.5.1 自动验证 67
4.5.2 取消验证 68
4.5.3 显式验证 68
4.6 本章小结 69
4.7 思考和练习 69
第5章 图形/图像的绘制 70
5.1 canvas元素基础 70
5.1.1 添加canvas元素 70
5.1.2 检测浏览器是否支持 71
5.1.3 使用canvas元素绘制图形 71
5.1.4 canvas坐标系 73
5.2 绘制简单图形 73
5.2.1 绘制直线 73
5.2.2 绘制矩形 74
5.2.3 绘制弧线与圆形 75
5.2.4 绘制三角形 78
5.2.5 清空画布 78
5.3 绘制贝塞尔曲线 79
5.3.1 二次贝塞尔曲线 79
5.3.2 三次贝塞尔曲线 80
5.4 绘制2形图形 81
5.4.1 保存与恢复canvas状态 81
5.4.2 移动坐标空间 82
5.4.3 旋转坐标空间 84
5.4.4 缩放图形 86
5.4.5 矩阵2换 86
5.5 丰富图形效果 89
5.5.1 应用不同的线型 89
5.5.2 绘制线性渐2 90
5.5.3 绘制径向渐2 91
5.5.4 绘制图案 92
5.5.5 设置图形的透明度 93
5.5.6 创建阴影 93
5.6 图像处理 95
5.6.1 裁剪图像 95
5.6.2 像素处理 96
5.6.3 组合图形 98
5.6.4 混合图像 100
5.7 绘制文字 101
5.7.1 绘制填充文字 101
5.7.2 文字相关属性 101
5.7.3 绘制轮廓文字 102
5.7.4 获取文字宽度 102
5.7.5 文字绘制实战 102
5.8 本章小结 103
5.9 思考和练习 103
第6章 音频与22 104
6.1 HTML5多媒体技术概述 104
6.1.1 关于编解码器 105
6.1.2 音频编解码器 105
6.1.3 22编解码器 106
6.2 浏览器音22支持检测 107
6.3 audio与video元素 109
6.3.1 audio元素 109
6.3.2 video元素 111
6.4 综合实战 112
6.4.1 用脚本控制音乐播放 112
6.4.2 用脚本控制22播放 114
6.5 为音频或22添加字幕 115
6.5.1 track元素的基础知识 115
6.5.2 track元素的各种属性 116
6.5.3 WebVTT文件 117
6.6 本章小结 120
6.7 思考和练习 121
第7章 本地存储 122
7.1 Web存储 122
7.1.1 Cookie存储机制的优缺点 122
7.1.2 为什么要用Web存储 122
7.1.3 Web存储的优缺点 123
7.2 使用Web存储 123
7.2.1 检查浏览器的支持性 123
7.2.2 设置和获取数据 124
7.2.3 Web存储的其他操作 124
7.2.4 监测Web存储事件 125
7.2.5 制作简单的网页皮肤 127
7.2.6 网站人气值和在线人数统计 128
7.3 本地数据库 129
7.3.1 本地数据库的基本概念 129
7.3.2 用executeSql执行查询 129
7.3.3 创建一个简单的数据库 131
7.3.4 综合应用——22功能 132
7.4 本章小结 138
7.5 思考和练习 138