描述
开 本: 16开纸 张: 胶版纸包 装: 平装-胶订是否套装: 否国际标准书号ISBN: 9787302520436丛书名: 清华社“视频大讲堂”大系 网络开发视频大讲堂
产品特色
编辑推荐
《HTML5移动Web开发从入门到精通（微课精编版）》内容有以下五点特色。
1. 《HTML5移动Web开发从入门到精通（微课精编版）》提供了多样化、全方位的学习资源，帮助读者轻松掌握网页设计技术，从小白快速成长为前端开发高手。
（1）279节高清微视频 34项拓展微阅读 340个在线微练习，移动端/PC端同步学习，QQ群/微信群随时答疑。
（2）460个实例案例分析 324项实例源代码，速查、高效、实用，增强实战能力。
（3）4900个前端案例 48本参考手册，先观摩，再临摹，高手案头常备，随时查阅提升。
（4）1500套网页模板 12000个设计素材 1036道前端面试真题，随用随取，提升设计效率，快速进阶开发高手行列。
上述资源同时提供了手机端和PC端两种学习模式，扫描图书封底的“文泉云盘”二维码，即可获得书中的各类学习资源。
2. 本书面向零基础的初学者，通过“一个知识点 一个例子 一个结果 一段评析 一个综合应用”的写作模式，全面系统地讲解了HTML5 移动Web 开发技术，同时配合大量实例，循序渐进地为读者深入讲解移动网页设计和开发技术。
3. 为了传递更多知识，本书力求突破传统纸质书的厚度限制。本书提供了丰富的线上微资源，通过手机扫码，读者可随时观看讲解视频，拓展阅读相关知识，在线练习强化提升，全程便捷、高效，感受不一样的学习体验。
4. 本书根据初学者特点，在一些易错点、重点、难点位置精心设置了“注意”“提示”等小栏目。通过这些小栏目，读者会更留心相关的知识点和概念，绕过陷阱，掌握很多应用技巧。
5. 本书提供QQ群、微信公众号、服务网站等互动渠道，提供在线技术、学习答疑、技术资讯、视频课堂、在线勘误等功能。在这里，您可以结识大量志同道合的朋友，在交流和切磋中不断成长。
1. 《HTML5移动Web开发从入门到精通（微课精编版）》提供了多样化、全方位的学习资源，帮助读者轻松掌握网页设计技术，从小白快速成长为前端开发高手。
（1）279节高清微视频 34项拓展微阅读 340个在线微练习，移动端/PC端同步学习，QQ群/微信群随时答疑。
（2）460个实例案例分析 324项实例源代码，速查、高效、实用，增强实战能力。
（3）4900个前端案例 48本参考手册，先观摩，再临摹，高手案头常备，随时查阅提升。
（4）1500套网页模板 12000个设计素材 1036道前端面试真题，随用随取，提升设计效率，快速进阶开发高手行列。
上述资源同时提供了手机端和PC端两种学习模式，扫描图书封底的“文泉云盘”二维码，即可获得书中的各类学习资源。
2. 本书面向零基础的初学者，通过“一个知识点 一个例子 一个结果 一段评析 一个综合应用”的写作模式，全面系统地讲解了HTML5 移动Web 开发技术，同时配合大量实例，循序渐进地为读者深入讲解移动网页设计和开发技术。
3. 为了传递更多知识，本书力求突破传统纸质书的厚度限制。本书提供了丰富的线上微资源，通过手机扫码，读者可随时观看讲解视频，拓展阅读相关知识，在线练习强化提升，全程便捷、高效，感受不一样的学习体验。
4. 本书根据初学者特点，在一些易错点、重点、难点位置精心设置了“注意”“提示”等小栏目。通过这些小栏目，读者会更留心相关的知识点和概念，绕过陷阱，掌握很多应用技巧。
5. 本书提供QQ群、微信公众号、服务网站等互动渠道，提供在线技术、学习答疑、技术资讯、视频课堂、在线勘误等功能。在这里，您可以结识大量志同道合的朋友，在交流和切磋中不断成长。
内容简介
《HTML5移动Web开发从入门到精通（微课精编版）》结合HTML5 和CSS3 技术，为读者全面深入地讲解了针对各种屏幕大小设计和开发现代网站的技术。全书共19 章，包括HTML5 基础、CSS3 基础、设计移动页面结构、设计移动页面正文、美化页面文本、设计列表结构、应用多媒体、使用CSS3 定义版式、使用媒体查询、设计弹性布局、设计响应式图片、设计移动表单、设计响应式表格、使用CSS3 修饰背景、使用CSS3 美化界面样式、CSS3 动画、设计响应式网站、酒店预订微信wap 网站、发布网页等内容。
目 录
目 录
第1 章 HTML5 基础 1
视频讲解：27 分钟
1.1 HTML5概述 2
1.2 HTML5设计原则 3
1.2.1 避免不必要的复杂性 3
1.2.2 支持已有内容 4
1.2.3 解决实际问题 4
1.2.4 用户怎么使用就怎么设计规范 5
1.2.5 优雅地降级 5
1.2.6 支持的优先级 6
1.3 HTML5语法特性 6
1.3.1 文档和标记 6
1.3.2 宽松的约定 7
1.4 HTML5基本结构 8
1.4.1 新建HTML5文档 9
1.4.2 网页顶部和头部 10
1.4.3 网页主体 10
1.4.4 认识标签 11
1.4.5 网页文本内容 13
1.4.6 网页非文本内容 13
1.5 案例实战 14
1.5.1 编写第一个HTML5文档 14
1.5.2 比较HTML4与HTML5文档结构 15
1.6 在线练习 16
第2 章 CSS3 基础 17
视频讲解：1 小时1 分钟
2.1 CSS3概述 18
2.2 CSS3基本用法 18
2.2.1 CSS样式 19
2.2.2 引入CSS样式 20
2.2.3 CSS样式表 20
2.2.4 导入外部样式表 21
2.2.5 CSS格式化 21
2.2.6 CSS属性 21
2.2.7 CSS属性值 22
2.3 元素选择器 23
2.3.1 标签选择器 23
2.3.2 类选择器 23
2.3.3 ID选择器 24
2.3.4 通配选择器 25
2.4 关系选择器 25
2.4.1 包含选择器 25
2.4.2 子选择器 26
2.4.3 相邻选择器 27
2.4.4 兄弟选择器 27
2.4.5 分组选择器 28
2.5 属性选择器 28
2.6 伪选择器 31
2.6.1 结构伪类 32
2.6.2 否定伪类 39
2.6.3 状态伪类 39
2.6.4 目标伪类 41
2.7 CSS特性 42
2.7.1 CSS继承性 42
2.7.2 CSS层叠性 43
2.8 在线练习 44
第3 章 设计移动页面结构 45
视频讲解：36 分钟
3.1 头部信息 46
3.1.1 定义网页标题 46
3.1.2 定义网页元信息 47
3.1.3 定义文档视口 48
3.1.4 移动应用的head头信息说明 50
3.2 构建基本结构 50
3.2.1 定义文档结构 50
3.2.2 定义内容标题 51
3.2.3 使用div元素 53
3.2.4 使用id和class 54
3.2.5 使用title 55
3.2.6 HTML注释 56
3.3 构建语义结构 56
3.3.1 定义页眉 56
3.3.2 定义导航 57
3.3.3 定义主要区域 59
3.3.4 定义文章块 59
3.3.5 定义区块 61
3.3.6 定义附栏 63
3.3.7 定义页脚 65
3.3.8 使用role 66
3.4 案例实战 67
3.5 在线练习 70
第4 章 设计移动页面正文 71
视频讲解：1 小时1 分钟
4.1 通用文本 72
4.1.1 标题文本 72
4.1.2 段落文本 72
4.2 描述文本 73
4.2.1 强调文本 73
4.2.2 标记细则 73
4.2.3 特殊格式 74
4.2.4 定义上标和下标 74
4.2.5 定义术语 76
4.2.6 标记代码 77
4.2.7 预定义格式 77
4.2.8 定义缩写词 79
4.2.9 标注编辑或不用文本 79
4.2.10 指明引用或参考 80
4.2.11 引述文本 81
4.2.12 换行显示 82
4.2.13 修饰文本 83
4.2.14 非文本注解 83
4.3 特殊文本 83
4.3.1 标记高亮显示 83
4.3.2 标记进度信息 84
4.3.3 标记刻度信息 86
4.3.4 标记时间信息 87
4.3.5 标记联系信息 88
4.3.6 标记显示方向 89
4.3.7 标记换行断点 89
4.3.8 标记旁注 90
4.4 HTML5全局属性 90
4.4.1 可编辑内容 90
4.4.2 快捷菜单 91
4.4.3 自定义属性 92
4.4.4 定义可拖动操作 93
4.4.5 拖动数据 93
4.4.6 隐藏元素 94
4.4.7 语法检查 94
4.4.8 翻译内容 95
4.5 在线练习 95
第5 章 美化页面文本 96
视频讲解：2 小时6 分钟
5.1 设计字体样式 97
5.1.1 定义字体类型 97
5.1.2 定义字体大小 97
5.1.3 定义字体颜色 98
5.1.4 定义字体粗细 98
5.1.5 定义艺术字体 99
5.1.6 定义修饰线 99
5.1.7 定义字体的变体 101
5.1.8 定义大小字体 101
5.2 设计文本样式 102
5.2.1 定义文本对齐 102
5.2.2 定义垂直对齐 103
5.2.3 定义文本间距 104
5.2.4 定义行高 104
5.2.5 定义首行缩进 105
5.3 CSS3文本模块 107
5.3.1 文本溢出 107
5.3.2 文本换行 108
5.3.3 书写模式 110
5.3.4 initial值 112
5.3.5 inherit值 113
5.3.6 unset值 114
5.3.7 all属性 115
5.4 色彩模式 115
5.4.1 rgba()函数 115
5.4.2 hsl()函数 117
5.4.3 hsla()函数 119
5.4.4 opacity属性 121
5.4.5 transparent值 122
5.4.6 currentColor值 123
5.5 文本阴影 124
5.5.1 定义text-shadow 124
5.5.2 案例：设计特效字 126
5.6 动态内容 130
5.6.1 定义content 130
5.6.2 案例：应用content 131
5.7 网络字体 133
5.7.1 使用@font-face 133
5.7.2 案例：设计字体图标 134
5.8 案例实战 136
5.8.1 设计文本新闻页 136
5.8.2 设计正文内页 138
5.8.3 设计列表文本样式 139
5.8.4 设计黑科技首页 141
5.8.5 设计消息提示框 142
5.9 在线练习 142
第6 章 设计列表结构 143
视频讲解：52 分钟
6.1 定义列表 144
6.1.1 无序列表 144
6.1.2 有序列表 145
6.1.3 项目编号 146
6.1.4 设计CSS样式 147
6.1.5 嵌套列表 148
6.1.6 描述列表 148
6.1.7 菜单列表 150
6.1.8 快捷菜单 152
6.2 定义链接 155
6.2.1 普通链接 155
6.2.2 块链接 156
6.2.3 锚点链接 157
6.2.4 目标链接 158
6.2.5 下载链接 159
6.2.6 图像热点 159
6.2.7 框架链接 161
6.3 案例实战 162
6.3.1 设计导航页面 162
6.3.2 设计热销榜 167
6.3.3 设计品牌墙 169
6.3.4 设计品类引导列表 171
6.3.5 为快捷菜单添加命令 173
6.3.6 设计快捷分享命令 173
6.3.7 设计任务列表命令 173
6.3.8 设计排行榜列表结构 173
6.3.9 设计图文列表栏目 173
6.4 在线练习 174
第7 章 应用多媒体 175
视频讲解：40 分钟
7.1 认识网页图像 176
7.2 使用图像 177
7.2.1 使用img元素 177
7.2.2 定义流内容 178
7.2.3 插入图标 179
7.2.4 定义图像大小 180
7.2.5 案例：图文混排 181
7.3 使用多媒体插件 182
7.3.1 使用embed元素 182
7.3.2 使用object元素 183
7.4 使用HTML5多媒体 185
7.4.1 使用audio元素 185
7.4.2 使用video元素 187
7.5 案例实战 190
7.5.1 设计网页音乐播放器 190
7.5.2 设计MP3播放条 192
7.5.3 设计视频播放器 193
7.6 HTML5多媒体API 196
7.6.1 设置属性 196
7.6.2 设置方法 196
7.6.3 设置事件 196
7.6.4 综合案例 196
7.7 在线练习 200
第8 章 使用CSS3 定义版式 201
视频讲解：40 分钟
8.1 CSS盒模型 202
8.1.1 认识display 202
8.1.2 认识CSS盒模型 202
8.1.3 定义边界 203
8.1.4 定义边框 205
8.1.5 定义补白 206
8.2 设计浮动显示 208
8.2.1 定义float 208
8.2.2 使用clear 210
8.3 设计定位显示 213
8.3.1 定义position 213
8.3.2 设置层叠顺序 218
8.4 案例实战 220
8.4.1 设计两栏页面 220
8.4.2 设计三栏页面 222
8.4.3 设计九宫格版式 223
8.4.4 设计用户管理界面 226
8.4.5 设计侧滑面板 227
8.4.6 设计网格化版式 229
8.4.7 设计音乐列表版式 231
8.5 在线练习 232
第9 章 使用媒体查询 233
视频讲解：21 分钟
9.1 认识媒体查询 234
9.2 使用媒体查询 234
9.2.1 媒体类型和媒体查询 234
9.2.2 使用@media 236
9.2.3 应用@media 238
9.2.4 案例：设计第一个响应式版式 241
9.3 案例实战 243
9.3.1 判断显示屏幕宽度 243
9.3.2 设计响应式版式 244
9.3.3 设计响应式菜单 247
9.3.4 设计自动隐藏布局 248
9.3.5 设计自适应手机页面 251
9.4 在线练习 254
第10 章 设计弹性布局 255
视频讲解：32 分钟
10.1 多列布局 256
10.1.1 设置列宽 256
10.1.2 设置列数 257
10.1.3 设置间距 257
10.1.4 设置列边框 258
10.1.5 设置跨列显示 259
10.1.6 设置列高度 260
10.2 旧版伸缩盒 260
10.2.1 启动伸缩盒 261
10.2.2 设置宽度 261
10.2.3 设置顺序 263
10.2.4 设置方向 264
10.2.5 设置对齐方式 265
10.3 新版伸缩盒 267
10.3.1 认识Flexbox系统 267
10.3.2 启动伸缩盒 268
10.3.3 设置主轴方向 269
10.3.4 设置行数 270
10.3.5 设置对齐方式 271
10.3.6 设置伸缩项目 273
10.4 浏览器支持和伸缩盒版本迭代 276
10.4.1 浏览器对Flexbox的支持 276
10.4.2 比较Flexbox新旧版本 277
10.5 案例实战 280
10.5.1 将固宽页转换为弹性页 280
10.5.2 设计弹性菜单 283
10.5.3 设计多断点弹性菜单 285
10.5.4 设计粘附页脚栏 286
10.5.5 设计3栏页面 287
10.5.6 设计3行3列应用 287
10.6 在线练习 287
第11 章 设计响应式图片 288
11.1 认识响应式图片 289
11.2 使用picture 289
11.2.1 基本用法 290
11.2.2 浏览器支持 290
11.2.3 应用示例 291
11.3 案例实战 292
11.3.1 图片加载 292
11.3.2 针对不同设备调整显示焦点 293
11.3.3 使用媒体查询调整显示焦点 294
11.3.4 图片分辨率处理 295
11.3.5 设计图文版式 295
11.3.6 设计热点景点栏目 297
11.3.7 设计图片分享页面 299
11.3.8 设计图片列表页面 302
11.4 在线练习 304
第12 章 设计移动表单 305
视频讲解：1 小时12 分钟
12.1 认识HTML5表单 306
12.2 定义表单 307
12.3 提交表单 308
12.4 组织表单 309
12.5 定义文本框 310
12.6 定义标签 312
12.7 使用常用控件 313
12.7.1 密码框 313
12.7.2 单选按钮 314
12.7.3 复选框 314
12.7.4 文本区域 315
12.7.5 选择框 316
12.7.6 上传文件 317
12.7.7 隐藏字段 318
12.7.8 提交按钮 319
12.8 HTML5新型输入框 320
12.8.1 定义E-mail框 320
12.8.2 定义URL框 321
12.8.3 定义数字框 321
12.8.4 定义范围框 322
12.8.5 定义日期选择器 323
12.8.6 定义搜索框 327
12.8.7 定义电话号码框 328
12.8.8 定义拾色器 328
12.9 HTML5输入属性 329
12.9.1 定义自动完成 329
12.9.2 定义自动获取焦点 331
12.9.3 定义所属表单 332
12.9.4 定义表单重写 332
12.9.5 定义高和宽 333
12.9.6 定义列表选项 333
12.9.7 定义最小值、最大值和步长 333
12.9.8 定义多选 334
12.9.9 定义匹配模式 335
12.9.10 定义替换文本 335
12.9.11 定义必填 336
12.10 HTML5新表单元素 336
12.10.1 定义数据列表 337
12.10.2 定义密钥对生成器 337
12.10.3 定义输出结果 338
12.11 HTML5表单属性 339
12.11.1 定义自动完成 339
12.11.2 定义禁止验证 339
12.12 案例实战 340
12.12.1 设计注册表单 340
12.12.2 设计登录表单 342
12.12.3 设计反馈表单 344
12.13 在线练习 346
第13 章 设计响应式表格 347
视频讲解：35 分钟
13.1 认识表格结构 348
13.2 新建表格 349
13.2.1 定义普通表格 349
13.2.2 定义列标题 349
13.2.3 定义表格标题 351
13.2.4 表格行分组 351
13.2.5 表格列分组 352
13.3 设置table属性 355
13.3.1 定义单线表格 356
13.3.2 定义分离单元格 357
13.3.3 定义细线边框 357
13.3.4 添加表格说明 358
13.4 设置td和th属性 358
13.4.1 定义跨单元格显示 359
13.4.2 定义表头单元格 360
13.4.3 为单元格指定表头 361
13.4.4 定义信息缩写 361
13.4.5 单元格分类 362
13.5 使用CSS定义表格样式 362
13.5.1 定义表格的基本方法 363
13.5.2 定义边框 364
13.5.3 定义间距 364
13.5.4 定义标题 365
13.5.5 定义空单元格 366
13.6 案例实战 367
13.6.1 设计产品信息列表 367
13.6.2 设计自适应布局表格 368
13.6.3 设计滚动显示表格 371
13.6.4 设计隐藏不重要的数据列 373
13.7 在线练习 374
第14 章 使用CSS3 修饰背景 375
视频讲解：51 分钟
14.1 设计背景图像 376
14.1.1 设置定位原点 376
14.1.2 设置裁剪区域 377
14.1.3 设置背景图像大小 379
14.1.4 设置多重背景图像 380
14.2 设计渐变背景 382
14.2.1 定义线性渐变 383
14.2.2 设计线性渐变样式 385
14.2.3 案例：设计网页渐变色 387
14.2.4 案例：设计条纹背景 389
14.2.5 定义重复线性渐变 391
14.2.6 定义径向渐变 393
14.2.7 设计径向渐变样式 395
14.2.8 定义重复径向渐变 397
14.2.9 案例：设计网页背景色 398
14.2.10 案例：设计图标 399
14.3 案例实战 401
14.3.1 设计优惠券 401
14.3.2 设计桌面纹理背景 401
14.3.3 设计按钮 401
14.3.4 渐变特殊应用场景 402
14.3.5 设计栏目折角效果 402
14.4 在线练习 403
第15 章 使用CSS3 美化界面样式 404
视频讲解：36 分钟
15.1 界面显示 405
15.1.1 显示方式 405
15.1.2 调整尺寸 406
15.1.3 缩放比例 407
15.2 轮廓样式 407
15.2.1 定义轮廓 408
15.2.2 设计轮廓线 410
15.3 边框样式 412
15.3.1 定义边框图像源 412
15.3.2 定义边框图像平铺方式 413
15.3.3 定义边框图像宽度 414
15.3.4 定义边框图像分割方式 414
15.3.5 定义边框图像扩展 415
15.3.6 案例：应用边框图像 417
15.3.7 定义圆角边框 419
15.3.8 案例：设计椭圆图形 421
15.4 盒子阴影 422
15.4.1 定义盒子阴影 422
15.4.2 案例：box-shadow的应用 424
15.4.3 案例：设计翘边阴影 427
15.5 案例实战 429
15.5.1 设计内容页 429
15.5.2 设计应用界面 429
15.6 在线练习 430
第16 章 CSS3 动画 431
视频讲解：1 小时1 分钟
16.1 CSS3变形 432
16.1.1 认识Transform 432
16.1.2 设置原点 432
16.1.3 2D旋转 433
16.1.4 2D缩放 434
16.1.5 2D平移 435
16.1.6 2D倾斜 436
16.1.7 2D矩阵 436
16.1.8 设置变形类型 437
16.1.9 设置透视距离和原点 438
16.1.10 3D平移 441
16.1.11 3D缩放 442
16.1.12 3D旋转 443
16.1.13 透视函数 444
16.1.14 变形原点 445
16.1.15 背景可见 445
16.2 过渡动画 446
16.2.1 设置过渡属性 446
16.2.2 设置过渡时间 447
16.2.3 设置延迟过渡时间 448
16.2.4 设置过渡动画类型 448
16.2.5 设置过渡触发动作 449
16.3 帧动画 454
16.3.1 设置关键帧 454
16.3.2 设置动画属性 456
16.4 案例实战 458
16.4.1 设计图形 458
16.4.2 设计冒泡背景按钮 459
16.4.3 设计动画效果菜单 459
16.4.4 设计照片特效 459
16.4.5 设计立体盒子 460
16.4.6 旋转盒子 460
16.4.7 设计翻转广告 460
16.4.8 设计跑步效果 461
16.4.9 设计折叠面板 461
16.5 在线练习 461
第17 章 综合实战：设计响应式网站 462
17.1 认识响应式Web设计 463
17.2 构建页面 463
17.3 设计基本样式 466
17.3.1 兼容早期浏览器 466
17.3.2 重置默认样式 467
17.4 设计响应式样式 467
17.4.1 创建可伸缩图像 468
17.4.2 创建弹性布局网格 468
17.4.3 实现媒体查询 469
17.4.4 组合样式 472
17.4.5 兼容旧版IE 478
第18 章 案例开发：酒店预订微信wap 网站 480
视频讲解：16 分钟
18.1 设计思路 481
18.1.1 内容 481
18.1.2 结构 481
18.1.3 效果 482
18.2 设计首页 483
18.3 设计登录页 485
18.4 选择城市 487
18.5 选择酒店 490
18.6 预订酒店 491
第19 章 发布网页 496
19.1 Web应用发布基础 497
19.2 下载、安装Cordova 498
19.2.1 安装Java JDK 498
19.2.2 安装Android SDK 499
19.2.3 安装Apache Ant 500
19.2.4 设置用户变量 501
19.2.5 测试工具 502
19.2.6 通过npm安装Cordova 503
19.2.7 设置Android模拟器 504
19.3 将网页转换成Android APP 506
第1 章 HTML5 基础 1
视频讲解：27 分钟
1.1 HTML5概述 2
1.2 HTML5设计原则 3
1.2.1 避免不必要的复杂性 3
1.2.2 支持已有内容 4
1.2.3 解决实际问题 4
1.2.4 用户怎么使用就怎么设计规范 5
1.2.5 优雅地降级 5
1.2.6 支持的优先级 6
1.3 HTML5语法特性 6
1.3.1 文档和标记 6
1.3.2 宽松的约定 7
1.4 HTML5基本结构 8
1.4.1 新建HTML5文档 9
1.4.2 网页顶部和头部 10
1.4.3 网页主体 10
1.4.4 认识标签 11
1.4.5 网页文本内容 13
1.4.6 网页非文本内容 13
1.5 案例实战 14
1.5.1 编写第一个HTML5文档 14
1.5.2 比较HTML4与HTML5文档结构 15
1.6 在线练习 16
第2 章 CSS3 基础 17
视频讲解：1 小时1 分钟
2.1 CSS3概述 18
2.2 CSS3基本用法 18
2.2.1 CSS样式 19
2.2.2 引入CSS样式 20
2.2.3 CSS样式表 20
2.2.4 导入外部样式表 21
2.2.5 CSS格式化 21
2.2.6 CSS属性 21
2.2.7 CSS属性值 22
2.3 元素选择器 23
2.3.1 标签选择器 23
2.3.2 类选择器 23
2.3.3 ID选择器 24
2.3.4 通配选择器 25
2.4 关系选择器 25
2.4.1 包含选择器 25
2.4.2 子选择器 26
2.4.3 相邻选择器 27
2.4.4 兄弟选择器 27
2.4.5 分组选择器 28
2.5 属性选择器 28
2.6 伪选择器 31
2.6.1 结构伪类 32
2.6.2 否定伪类 39
2.6.3 状态伪类 39
2.6.4 目标伪类 41
2.7 CSS特性 42
2.7.1 CSS继承性 42
2.7.2 CSS层叠性 43
2.8 在线练习 44
第3 章 设计移动页面结构 45
视频讲解：36 分钟
3.1 头部信息 46
3.1.1 定义网页标题 46
3.1.2 定义网页元信息 47
3.1.3 定义文档视口 48
3.1.4 移动应用的head头信息说明 50
3.2 构建基本结构 50
3.2.1 定义文档结构 50
3.2.2 定义内容标题 51
3.2.3 使用div元素 53
3.2.4 使用id和class 54
3.2.5 使用title 55
3.2.6 HTML注释 56
3.3 构建语义结构 56
3.3.1 定义页眉 56
3.3.2 定义导航 57
3.3.3 定义主要区域 59
3.3.4 定义文章块 59
3.3.5 定义区块 61
3.3.6 定义附栏 63
3.3.7 定义页脚 65
3.3.8 使用role 66
3.4 案例实战 67
3.5 在线练习 70
第4 章 设计移动页面正文 71
视频讲解：1 小时1 分钟
4.1 通用文本 72
4.1.1 标题文本 72
4.1.2 段落文本 72
4.2 描述文本 73
4.2.1 强调文本 73
4.2.2 标记细则 73
4.2.3 特殊格式 74
4.2.4 定义上标和下标 74
4.2.5 定义术语 76
4.2.6 标记代码 77
4.2.7 预定义格式 77
4.2.8 定义缩写词 79
4.2.9 标注编辑或不用文本 79
4.2.10 指明引用或参考 80
4.2.11 引述文本 81
4.2.12 换行显示 82
4.2.13 修饰文本 83
4.2.14 非文本注解 83
4.3 特殊文本 83
4.3.1 标记高亮显示 83
4.3.2 标记进度信息 84
4.3.3 标记刻度信息 86
4.3.4 标记时间信息 87
4.3.5 标记联系信息 88
4.3.6 标记显示方向 89
4.3.7 标记换行断点 89
4.3.8 标记旁注 90
4.4 HTML5全局属性 90
4.4.1 可编辑内容 90
4.4.2 快捷菜单 91
4.4.3 自定义属性 92
4.4.4 定义可拖动操作 93
4.4.5 拖动数据 93
4.4.6 隐藏元素 94
4.4.7 语法检查 94
4.4.8 翻译内容 95
4.5 在线练习 95
第5 章 美化页面文本 96
视频讲解：2 小时6 分钟
5.1 设计字体样式 97
5.1.1 定义字体类型 97
5.1.2 定义字体大小 97
5.1.3 定义字体颜色 98
5.1.4 定义字体粗细 98
5.1.5 定义艺术字体 99
5.1.6 定义修饰线 99
5.1.7 定义字体的变体 101
5.1.8 定义大小字体 101
5.2 设计文本样式 102
5.2.1 定义文本对齐 102
5.2.2 定义垂直对齐 103
5.2.3 定义文本间距 104
5.2.4 定义行高 104
5.2.5 定义首行缩进 105
5.3 CSS3文本模块 107
5.3.1 文本溢出 107
5.3.2 文本换行 108
5.3.3 书写模式 110
5.3.4 initial值 112
5.3.5 inherit值 113
5.3.6 unset值 114
5.3.7 all属性 115
5.4 色彩模式 115
5.4.1 rgba()函数 115
5.4.2 hsl()函数 117
5.4.3 hsla()函数 119
5.4.4 opacity属性 121
5.4.5 transparent值 122
5.4.6 currentColor值 123
5.5 文本阴影 124
5.5.1 定义text-shadow 124
5.5.2 案例：设计特效字 126
5.6 动态内容 130
5.6.1 定义content 130
5.6.2 案例：应用content 131
5.7 网络字体 133
5.7.1 使用@font-face 133
5.7.2 案例：设计字体图标 134
5.8 案例实战 136
5.8.1 设计文本新闻页 136
5.8.2 设计正文内页 138
5.8.3 设计列表文本样式 139
5.8.4 设计黑科技首页 141
5.8.5 设计消息提示框 142
5.9 在线练习 142
第6 章 设计列表结构 143
视频讲解：52 分钟
6.1 定义列表 144
6.1.1 无序列表 144
6.1.2 有序列表 145
6.1.3 项目编号 146
6.1.4 设计CSS样式 147
6.1.5 嵌套列表 148
6.1.6 描述列表 148
6.1.7 菜单列表 150
6.1.8 快捷菜单 152
6.2 定义链接 155
6.2.1 普通链接 155
6.2.2 块链接 156
6.2.3 锚点链接 157
6.2.4 目标链接 158
6.2.5 下载链接 159
6.2.6 图像热点 159
6.2.7 框架链接 161
6.3 案例实战 162
6.3.1 设计导航页面 162
6.3.2 设计热销榜 167
6.3.3 设计品牌墙 169
6.3.4 设计品类引导列表 171
6.3.5 为快捷菜单添加命令 173
6.3.6 设计快捷分享命令 173
6.3.7 设计任务列表命令 173
6.3.8 设计排行榜列表结构 173
6.3.9 设计图文列表栏目 173
6.4 在线练习 174
第7 章 应用多媒体 175
视频讲解：40 分钟
7.1 认识网页图像 176
7.2 使用图像 177
7.2.1 使用img元素 177
7.2.2 定义流内容 178
7.2.3 插入图标 179
7.2.4 定义图像大小 180
7.2.5 案例：图文混排 181
7.3 使用多媒体插件 182
7.3.1 使用embed元素 182
7.3.2 使用object元素 183
7.4 使用HTML5多媒体 185
7.4.1 使用audio元素 185
7.4.2 使用video元素 187
7.5 案例实战 190
7.5.1 设计网页音乐播放器 190
7.5.2 设计MP3播放条 192
7.5.3 设计视频播放器 193
7.6 HTML5多媒体API 196
7.6.1 设置属性 196
7.6.2 设置方法 196
7.6.3 设置事件 196
7.6.4 综合案例 196
7.7 在线练习 200
第8 章 使用CSS3 定义版式 201
视频讲解：40 分钟
8.1 CSS盒模型 202
8.1.1 认识display 202
8.1.2 认识CSS盒模型 202
8.1.3 定义边界 203
8.1.4 定义边框 205
8.1.5 定义补白 206
8.2 设计浮动显示 208
8.2.1 定义float 208
8.2.2 使用clear 210
8.3 设计定位显示 213
8.3.1 定义position 213
8.3.2 设置层叠顺序 218
8.4 案例实战 220
8.4.1 设计两栏页面 220
8.4.2 设计三栏页面 222
8.4.3 设计九宫格版式 223
8.4.4 设计用户管理界面 226
8.4.5 设计侧滑面板 227
8.4.6 设计网格化版式 229
8.4.7 设计音乐列表版式 231
8.5 在线练习 232
第9 章 使用媒体查询 233
视频讲解：21 分钟
9.1 认识媒体查询 234
9.2 使用媒体查询 234
9.2.1 媒体类型和媒体查询 234
9.2.2 使用@media 236
9.2.3 应用@media 238
9.2.4 案例：设计第一个响应式版式 241
9.3 案例实战 243
9.3.1 判断显示屏幕宽度 243
9.3.2 设计响应式版式 244
9.3.3 设计响应式菜单 247
9.3.4 设计自动隐藏布局 248
9.3.5 设计自适应手机页面 251
9.4 在线练习 254
第10 章 设计弹性布局 255
视频讲解：32 分钟
10.1 多列布局 256
10.1.1 设置列宽 256
10.1.2 设置列数 257
10.1.3 设置间距 257
10.1.4 设置列边框 258
10.1.5 设置跨列显示 259
10.1.6 设置列高度 260
10.2 旧版伸缩盒 260
10.2.1 启动伸缩盒 261
10.2.2 设置宽度 261
10.2.3 设置顺序 263
10.2.4 设置方向 264
10.2.5 设置对齐方式 265
10.3 新版伸缩盒 267
10.3.1 认识Flexbox系统 267
10.3.2 启动伸缩盒 268
10.3.3 设置主轴方向 269
10.3.4 设置行数 270
10.3.5 设置对齐方式 271
10.3.6 设置伸缩项目 273
10.4 浏览器支持和伸缩盒版本迭代 276
10.4.1 浏览器对Flexbox的支持 276
10.4.2 比较Flexbox新旧版本 277
10.5 案例实战 280
10.5.1 将固宽页转换为弹性页 280
10.5.2 设计弹性菜单 283
10.5.3 设计多断点弹性菜单 285
10.5.4 设计粘附页脚栏 286
10.5.5 设计3栏页面 287
10.5.6 设计3行3列应用 287
10.6 在线练习 287
第11 章 设计响应式图片 288
11.1 认识响应式图片 289
11.2 使用picture 289
11.2.1 基本用法 290
11.2.2 浏览器支持 290
11.2.3 应用示例 291
11.3 案例实战 292
11.3.1 图片加载 292
11.3.2 针对不同设备调整显示焦点 293
11.3.3 使用媒体查询调整显示焦点 294
11.3.4 图片分辨率处理 295
11.3.5 设计图文版式 295
11.3.6 设计热点景点栏目 297
11.3.7 设计图片分享页面 299
11.3.8 设计图片列表页面 302
11.4 在线练习 304
第12 章 设计移动表单 305
视频讲解：1 小时12 分钟
12.1 认识HTML5表单 306
12.2 定义表单 307
12.3 提交表单 308
12.4 组织表单 309
12.5 定义文本框 310
12.6 定义标签 312
12.7 使用常用控件 313
12.7.1 密码框 313
12.7.2 单选按钮 314
12.7.3 复选框 314
12.7.4 文本区域 315
12.7.5 选择框 316
12.7.6 上传文件 317
12.7.7 隐藏字段 318
12.7.8 提交按钮 319
12.8 HTML5新型输入框 320
12.8.1 定义E-mail框 320
12.8.2 定义URL框 321
12.8.3 定义数字框 321
12.8.4 定义范围框 322
12.8.5 定义日期选择器 323
12.8.6 定义搜索框 327
12.8.7 定义电话号码框 328
12.8.8 定义拾色器 328
12.9 HTML5输入属性 329
12.9.1 定义自动完成 329
12.9.2 定义自动获取焦点 331
12.9.3 定义所属表单 332
12.9.4 定义表单重写 332
12.9.5 定义高和宽 333
12.9.6 定义列表选项 333
12.9.7 定义最小值、最大值和步长 333
12.9.8 定义多选 334
12.9.9 定义匹配模式 335
12.9.10 定义替换文本 335
12.9.11 定义必填 336
12.10 HTML5新表单元素 336
12.10.1 定义数据列表 337
12.10.2 定义密钥对生成器 337
12.10.3 定义输出结果 338
12.11 HTML5表单属性 339
12.11.1 定义自动完成 339
12.11.2 定义禁止验证 339
12.12 案例实战 340
12.12.1 设计注册表单 340
12.12.2 设计登录表单 342
12.12.3 设计反馈表单 344
12.13 在线练习 346
第13 章 设计响应式表格 347
视频讲解：35 分钟
13.1 认识表格结构 348
13.2 新建表格 349
13.2.1 定义普通表格 349
13.2.2 定义列标题 349
13.2.3 定义表格标题 351
13.2.4 表格行分组 351
13.2.5 表格列分组 352
13.3 设置table属性 355
13.3.1 定义单线表格 356
13.3.2 定义分离单元格 357
13.3.3 定义细线边框 357
13.3.4 添加表格说明 358
13.4 设置td和th属性 358
13.4.1 定义跨单元格显示 359
13.4.2 定义表头单元格 360
13.4.3 为单元格指定表头 361
13.4.4 定义信息缩写 361
13.4.5 单元格分类 362
13.5 使用CSS定义表格样式 362
13.5.1 定义表格的基本方法 363
13.5.2 定义边框 364
13.5.3 定义间距 364
13.5.4 定义标题 365
13.5.5 定义空单元格 366
13.6 案例实战 367
13.6.1 设计产品信息列表 367
13.6.2 设计自适应布局表格 368
13.6.3 设计滚动显示表格 371
13.6.4 设计隐藏不重要的数据列 373
13.7 在线练习 374
第14 章 使用CSS3 修饰背景 375
视频讲解：51 分钟
14.1 设计背景图像 376
14.1.1 设置定位原点 376
14.1.2 设置裁剪区域 377
14.1.3 设置背景图像大小 379
14.1.4 设置多重背景图像 380
14.2 设计渐变背景 382
14.2.1 定义线性渐变 383
14.2.2 设计线性渐变样式 385
14.2.3 案例：设计网页渐变色 387
14.2.4 案例：设计条纹背景 389
14.2.5 定义重复线性渐变 391
14.2.6 定义径向渐变 393
14.2.7 设计径向渐变样式 395
14.2.8 定义重复径向渐变 397
14.2.9 案例：设计网页背景色 398
14.2.10 案例：设计图标 399
14.3 案例实战 401
14.3.1 设计优惠券 401
14.3.2 设计桌面纹理背景 401
14.3.3 设计按钮 401
14.3.4 渐变特殊应用场景 402
14.3.5 设计栏目折角效果 402
14.4 在线练习 403
第15 章 使用CSS3 美化界面样式 404
视频讲解：36 分钟
15.1 界面显示 405
15.1.1 显示方式 405
15.1.2 调整尺寸 406
15.1.3 缩放比例 407
15.2 轮廓样式 407
15.2.1 定义轮廓 408
15.2.2 设计轮廓线 410
15.3 边框样式 412
15.3.1 定义边框图像源 412
15.3.2 定义边框图像平铺方式 413
15.3.3 定义边框图像宽度 414
15.3.4 定义边框图像分割方式 414
15.3.5 定义边框图像扩展 415
15.3.6 案例：应用边框图像 417
15.3.7 定义圆角边框 419
15.3.8 案例：设计椭圆图形 421
15.4 盒子阴影 422
15.4.1 定义盒子阴影 422
15.4.2 案例：box-shadow的应用 424
15.4.3 案例：设计翘边阴影 427
15.5 案例实战 429
15.5.1 设计内容页 429
15.5.2 设计应用界面 429
15.6 在线练习 430
第16 章 CSS3 动画 431
视频讲解：1 小时1 分钟
16.1 CSS3变形 432
16.1.1 认识Transform 432
16.1.2 设置原点 432
16.1.3 2D旋转 433
16.1.4 2D缩放 434
16.1.5 2D平移 435
16.1.6 2D倾斜 436
16.1.7 2D矩阵 436
16.1.8 设置变形类型 437
16.1.9 设置透视距离和原点 438
16.1.10 3D平移 441
16.1.11 3D缩放 442
16.1.12 3D旋转 443
16.1.13 透视函数 444
16.1.14 变形原点 445
16.1.15 背景可见 445
16.2 过渡动画 446
16.2.1 设置过渡属性 446
16.2.2 设置过渡时间 447
16.2.3 设置延迟过渡时间 448
16.2.4 设置过渡动画类型 448
16.2.5 设置过渡触发动作 449
16.3 帧动画 454
16.3.1 设置关键帧 454
16.3.2 设置动画属性 456
16.4 案例实战 458
16.4.1 设计图形 458
16.4.2 设计冒泡背景按钮 459
16.4.3 设计动画效果菜单 459
16.4.4 设计照片特效 459
16.4.5 设计立体盒子 460
16.4.6 旋转盒子 460
16.4.7 设计翻转广告 460
16.4.8 设计跑步效果 461
16.4.9 设计折叠面板 461
16.5 在线练习 461
第17 章 综合实战：设计响应式网站 462
17.1 认识响应式Web设计 463
17.2 构建页面 463
17.3 设计基本样式 466
17.3.1 兼容早期浏览器 466
17.3.2 重置默认样式 467
17.4 设计响应式样式 467
17.4.1 创建可伸缩图像 468
17.4.2 创建弹性布局网格 468
17.4.3 实现媒体查询 469
17.4.4 组合样式 472
17.4.5 兼容旧版IE 478
第18 章 案例开发：酒店预订微信wap 网站 480
视频讲解：16 分钟
18.1 设计思路 481
18.1.1 内容 481
18.1.2 结构 481
18.1.3 效果 482
18.2 设计首页 483
18.3 设计登录页 485
18.4 选择城市 487
18.5 选择酒店 490
18.6 预订酒店 491
第19 章 发布网页 496
19.1 Web应用发布基础 497
19.2 下载、安装Cordova 498
19.2.1 安装Java JDK 498
19.2.2 安装Android SDK 499
19.2.3 安装Apache Ant 500
19.2.4 设置用户变量 501
19.2.5 测试工具 502
19.2.6 通过npm安装Cordova 503
19.2.7 设置Android模拟器 504
19.3 将网页转换成Android APP 506
前 言
前 言
“网络开发视频大讲堂”系列丛书因其编写细腻、讲解透彻、实用易学、配备全程视频等，备受读者欢迎。丛书累计销售20多万册，其中，《HTML5 CSS3从入门到精通》累计销售10万册。同时，系列书被上百所高校选为教学参考用书。
本次改版，在继承前版优点的基础上，进一步对图书内容进行了优化，选择面试、就业最急需的内容，重新录制了视频，同时增加了许多当前流行的前端技术，提供了“入门学习→实例应用→项目开发→能力测试→面试”等各个阶段的海量开发资源库，实战容量更大，以帮助读者快速掌握前端开发所需要的核心精髓内容。
随着HTML5 技术的不断发展与成熟，移动应用开发领域迎来了崭新的时代。当然HTML5 也不是万能的，毕竟iOS 和Android 作为原生技术有着不可替代的地位，如果将HTML5 CSS3 的前端技术发挥到极致，也会让移动应用开发更上一层楼。如何在多平台上创建高性能、响应式移动网站？对于网页设计人员来说，由于智能移动设备快速增加、屏幕尺寸各不相同、性能仍有局限性，这个问题就显得非常重要。本书提供了答案。通过阅读本书，你会知道如何有效地利用最新的HTML5 CSS3 技术，针对移动网站的功能来设计网页，横跨多个移动平台，设计可靠的移动版Web 页面，并借助CSS3 技术让页面能够适应不同的设备，展现最完美的移动效果。
本书内容
1. 移动网页设计基础：HTML5语言基础、CSS3语言基础、设计移动页面结构、设计移动页面内容、美化移动网页文本、设计列表结构、使用移动多媒体、使用CSS3设计移动版式。
2. 移动网页设计进阶：使用媒体查询设计响应式页面、使用CSS3设计弹性布局、设计响应式图片、使用HTML5设计移动页面表单、设计响应式表格、使用CSS3美化背景样式、使用CSS3美化界面样式、使用CSS3设计动画。
3. 移动网页设计实战：设计响应式网站、设计APP类型网站、发布网站。
本书特点
1．由浅入深，编排合理，实用易学
本书系统地讲解了HTML5 移动Web 开发技术，同时配合大量实例，循序渐进地为读者深入讲解移动网页设计和开发技术。
2．跟着案例和视频学，入门更容易
跟着例子学习，通过训练提升，是初学者最好的学习方式。本书案例丰富详尽，且都附有详尽的代码注释及清晰的视频讲解。跟着这些案例边做边学，可以避免学到的知识流于表面、限于理论，尽情感受编程带来的快乐和成就感。
3．4大类线上资源，多元化学习体验
为了传递更多知识，本书力求突破传统纸质书的厚度限制。本书提供了4 大类线上微资源，通过手机扫码，读者可随时观看讲解视频，拓展阅读相关知识，在线练习强化提升，还可以查阅官方权威资料，全程便捷、高效，感受不一样的学习体验。
4．精彩栏目，易错点、重点、难点贴心提醒
本书根据初学者特点，在一些易错点、重点、难点位置精心设置了“注意”“提示”等小栏目。通过这些小栏目，读者会更留心相关的知识点和概念，绕过陷阱，掌握很多应用技巧。
本书配套资源
1. 详尽的配书资源
279节同步微视频；34项拓展微阅读；460个实例案例分析；340个在线微练习；324项源代码资源。
2. 前端素材库
PSD 网页分层模板（426 套）；设计素材大全（17 类，10000 个）；网页配色工具箱（600 个）；网页模板大全（632 套）；JavaScript 网页特效大全（24 套）；Bootstrap 网页模板（500 套）；Photoshop 设计大全（18 类，2000 个）；历史经典网页欣赏（508 例）。
3. 案例资源库
网页设计初级示例大全（49 例）；网页应用分类案例大全（1600 例）；HTML5 CSS3 JavaScript 实用案例大全（3200 例）。
4. 权威参考手册
PHP、MySQL 参考手册（5 册）；9 本CSS 参考手册；10 本HTML 参考手册；23 本JavaScript 参考手册；1 本Photoshop 学习手册。
5. 面试题库
HTML、CSS 面试题（351 题）；JavaScript 面试题（685 题）；前端开发/设计面试经验。
读者对象
HTML5 初学者和进阶者；网站开发和网页设计的从业人员；大、中专院校，以及相关培训机构的教师和学生。
读前须知
本书所有HTML 示例都应该嵌套在一个有效文档的 标签中，同时，CSS 包含在内部或外部样式表中。对于包含重复内容的HTML 示例，本书可能不会列出每一行代码，而是适时地使用省略号表示部分代码，详细代码需要参阅本书源码示例。本书所列出的插图可能会与读者实际环境中的操作界面有所差别，这可能是由于操作系统平台、浏览器版本等不同而引起的，在此特别说明，读者应该以实际情况为准。本书所有案例代码都是在HTML5 类型文档中编写。所有示例也能够兼容HTML 4.01 和XHTML 1.0。由于CSS3 技术还在不断地完善与更新中，建议根据本书提供的参考地址，获取有关CSS3 的最新信息与更新。
读者服务
学习本书时，请先扫描封底的权限二维码（需要刮开涂层）获取学习权限，然后即可免费学习书中的所有线上线下资源。本书所附赠的超值资源库内容，读者可登录清华大学出版社网站，在对应图书页面下获取其下载方式。也可扫描图书封底的“文泉云盘”二维码，获取其下载方式。本书提供QQ群、微信公众号、服务网站等互动渠道，提供在线技术交流、学习答疑、技术资讯、视频课堂、在线勘误等功能。在这里，您可以结识大量志同道合的朋友，在交流和切磋中不断成长。读者对本书有什么好的意见和建议，也可以通过邮箱发邮件给我们。
“网络开发视频大讲堂”系列丛书因其编写细腻、讲解透彻、实用易学、配备全程视频等，备受读者欢迎。丛书累计销售20多万册，其中，《HTML5 CSS3从入门到精通》累计销售10万册。同时，系列书被上百所高校选为教学参考用书。
本次改版，在继承前版优点的基础上，进一步对图书内容进行了优化，选择面试、就业最急需的内容，重新录制了视频，同时增加了许多当前流行的前端技术，提供了“入门学习→实例应用→项目开发→能力测试→面试”等各个阶段的海量开发资源库，实战容量更大，以帮助读者快速掌握前端开发所需要的核心精髓内容。
随着HTML5 技术的不断发展与成熟，移动应用开发领域迎来了崭新的时代。当然HTML5 也不是万能的，毕竟iOS 和Android 作为原生技术有着不可替代的地位，如果将HTML5 CSS3 的前端技术发挥到极致，也会让移动应用开发更上一层楼。如何在多平台上创建高性能、响应式移动网站？对于网页设计人员来说，由于智能移动设备快速增加、屏幕尺寸各不相同、性能仍有局限性，这个问题就显得非常重要。本书提供了答案。通过阅读本书，你会知道如何有效地利用最新的HTML5 CSS3 技术，针对移动网站的功能来设计网页，横跨多个移动平台，设计可靠的移动版Web 页面，并借助CSS3 技术让页面能够适应不同的设备，展现最完美的移动效果。
本书内容
1. 移动网页设计基础：HTML5语言基础、CSS3语言基础、设计移动页面结构、设计移动页面内容、美化移动网页文本、设计列表结构、使用移动多媒体、使用CSS3设计移动版式。
2. 移动网页设计进阶：使用媒体查询设计响应式页面、使用CSS3设计弹性布局、设计响应式图片、使用HTML5设计移动页面表单、设计响应式表格、使用CSS3美化背景样式、使用CSS3美化界面样式、使用CSS3设计动画。
3. 移动网页设计实战：设计响应式网站、设计APP类型网站、发布网站。
本书特点
1．由浅入深，编排合理，实用易学
本书系统地讲解了HTML5 移动Web 开发技术，同时配合大量实例，循序渐进地为读者深入讲解移动网页设计和开发技术。
2．跟着案例和视频学，入门更容易
跟着例子学习，通过训练提升，是初学者最好的学习方式。本书案例丰富详尽，且都附有详尽的代码注释及清晰的视频讲解。跟着这些案例边做边学，可以避免学到的知识流于表面、限于理论，尽情感受编程带来的快乐和成就感。
3．4大类线上资源，多元化学习体验
为了传递更多知识，本书力求突破传统纸质书的厚度限制。本书提供了4 大类线上微资源，通过手机扫码，读者可随时观看讲解视频，拓展阅读相关知识，在线练习强化提升，还可以查阅官方权威资料，全程便捷、高效，感受不一样的学习体验。
4．精彩栏目，易错点、重点、难点贴心提醒
本书根据初学者特点，在一些易错点、重点、难点位置精心设置了“注意”“提示”等小栏目。通过这些小栏目，读者会更留心相关的知识点和概念，绕过陷阱，掌握很多应用技巧。
本书配套资源
1. 详尽的配书资源
279节同步微视频；34项拓展微阅读；460个实例案例分析；340个在线微练习；324项源代码资源。
2. 前端素材库
PSD 网页分层模板（426 套）；设计素材大全（17 类，10000 个）；网页配色工具箱（600 个）；网页模板大全（632 套）；JavaScript 网页特效大全（24 套）；Bootstrap 网页模板（500 套）；Photoshop 设计大全（18 类，2000 个）；历史经典网页欣赏（508 例）。
3. 案例资源库
网页设计初级示例大全（49 例）；网页应用分类案例大全（1600 例）；HTML5 CSS3 JavaScript 实用案例大全（3200 例）。
4. 权威参考手册
PHP、MySQL 参考手册（5 册）；9 本CSS 参考手册；10 本HTML 参考手册；23 本JavaScript 参考手册；1 本Photoshop 学习手册。
5. 面试题库
HTML、CSS 面试题（351 题）；JavaScript 面试题（685 题）；前端开发/设计面试经验。
读者对象
HTML5 初学者和进阶者；网站开发和网页设计的从业人员；大、中专院校，以及相关培训机构的教师和学生。
读前须知
本书所有HTML 示例都应该嵌套在一个有效文档的 标签中，同时，CSS 包含在内部或外部样式表中。对于包含重复内容的HTML 示例，本书可能不会列出每一行代码，而是适时地使用省略号表示部分代码，详细代码需要参阅本书源码示例。本书所列出的插图可能会与读者实际环境中的操作界面有所差别，这可能是由于操作系统平台、浏览器版本等不同而引起的，在此特别说明，读者应该以实际情况为准。本书所有案例代码都是在HTML5 类型文档中编写。所有示例也能够兼容HTML 4.01 和XHTML 1.0。由于CSS3 技术还在不断地完善与更新中，建议根据本书提供的参考地址，获取有关CSS3 的最新信息与更新。
读者服务
学习本书时，请先扫描封底的权限二维码（需要刮开涂层）获取学习权限，然后即可免费学习书中的所有线上线下资源。本书所附赠的超值资源库内容，读者可登录清华大学出版社网站，在对应图书页面下获取其下载方式。也可扫描图书封底的“文泉云盘”二维码，获取其下载方式。本书提供QQ群、微信公众号、服务网站等互动渠道，提供在线技术交流、学习答疑、技术资讯、视频课堂、在线勘误等功能。在这里，您可以结识大量志同道合的朋友，在交流和切磋中不断成长。读者对本书有什么好的意见和建议，也可以通过邮箱发邮件给我们。
评论
还没有评论。