第1章 HTML5入门 1
1.1 HTML5与HTML4比较 1
1.2 HTML5基本语法 2
1.3 HTML5新增元素 4
1.3.1 结构元素 4
1.3.2 功能元素 6
1.4 HTML5废除的元素 8
1.5 HTML5新增属性 9
1.5.1 表单属性 9
1.5.2 链接属性 10
1.5.3 其他属性 10
1.6 HTML5废除的属性 10
1.7 HTML5新增全局属性 11
1.7.1 contentEditable属性 12
1.7.2 designMode属性 12
1.7.3 hidden属性 13
1.7.4 spellcheck属性 13
1.7.5 tabindex属性 13
1.8 HTML5其他功能 13
1.9 jQuery Mobile与HTML5 17
1.10 实战案例 17
1.10.1 新建HTML5文档 17
1.10.2 设计图文页面 19
第2章 HTML5文字和版式变化 22
2.1 HTML5文档 22
2.2 HTML5标签 24
2.2.1 结构性标签 24
2.2.2 级块性标签 24
2.2.3 行内语义性标签 24
2.2.4 交互性标签 25
2.3 设计段落版式 25
2.3.1 设置段落样式 25
2.3.2 设置对齐和缩进 26
2.3.3 添加分隔线 27
2.3.4 设置标题样式 27
2.4 设计文字效果 28
2.4.1 设置字形样式 28
2.4.2 设置上标、下标 29
2.5 设计列表文字 30
2.5.1 无序列表 30
2.5.2 有序列表 31
2.5.3 定义列表 32
2.6 设计链接文字 33
2.6.1 认识超链接 33
2.6.2 定义超链接 34
2.6.3 定义站外链接 35
2.6.4 定义站内链接 35
2.6.5 定义Email链接 36
2.7 设计表格文字 37
2.7.1 定义表格 37
2.7.2 设计表格结构 39
2.7.3 设置表格属性 42
2.7.4 合并单元格 44
2.7.5 定义列组和行组 45
2.7.6 定义表格标题 48
2.8 实战案例 49
2.8.1 设计新闻内页 49
2.8.2 设计网页日历 52
第3章 构建HTML5文档结构 56
3.1 创建HTML5结构 56
3.1.1 定义文章块 56
3.1.2 定义内容块 58
3.1.3 定义导航栏 61
3.1.4 定义侧边栏 63
3.1.5 定义微格式 64
3.1.6 定义日期 65
3.2 定义语义块 66
3.2.1 标题块 66
3.2.2 标题组 67
3.2.3 脚注块 67
3.2.4 联系信息 69
3.3 实战案例1：设计博客首页 69
3.4 实战案例2：设计个人主页 74
3.4.1 设计结构 75
3.4.2 设计样式 78
第4章 HTML5表单 80
4.1 HTML5表单结构和表单对象 80
4.1.1 HTML5表单基本结构 80
4.1.2 HTML5表单对象 82
4.2 新增输入类型 84
4.2.1 email类型 84
4.2.2 url类型 85
4.2.3 number类型 87
4.2.4 range类型 88
4.2.5 日期选择器 89
4.2.6 search类型 94
4.2.7 tel类型 95
4.2.8 颜色选择器 95
4.3 新增输入控制属性 96
4.3.1 autocomplete属性 96
4.3.2 autofocus属性 97
4.3.3 form属性 99
4.3.4 formaction属性 100
4.3.5 height和width属性 100
4.3.6 list属性 101
4.3.7 min、max和step属性 101
4.3.8 multiple属性 102
4.3.9 pattern属性 103
4.3.10 placeholder属性 104
4.3.11 required属性 104
4.4 新增表单元素 105
4.4.1 datalist元素 105
4.4.2 keygen元素 105
4.4.3 output元素 106
4.5 新增表单属性 107
4.5.1 autocomplete属性 107
4.5.2 novalidate属性 107
4.6 实战案例 107
4.6.1 设计移动调查表 107
4.6.2 设计PC调查表 109
4.6.3 设计在位编辑 111
第5章 HTML5多媒体应用 114
5.1 网页多媒体发展历史 114
5.2 HTML5多媒体技术 115
5.2.1 视频编解码器 115
5.2.2 音频编解码器 116
5.2.3 容器 116
5.3 HTML5多媒体支持 117
5.3.1 浏览器支持 117
5.3.2 音频格式支持检测 118
5.3.3 视频格式支持检测 119
5.4 使用HTML5音频 120
5.5 使用HTML5视频 121
5.6 设置属性、方法与事件 123
5.6.1 音频和视频属性 123
5.6.2 音频和视频相关方法 127
5.6.3 音频和视频事件 128
5.7 实战案例 129
5.7.1 手工控制视频播放 129
5.7.2 根据视频画面控制进度 130
第6章 客户端数据存储 135
6.1 认识Web Storage 135
6.2 浏览器支持 136
6.3 使用Web Storage 137
6.3.1 存取数据 137
6.3.2 Web Storage属性和方法 138
6.3.3 Web Storage事件 138
6.3.4 案例：设置网页背景色 139
6.3.5 案例：存取localStorage数据 140
6.3.6 案例：设计网页计数器 142
6.4 使用Web SQ L 142
6.4.1 使用Web SQL 143
6.4.2 案例：创建本地数据库 145
6.4.3 案例：批量存储本地数据 147
6.5 实战案例 148
6.5.1 设计Web留言本 148
6.5.2 设计客户联系表 150
6.5.3 使用Web SQL设计留言本 153
6.6 综合案例：设计购物网站 155
6.6.1 设计思路 156
6.6.2 设计登录页 156
6.6.3 设计商品选购页面 157
第7章 CSS样式基础 162
7.3 认识CSS 162
7.1.1 CSS发展历史 162
7.1.2 CSS优势 163
7.1.3 CSS样式 163
7.1.4 应用CSS样式 164
7.1.5 CSS样式表 165
7.1.6 导入样式表 165
7.1.7 CSS注释和格式化 165
7.1.8 设计第一个样式示例 166
7.2 CSS选择器 167
7.2.1 认识CSS选择器 167
7.2.2 标签选择器 167
7.2.3 ID选择器 168
7.2.4 类选择器 169
7.2.5 指定选择器 171
7.2.6 包含选择器 171
7.2.7 子选择器 173
7.2.8 相邻选择器 173
7.2.9 兄弟选择器 174
7.2.10 分组选择器 176
7.2.11 伪选择器 176
7.2.12 属性选择器 177
7.2.13 通用选择器 179
7.3 CSS特性 179
7.3.1 层叠性 179
7.3.2 继承性 180
7.4 实战案例 181
7.4.1 设计超链接样式 181
7.4.2 设计表格样式 183
第8章 CSS设计文本样式 188
8.1 定义字体和文本样式 188
8.1.1 字体类型 188
8.1.2 字体大小 189
8.1.3 字体颜色 190
8.1.4 字体粗细 191
8.1.5 斜体字体 192
8.1.6 装饰线 192
8.1.7 字体大小写 193
8.1.8 文本水平对齐 194
8.1.9 文本垂直对齐 195
8.1.10 字距和词距 196
8.1.11 行高 196
8.1.12 首行缩进 197
8.2 实战案例 198
8.2.1 定义文本阴影 198
8.2.2 设计文本阴影特效 199
8.2.3 定义溢出文本 205
8.2.4 文本换行 207
8.2.5 添加动态内容 209
8.2.6 恢复默认样式 211
8.2.7 自定义字体类型 212
第9章 设计背景和边框样式 215
9.1 定义边框样式 215
9.2 定义圆角 216
9.3 定义阴影 220
9.4 设计背景图像 224
9.4.1 背景颜色 224
9.4.2 设置背景图像 225
9.4.3 背景平铺 226
9.4.4 背景定位 227
9.4.5 固定背景 229
9.4.6 定位参考 230
9.4.7 背景裁剪 231
9.4.8 背景大小 233
9.4.9 多背景图 234
9.5 实战案例 235
9.5.1 设计图标按钮 235
9.5.2 设计花边框 237
9.5.3 设计椭圆图形 238
第10章 使用DIV＋CSS排版网页 240
10.1 控制页面元素显示 240
10.1.1 定义边界 240
10.1.2 定义补白 243
10.1.3 定义尺寸 246
10.2 以浮动方式显示 248
10.2.1 定义显示类型 248
10.2.2 定义显示模式 248
10.2.3 设置浮动显示 249
10.2.4 清除浮动 253
10.3 CSS定位显示 254
10.3.1 设置定位显示 255
10.3.2 静态定位 255
10.3.3 绝对定位 256
10.3.4 相对定位 257
10.3.5 固定定位 258
10.3.6 定位包含框 259
10.3.7 设置定位偏移 260
10.3.8 设置层叠顺序 262
10.3.9 层叠上下文 264
第11章 使用HTML5＋CSS3排版网页 267
11.1 多列布局 267
11.1.1 设置列宽 267
11.1.2 设置列数 268
11.1.3 设置列间距 269
11.1.4 设置列边框样式 270
11.1.5 设置跨列显示 271
11.1.6 设置列高度 272
11.2 弹性盒布局 273
11.2.1 定义Flexbox 274
11.2.2 定义伸缩方向 276
11.2.3 定义行数 277
11.2.4 定义对齐方式 278
11.2.5 定义伸缩项目 281
11.3 比较三种布局方式 284
11.4 实战案例 287
11.4.1 设计可伸缩模板 287
11.4.2 设计多列网页 291
11.4.3 设计HTML5模板 293
第12章 jQuery Mobile入门 297
12.1 认识JavaScnpt和jQuery 297
12.1.1 使用JavaScript 297
12.1.2 JavaScript对象和函数 298
12.1.3 JavaScfipt事件 300
12.1.4 使用jQuery 302
12.1.5 jQuery框架 304
12.1.6 jQuery选择器 304
12.2 认识jQuery Mobile 305
12.2.1 jQuery Mobile的兼容性 306
12.2.2 jQuery Mobile的优势 306
12.2.3 移动设备模拟器 307
12.3 使用jQuery Mobile 308
12.3.1 下载文件 309
12.3.2 初始化页面 310
12.4 案例：设计第一个移动页面 310
第13章 设计jQuery Mobile页面和弹出框 313
13.1 创建页面 313
13.1.1 定义单页 313
13.1.2 定义多页 314
13.1.3 定义外部链接 316
13.1.4 定义模态页 317
13.1.5 定义关闭模态对话框 318
13.2 设计视图 319
13.2.1 设计视图背景 319
13.2.2 设计页面切换动画 320
13.3 定义弹出页 323
13.4 应用弹出页 324
13.4.1 弹出菜单 324
13.4.2 弹出表单 325
13.4.3 弹出对话框 326
13.4.4 弹出图片 327
13.5 设置弹出页 328
13.5.1 设置显示位置 328
13.5.2 设置切换动画 329
13.5.3 设置主题样式 330
13.5.4 设置关闭按钮 330
13.6 实战案例 331
13.6.1 设计弹出框 331
13.6.2 设计侧滑面板 333
13.6.3 设计相册 335
第14章 移动页面布局 338
14.1 使用网格布局 338
14.1.1 定义分栏 338
14.1.2 案例：设计两栏页面 340
14.2 使用折叠块 342
14.2.1 定义折叠块 342
14.2.2 定义嵌套折叠块 343
14.2.3 定义折叠组 345
14.3 使用列表 346
14.3.1 定义列表视图 346
14.3.2 定义嵌套列表 347
14.3.3 分类列表 347
14.3.4 定义拆分按钮 348
14.3.5 定义缩微图和图标 349
14.3.6 定义气泡提示 350
14.3.7 列表过滤 350
14.3.8 定义插页列表 353
14.3.9 定义折叠列表 354
14.3.10 自动分类列表 356
14.4 使用表格 358
14.4.1 表格回流 358
14.4.2 表格字段切换 359
14.5 使用滑动面板 361
14.6 实战案例 362
14.6.1 设计课程表 362
14.6.2 设计九宫格 364
14.6.3 设计登录页 366
14.6.4 设计新闻列表 367
14.6.5 设计播放列表 369
14.6.6 设计通讯录 370
第15章 使用UI组件 372
15.1 使用按钮 372
15.1.1 定义按钮 372
15.1.2 定义内联按钮 373
15.1.3 定义按钮图标样式 373
15.1.4 设置按钮图标位置 375
15.1.5 定义迷你按钮 375
15.1.6 定义按钮组 376
15.2 使用工具栏 377
15.2.1 定义工具栏 377
15.2.2 定义显示模式 377
15.3 设计页眉 378
15.3.1 定义页眉栏 378
15.3.2 定义页眉按钮 379
15.3.3 定义按钮位置 380
15.4 设计导航 381
15.4.1 定义导航栏 381
15.4.2 定义导航图标 381
15.4.3 定义图标位置 382
15.5 设计页脚 383
15.5.1 定义页脚栏 383
15.5.2 包含表单 384
15.6 使用表单组件 385
15.6.1 文本框 385
15.6.2 单选按钮 386
15.6.3 复选框 387
15.6.4 滑块 388
15.6.5 开关按钮 389
15.6.6 下拉菜单 389
15.6.7 列表框 391
15.7 设计表单组件 392
15.7.1 恢复表单原生样式 392
15.7.2 选择项目分组 393
15.7.3 禁用选择项目 394
15.7.4 禁用表单对象 395
15.7.5 隐藏标签 395
15.7.6 设计迷你表单 396
15.8 实战案例 397
15.8.1 设计播放器 397
15.8.2 设计模拟键盘 398
15.8.3 设计调查问卷 401
15.8.4 设计拾色器 402
15.8.5 设计登录对话框 403
第16章 设置主题 405
16.1 使用主题 405
16.1.1 认识主题 405
16.1.2 默认主题 406
16.1.3 应用主题 407
16.2 使用ThemeRoller 410
16.3 实战案例 414
16.3.1 定义多页面主题 414
16.3.2 动态设置页面主题 415
16.3.3 设计计算器 417
第17章 jQuery Mobile配置和事件 420
17.1 配置 420
17.1.1 jQuery Mobile配置项 420
17.1.2 案例：设置gradeA 423
17.2 页面事件 426
17.2.1 页面初始事件 427
17.2.2 页面切换事件 428
17.2.3 页面显隐事件 430
17.3 触摸事件 432
17.3.1 滑动事件 432
17.3.2 翻转事件 435
17.3.3 滚屏事件 437
17.4 实战案例 439
17.4.1 单击和长按 439
17.4.2 侧滑面板 440
第18章 使用Bootstrap 442
18.1 Bootstrap概述 442
18.1.1 Bootstrap特色 442
18.1.2 Bootstrap模块 443
18.2 下载Bootstrap 444
18.2.1 下载Bootstrap 444
18.2.2 源码版Bootstrap文件结构 446
18.2.3 编译版Bootstrap文件结构 447
18.3 安装Bootstrap 448
18.3.1 在页面中导入Bootstrap框架 448
18.3.2 初次使用Bootstrap 449
18.4 使用常用组件 450
18.4.1 设计下拉菜单 450
18.4.2 设计按钮组 452
18.4.3 设计按钮导航条 452
18.4.4 设计按钮式下拉菜单 453
18.4.5 设计导航组件 454
18.4.6 绑定导航和下拉菜单 455
18.4.7 设计导航条 456
18.4.8 设计列表组 458
18.4.9 定义模态框 460
18.4.10 定义滚动监听 462
18.5 实战案例 465
18.5.1 设计Tabs组件 465
18.5.2 设计企业首页 466
第19章 案例开发：微信wap网站 470
19.1 设计思路 470
19.1.1 内容 470
19.1.2 结构 470
19.1.3 效果 471
19.2 设计首页 472
19.3 设计登录页 474
19.4 选择城市 475
19.5 选择酒店 479
19.6 预定酒店 480
第20章 实战开发：记事本应用项目 484
20.1 项目分析 484
20.2 框架设计 485
20.3 技术准备 485
20.3.1 兼容性检查 486
20.3.2 读写数据 487
20.3.3 使用Web Storage 488
20.3.4 Web Storage事件监测 489
20.4 制作主页面 489
20.5 制作列表页 492
20.6 制作详细页 494
20.7 制作修改页 497
20.8 制作添加页 500
第21章 实战开发：互动社区wap项目 504
21.1 项目分析 504
21.2 主页设计 504
21.3 登录页设计 506
21.4 注册页设计 507
21.5 发布页设计 508
21.6 后台开发 508
21.6.1 设计数据库 509
21.6.2 连接数据库 510
21.6.3 首页功能实现 510
21.6.4 注册页功能实现 514
21.6.5 发布页功能实现 515
21.6.6 回复功能实现 517