第1章 HTML 5概述 2
1.1HTML 5概述 2
1.1.1HTM L的发展史 2
1.1.2兼容性和存在即合理 2
1.1.3效率和用户优先 2
1.1.4化繁为简 3
1.2HTML 5的基本概念 3
1.2.1HTML 5的革命性变化 4
1.2.2HTML 5文件的基本结构 4
1.2.3HTML5的标记 5
1.3HTML5文件的编写方法 5
1.3.1使用记事本编写HTML 5 5
1.3.2使用Dreamweaver编写HTML文件 6
1.3.3编写第一个HTML5网页文件 7
高手私房菜 8
第2章 HTML 5改进详解 10
2.1HTML 5的适用范围 10
2.2使用浏览器查看HTML5文件 10
2.2.1各大浏览器与HTML5的兼容性 10
2.2.2查看页面效果 10
2.2.3查看源文件 11
2.3编辑一个简单的HTML 5页面 11
2.3.1搭建支持的浏览器环境 11
2.3.2检测浏览器是否支持HTML标记 12
2.3.3使用HTML结构编写“hello， world”页面 13
2.4语法变化 14
2.4.1HTML 5的语法变化 14
2.4.2HTML 5中的标记方法 14
2.4.3版本兼容性 15
2.4.4标记示例 15
2.5新增和废除的元素 16
2.5.1新增的结构元素 16
2.5.2新增的input元素的类型 18
2.5.3新增的其他元素 18
2.5.4废除的元素 21
2.6新增和废除的属性 22
2.6.1新增的属性 22
2.6.2废除的属性 24
2.7全局属性 26
2.7.1Content Editable属性 26
2.7.2design Mode属性 26
2.7.3hidden属性 27
2.7.4spellcheck属性 27
2.7.5tabindex属性 27
高手私房菜 28
第3章 HTML 5的基本语法 30
3.1Web标准 30
3.1.1Web标准概述 30
3.1.2Web标准规定的内容 31
3.2HTML基本结构 31
3.2.1文档类型说明 32
3.2.2HTML标记 32
3.2.3头标记head 32
3.2.4标题标记title 32
3.2.5元信息标记meta 33
3.2.6网页的主体标记 34
3.2.7页面注释标记〈！-- --〉 35
3.3实例——符合W3C标准的HTML 5网页结构 36
高手私房菜 36
第4章 网页文本设计 38
4.1实例1——添加文本 38
4.1.1普通文本 38
4.1.2特殊字符文本 38
4.1.3文本特殊样式 39
4.2实例2——文本排版 40
4.2.1段落标记〈P〉与换行标记〈hr〉 41
4.2.2标题标记〈hl〉～〈h6〉 42
4.3实例3——文本格式的高级设置 43
4.3.1字体 43
4.3.2字号 44
4.3.3字体风格 45
4.3.4加粗字体 45
4.3.5小写字母转为大写字母 46
4.3.6字体复合属性 47
4.3.7字体颜色 47
4.3.8阴影文本 48
4.3.9溢出文本 49
4.3.10控制换行 50
4.4实例4——成才教育网文本设计 51
高手私房菜 52
第5章 网页色彩和图片设计 54
5.1网页色彩与图片的关系 54
5.2实例1——网页图像的应用 54
5.2.1网页图片格式的选择 54
5.2.2使用路径 55
5.2.3网页中插入图像标记 56
5.2.4设置图像源文件 56
5.2.5设置图像在网页中的宽度和高度 57
5.2.6设置图像的提示文字 58
5.3实例2——制作茂森房地产广告网页 58
高手私房菜 59
第6章 网页列表与段落设计 62
6.1实例1——网页文字列表设计 62
6.1.1建立无序列表 62
6.1.2建立有序列表 63
6.2实例2——设置网页段落格式 63
6.2.1单词间隔 63
6.2.2字符间隔 64
6.2.3文字修饰 65
6.2.4垂直对齐方式 66
6.2.5文本转换 67
6.2.6水平对齐方式 68
6.2.7文本缩进 69
6.2.8文本行高 70
6.2.9处理空白 71
6.2.10文本反排 72
6.3实例3——制作图文混排型旅游网页 73
高手私房菜 74
第7章 网页超链接设计 76
7.1实例1——创建超文本与图片链接 76
7.2实例2——创建下载链接 80
7.3实例3——使用相对路径和绝对路径 81
7.4实例4——设置链接目标打开窗口 82
7.5实例5——超文本链接到一个E-mail地址 84
7.6实例6——使用锚链接制作电子书阅读网页 87
7.7实例7——超文本链接到其他内容 90
7.8实例8——创建热点区域 92
7.9实例9——浮动框架 94
高手私房菜 96
第8章 网页多媒体设计 98
8.1HTML 5Audio和Video概述 98
8.1.1视频容器 98
8.1.2音频和视频编解码器 98
8.1.3Audio元素和Video元素的浏览器支持情况 99
8.2实例1——使用HTML 5Audio和Video API 99
8.2.1理解媒体元素 99
8.2.2使用audio元素 100
8.2.3使用video元素 101
8.2.4浏览器支持性检测 101
8.3实例2——设置网页多媒体属性 103
8.4实例3——调用网页多媒体 105
高手私房菜 106
第9章 网页Canvas动画 108
9.1实例1——认识画布 108
9.1.1Canvas元素的基本用法 108
9.1.2绘制带边框矩形 108
9.1.3绘制渐变图形 109
9.2实例2——在画布中使用路径 111
9.2.1MoveTo与LineTo的用法 111
9.2.2使用arc方法绘制圆形 112
9.3实例3——对画布中图形的操作 113
9.3.1变换图形原点坐标 114
9.3.2组合多个图形 114
9.3.3添加图形阴影 116
9.4实例4——处理画布中的图像 117
9.4.1绘制图像 118
9.4.2平铺图像 118
9.4.3切割图像 120
9.4.4处理像素 121
9.5实例5——运用样式与颜色 123
9.5.1色彩设置 123
9.5.2透明度 123
9.5.3线型 126
9.5.4渐变 128
9.6实例6——画布的其他应用 130
9.6.1绘制文字 130
9.6.2保存、恢复及输出图形 132
9.6.3制作简单的动画 133
高手私房菜 136
第10章 网页表单设计 138
10.1实例1——熟悉表单属性 138
10.1.1表单的用途 138
10.1.2表单的属性设置 138
10.2实例2——表单基本元素的应用 140
10.2.1文字字段 140
10.2.2密码域 141
10.2.3单选按钮 142
10.2.4复选框 142
10.2.5下拉选择框 143
10.2.6普通按钮 144
10.2.7提交按钮 144
10.2.8重置按钮 145
10.3实例3——表单高级元素的使用 146
10.3.1URL类型元素 146
10.3.2Email类型元素 147
10.3.3date类型元素 147
10.3.4time类型元素 148
10.3.5datetime类型元素 148
10.3.6datetime-local类型元素 149
10.3.7month类型元素 149
10.3.8week类型元素 150
10.3.9number类型元素 150
10.3.10 range类型元素 151
10.3.11search类型元素 151
10.3.12tel类型元素 152
10.3.13color类型元素 152
10.4实例4——创建用户反馈表单 153
高手私房菜 154
第11章 HTML 5本地存储 156
11.1实例1——Web Storage存储 156
11.1.1sessionStorage对象 156
11.1.2localStorage对象 157
11.2实例2——操作Iocal Storage 158
11.2.1清空IocaIStorage数据 158
11.2.2遍历localStorage数据 158
11.2.3使用JSON对象存取数据 159
11.3实例3—— WebSQL数据库应用 161
11.3.1打开与创建数据库 161
11.3.2执行事务 161
11.3.3插入数据 161
11.3.4数据管理 162
高手私房菜 162
第12章 构建离线的Web应用 164
12.1HTML5离线Web应用概述 164
12.2实例1——使用HTML 5离线Web应用API 164
12.2.1检查浏览器的支持情况 164
12.2.2搭建简单的离线应用程序 164
12.2.3支持离线行为 165
12.2.4Manifest文件 166
12.2.5ApplicationCache API 167
12.3实例2——使用HTML5离线Web应用构建应用 168
12.3.1创建记录资源的manifest文件 168
12.3.2创建构成界面的HTML和CSS 168
12.3.3创建离线的JavaScript 169
12.3.4检查applicationCache的支持情况 171
12.3.5为Update按钮添加处理函数 171
12.3.6添加Storage功能代码 171
12.3.7添加离线事件处理程序 172
高手私房菜 172
第13章 制作休闲娱乐类网页 174
13.1整体布局 174
13.1.1设计分析 174
13.1.2排版架构 174
13.2模块组成 175
13.3制作步骤 176
13.3.1制作样式表 176
13.3.2Logo与导航菜单 184
13.3.3搜索条 185
13.3.4左侧视频模块 185
13.3.5评论模块 186
13.3.6右侧热门推荐 187
13.3.7底部模块 189
高手私房菜 190
第14章 制作大型企业门户类网页 192
14.1整体布局 192
14.1.1设计分析 192
14.1.2排版架构 192
14.2模块组成 193
14.3制作步骤 193
14.3.1样式表 193
14.3.2网页头部 195
14.3.3导航菜单栏 196
14.3.4中间主体第一栏 196
14.3.5中间主体第二栏 200
14.3.6中间主体第三栏 204
14.3.7中间主体第四栏 210
14.3.8中间主体第五栏 214
14.3.9网页底部 219
高手私房菜 220
第15章 制作电子商务类网页 222
15.1整体布局 222
15.1.1设计分析 222
15.1.2排版架构 223
15.2模块组成 223
15.3制作步骤 224
15.3.1样式表 224
15.3.2网页头部 225
15.3.3主体第一通栏 229
15.3.4主体第二通栏 234
15.3.5主体第三通栏 242
15.3.6网页底部 245
高手私房菜 248
第16章 制作团购类网页 250
16.1整体布局 250
16.1.1设计分析 251
16.1.2排版架构 251
16.2模块组成 252
16.3制作步骤 252
16.3.1样式表 252
16.3.2网页头部 255
16.3.3分类及区域选择 257
16.3.4新品展示 258
16.3.5侧边栏 262
16.3.6热门城市索引 267
16.3.7网页底部 268
16.3.8JavaScript脚本 269
高手私房菜 270