本书特点：
● 循序渐进，简单易学 ● 学练结合，注释详尽 ● 上机实践，巩固知识
● 视频学习，讲解详尽 ● 海量资源，超值奉送
本书主要内容以及学习路线图：
本书读者对象：
● 零基础的初学编程人员 ● 初、中级程序开发人员 ● 编程爱好者
● 想学编程的各企事业单位在职人员 ● 大、中专院校的老师和学生 ● 相关培训机构的老师和学员
本书服务：
服务网站：www.mingribook.com
服务QQ：4006751066（可容纳10万人在线）
服务信箱：mingrisoft@mingrisoft.com
服务电话：0431-84978981/84978982
学习社区：www.mrbccd.com
学练结合，实战精通
162个应用实例，41个上机实践，1个项目案例
视频讲解，易学易用
针对本书重点难点以及实例，制作了14小时多媒体视频辅助学习
开发资源库，速查速用
超值赠送实例资源库（951个实例），模块资源库（15个典型模块），项目资源库（15个项目案例）
考评结合，职场轻松面试
测试题库系统（596道测试题），面试资源库（369道面试真题）
互动学习，轻松过关
提供重点章节互动电子书，术语、难点一次过关
文档、视频、源程序立体整合，全新学习体验
自从2010 年正式推出以来，HTML 5 受到了世界各大浏览器厂商的热烈欢迎与支持。同时，W3C也已经发布了HTML 5 规范和CSS 3规范。根据世界各大IP界知名媒体评论的说法，新的Web 时代——HTML 5 与CSS 3的时代马上就要到来了。
目前，关于HTML 5+CSS 3 的书籍有很多，但是真正从初学者的角度出发，把技术及应用讲解透彻的并不是很多。本书从初学者的角度出发，为想要学习HTML 5+CSS 3 页面设计、想要进行Web 程序开发的初中级开发人员、编程爱好者、大学师生精心策划。从技术应用的角度出发，结合实际应用进行讲解，以便让想要学习Web 程序开发的人员能够将美工设计完成的图片转换为网站前台页面，让想要学习Web 页面设计的人员能够根据自己的意愿设计网站页面。
本书内容
本书按照学习HTML和CSS的最佳结构来分配章节，共分为4篇20章，其中，前三篇可以使读者掌握HTML 和CSS的编程知识，第四篇可以使读者学习实现一个由HTML 5+CSS 3 组成的静态网站的开发过程。本书知识结构如下图所示。
本书特点
循序渐进，简单易学
本书以初中级程序员为对象，首先从HTML 5 的基础知识讲起，其次讲解HTML 5 的高级应用技术，然后讲解CSS的基本内容，以及CSS 3 新增的属性，最后讲解开发一个完整的由HTML 5+CSS 3实现的静态网站。讲解过程中步骤详尽，版式新颖，让读者在阅读时一目了然，从而快速掌握书中内容。
学练结合，注释详尽
本书在讲解知识时，提供了丰富的实例，帮助读者进行随学随练，使其真正能够学有所用。另外，为了便于读者更好地学习和使用本书，书中所有的代码都提供了详尽的注释。
上机实践，巩固知识
要充分理解和掌握一项技术，最佳的方式就是多练习、多实践。本书中几乎在每章内容介绍完成后，都提供了多个上机实践供读者自己完成，以此来检查读者对本章内容的掌握情况。每个实例任务分为“题目描述”和“技术指导”两部分。其中，“题目描述”给出了实例功能的详细描述和效果图，“技术指导”给出了实现实例的思路和关键代码。
视频学习，讲解详尽
为了更方便读者学习书中的内容，本书光盘中提供了14小时多媒体视频。视频讲解细腻、层次清楚、互动性强帮助学生在加深对内容的理解的同时，切实解决“是什么”、“为什么”、“怎么办”、“应注意些什么”等问题。
海量资源，超值奉送
本书光盘中提供了明日科技数十年积累的程序开发资源库，包括海量技术资源库、界面资源库、测试题库系统、面试资源库等内容。
超值DVD光盘
为了帮助读者学习和使用书中的实例，本书附赠有DVD光盘。光盘不仅提供了书中所有实例项目的源代码、素材、光盘使用说明，还提供了14小时多媒体教学视频及程序开发资源库。光盘目录如下图所示。
读者对象
本书是一部关于零基础学习HTML 5+CSS 3 进行Web 页面设计的图书，非常适合以下人员阅读：
前台美工
初中级Web 程序开发人员
编程爱好者
想进行Web 开发的各企事业在职人员
大中专院校的老师和学生
相关培训机构的老师和学员
读者服务
秉着“十年服务，始终如一”的理念，明日科技承诺：如果您在学习或使用本书的过程中遇到任何问题或疑惑，可以通过如下方式与我们联系，我们将在5个工作日内给您提供满意的回答。
服务网站：www.mingribook.com
服务QQ：4006751066
服务信箱：mingrisoft@mingrisoft.com
服务电话：0431-84978981/84978982
学习社区：www.mrbccd.com
本书作者
本书由明日科技组织编写，除署名作者外，参加编写的还有李慧、王国辉、王小科、陈丹丹、王雨竹、杨丽、顾彦玲、陈英、宋禹蒙、高春艳、刘莉莉、赛奎春、隋光宇等。由于作者水平有限，疏漏和不足之处在所难免，欢迎广大读者提出宝贵意见。
非学无以广才，非志无以成学。祝大家读书快乐！
编者
2013年4月
计算机\Web开发
管媛辉 潘凯华 等编著：暂无简介
前言
第一篇 HTML 5基础篇
第1章 迎接新的Web 时代——HTML 5 的出现2
视频讲解：16分钟
1.1 HTML的历史2
1.1.1 HTML发展的历史3
1.1.2 HTML 5 时代即将来临3
1.2 HTML 5 的优势3
1.2.1 使用HTML 5 的理由4
1.2.2 HTML 5 的化繁为简4
1.2.3 HTML 5 的无插件范式4
1.2.4 HTML 5 的新特性5
1.3 HTML 5 的语法变化和标记方法5
1.3.1 HTML 5 的语法变化5
1.3.2 HTML 5 的标记方法6
1.3.3 标记实例6
1.4 小结7
1.5 习题7
第2章 去其糟粕，取其精华——HTML 5的元素与属性8
视频讲解：36分钟
2.1 新增的元素和废除的元素8
2.1.1 新增的结构元素8
2.1.2 新增的块级（block）语义的元素9
2.1.3 新增的行内（inline）语义的元素10
2.1.4 新增的嵌入多媒体元素与交互性元素11
2.1.5 新增的input元素的类型12
2.1.6 废除的元素12
2.2 新增的属性和废除的属性12
2.2.1 新增的属性12
2.2.2 废除的属性15
2.3 全局属性16
2.3.1 contentEditable属性16
2.3.2 designMode属性17
2.3.3 hidden属性17
2.3.4 spellcheck属性17
2.3.5 tabindex属性18
2.4 上机实践18
2.4.1 使用hidden属性对用户评论内容进行隐藏18
2.4.2 使用spellcheck属性检查单词的拼写情况19
2.4.3 对页面输出的文字进行编辑20
2.5 小结21
2.6 习题21
第3章 你很重要——HTML 5 中的表单22
视频讲解：48分钟
3.1 新增的元素与属性22
3.1.1 新增的属性22
3.1.2 增加与改良的input元素的种类25
3.1.3 output元素的添加29
3.2 对表单的验证30
3.2.1 自动验证30
3.2.2 checkValidity 显式验证法31
3.2.3 避免验证32
3.2.4 使用setCustomValidity 方法自定义错误信息33
3.3 增加的页面元素34
3.3.1 新增的.gure元素34
3.3.2 新增的details元素35
3.3.3 新增的mark元素36
3.3.4 新增的progress元素38
3.3.5 新增的meter元素39
3.3.6 改良的ol列表40
3.3.7 改良的dl列表40
3.3.8 加以严格限制的cite元素41
3.3.9 重新定义的small元素42
3.4 上机实践42
3.4.1 应用新增元素制作注册表单42
3.4.2 调用表单的checkValidity 方法验证密码格式43
3.4.3 应用output元素实现的乘法计算器45
3.5 小结45
3.6 习题45
第二篇 HTML 5高级应用篇
第4章 不容小视——HTML 5 中的文件48
视频讲解：40分钟
4.1 选择文件48
4.1.1 通过.le对象选择文件48
4.1.2 使用Blob接口获取文件的类型与大小49
4.1.3 通过类型过滤选择的文件50
4.2 使用FileReader接口读取文件51
4.2.1 检测浏览器对FileReader接口的实现52
4.2.2 FileReader接口的使用方法52
4.2.3 使用readAsDataURL方法预览图片52
4.2.4 使用readAsText 方法读取文本文件54
4.2.5 FileReader接口中的事件55
4.3 拖放API 57
4.3.1 实现拖放的步骤57
4.3.2 通过拖放显示欢迎信息57
4.4 dataTransfer 对象应用详解59
4.4.1 使用effectAllowed 和dropEffect 属性设置拖放效果60
4.4.2 使用setDragImage方法设置拖放图标60
4.5 上机实践61
4.5.1 通过accept属性过滤上传文件的类型61
4.5.2 将图片文件拖放到页面中并显示62
4.6 小结63
4.7 习题63
第5章 梦幻的世界——绘制图形65
视频讲解：95分钟
5.1 canvas的基础知识65
5.1.1 canvas是什么65
5.1.2 在页面中放置canvas元素65
5.1.3 绘制带边框的矩形67
5.2 在画布中使用路径68
5.2.1 使用arc方法绘制圆形68
5.2.2 使用moveTo 与lineTo 路径绘制火柴人70
5.2.3 贝塞尔和二次方曲线72
5.3 运用样式与颜色74
5.3.1 .llStyle和strokeStyle属性74
5.3.2 透明度globalAlpha 76
5.3.3 线型77
5.4 绘制渐变图形80
5.4.1 绘制线性渐变80
5.4.2 绘制径向渐变81
5.5 绘制变形图形82
5.5.1 坐标的变换82
5.5.2 矩阵变换83
5.6 组合多个图形86
5.7 给图形绘制阴影88
5.8 应用图像89
5.8.1 绘制图像89
5.8.2 图像的局部放大91
5.8.3 图像平铺92
5.8.4 图像裁剪93
5.8.5 像素的处理95
5.9 绘制文字97
5.10 保存与恢复状态98
5.11 文件的保存98
5.12 对画布绘制实现动画99
5.13 桌面时钟100
5.14 上机实践102
5.14.1 通过设置lineJoin属性值来绘制不同的矩形102
5.14.2 绘制五角星103
5.14.3 大头贴边框104
5.15 小结105
5.16 习题105
第6章 如此神奇——多媒体播放107
视频讲解：36分钟
6.1 HTML 5 多媒体简述107
6.1.1 HTML 4 中多媒体的应用107
6.1.2 HTML 5 页面中的多媒体108
6.2 多媒体元素的基本属性109
6.3 多媒体元素的常用方法113
6.3.1 媒体播放时的方法113
6.3.2 canPlayType(type) 方法114
6.4 事件以及事件的发生顺序114
6.4.1 事件处理方式114
6.4.2 事件介绍115
6.4.3 通过事件的控制来显示视频播放的时间116
6.5 上机实践118
6.5.1 在HTML 5 文档中播放音频118
6.5.2 在HTML 5 文档中播放视频119
6.6 小结121
6.7 习题121
第7章 数据管家——HTML 5 中的数据存储122
视频讲解：50分钟
7.1 初识Web Storage 122
7.1.1 Web Storage 是什么122
7.1.2 使用Web Storage 中的API 123
7.1.3 sessionStorage和localStorage的实例——计数器124
7.1.4 Web Storage 综合实例——留言本126
7.1.5 JSON对象的存储实例——用户信息卡128
7.2 本地数据库130
7.2.1 Web SQL 数据库简介130
7.2.2 使用Web SQL Database API 131
7.2.3 本地数据库实例——用户登录132
7.3 上机实践135
7.3.1 应用Web Storage 实现带留言人的留言本135
7.3.2 应用本地数据库实现留言本137
7.4 小结139
7.5 习题139
第8章 线下管家——HTML 5 中的离线应用141
视频讲解：13分钟
8.1 HTML 5 离线应用141
8.1.1 HTML 5 离线应用概述141
8.1.2 本地缓存与浏览器网页缓存的区别143
8.2 创建HTML 5 离线应用143
8.2.1 缓存清单（manifest）143
8.2.2 配置IIS服务器144
8.2.3 浏览manifest清单145
8.3 浏览器与服务器的交互过程145
8.4 applicationCache对象146
8.4.1 swapCache方法147
8.4.2 applicationCache对象的事件148
8.5 上机实践151
8.5.1 判断在线状态151
8.5.2 检测本地缓存是否有更新152
8.6 小结153
8.7 习题153
第9章 齐头并进——使用Web Worker 处理线程154
视频讲解：21分钟
9.1 Web Worker 概述154
9.1.1 创建和使用Worker 154
9.1.2 Web Worker 应用实例——求和运算155
9.2 在Worker 内部能做什么156
9.3 多个JavaScript文件的加载与执行157
9.4 线程的嵌套使用157
9.4.1 最基本的单层嵌套157
9.4.2 在多线程中进行数据的交互159
9.5 上机实践160
9.5.1 通过传递JSON对象输出用户信息160
9.5.2 使用多线程随机显示5的整数倍数的数字161
9.6 小结163
9.7 习题164
第10章 未完待续——HTML 5 中的其他应用型API 165
视频讲解：12分钟
10.1 跨文档消息通信165
10.1.1 使用postMessage API 165
10.1.2 跨文档消息传输166
10.2 Geolocation API 概述168
10.2.1 使用getCurrentPosition获取当前地理位置168
10.2.2 持续监视当前地理位置的信息170
10.2.3 停止获取当前用户的地理位置信息170
10.3 position对象170
10.4 上机实践171
10.4.1 显示当前地理位置的经纬度171
10.4.2 在Google地图上显示“我在这里”172
10.5 小结173
10.6 习题173
第三篇 CSS篇
第11章 初露锋芒——CSS 3概述176
视频讲解：19分钟
11.1 CSS 3概述176
11.2 CSS 3模块化结构177
11.3 CSS 3新特性预览178
11.4 主流浏览器对CSS 3的支持179
11.5 上机实践180
11.5.1 使用CSS 3样式添加图像边框180
11.5.2 应用CSS 3控制登录页面显示样式181
11.6 小结183
11.7 习题183
第12章 如此强大——CSS 3新增的选择器184
视频讲解：78分钟
12.1 选择器概述184
12.2 属性选择器185
12.2.1 属性选择器是什么185
12.2.2 CSS 3中的属性选择器187
12.2.3 应用属性选择器实现文档按类型显示189
12.3 CSS 3新增的结构性伪类选择器190
12.3.1 CSS中的伪类选择器及伪元素190
12.3.2 结构性伪类选择器195
12.3.3 UI元素状态伪类选择器204
12.3.4 通用兄弟元素选择器210
12.4 上机实践211
12.4.1 随机改变页面的背景色211
12.4.2 设计赏心悦目的数据表格212
12.4.3 制作生动的列表导航213
12.5 小结214
12.6 习题215
第13章 文字的魅力——字体与文本的相关属性216
视频讲解：60分钟
13.1 字体的相关属性216
13.2 给文字添加阴影——text-shadow属性218
13.2.1 text-shadow属性的使用方法218
13.2.2 指定多个阴影219
13.3 文本的相关属性220
13.3.1 文本自动换行：word-break 221
13.3.2 长单词和URL地址换行222
13.4 CSS 3新增的服务器字体223
13.4.1 使用服务器字体224
13.4.2 定义粗体、斜体字225
13.4.3 优先使用客户端字体226
13.5 使用font-size-adjust属性微调字体大小227
13.5.1 字体不同导致文字大小的不同227
13.5.2 font-size-adjust属性的使用方法228
13.5.3 font-size-adjust属性的使用229
13.6 上机实践231
13.6.1 使用text-shadow属性设计立体文本231
13.6.2 防止表格标题行换行232
13.7 小结233
13.8 习题234
第14章 细节修饰——背景、边框和边距的相关属性235
视频讲解：53分钟
14.1 设置背景235
14.1.1 设置背景颜色235
14.1.2 设置背景图片237
14.1.3 CSS 3新增的与背景相关的属性241
14.2 边框设置245
14.2.1 设置边框的线宽245
14.2.2 设置边框的样式247
14.2.3 设置边框的颜色248
14.2.4 边框综合属性250
14.2.5 CSS 3新增的与边框相关的属性251
14.3 内外边距的相关属性254
14.3.1 设置内边距254
14.3.2 设置外边距256
14.4 上机实践257
14.4.1 设计企业门户网站首页257
14.4.2 设置最新公告列表的分隔线258
14.4.3 通过CSS样式实现圆角矩形栏目标头259
14.5 小结260
14.6 习题260
第15章 如此魔力——新增的弹性盒模型及分栏262
视频讲解：53分钟
15.1 盒的类型262
15.1.1 盒的基本类型262
15.1.2 inline-block盒模型264
15.1.3 inline-table盒模型268
15.1.4 表格相关的盒模型269
15.1.5 list-item盒模型271
15.1.6 run-in盒模型与compact盒模型272
15.2 为盒设置阴影和倒影273
15.2.1 box-shadow属性的使用方法273
15.2.2 对表格及单元格使用阴影275
15.2.3 为盒设置倒影276
15.3 布局的相关属性277
15.3.1 使用.oat属性实现多栏布局278
15.3.2 使用clear实现换行280
15.3.3 使用clip属性控制裁剪280
15.3.4 控制组件的滚动条282
15.4 CSS 3的多栏布局283
15.4.1 CSS 3新增的分栏功能283
15.4.2 使用盒模型实现多栏布局287
15.5 上机实践295
15.5.1 设计多栏布局295
15.5.2 为商品列表添加阴影和倒影296
15.6 小结297
15.7 习题297
第16章 大体勾勒——尺寸和定位的相关属性298
视频讲解：46分钟
16.1 尺寸的相关属性298
16.1.1 设置对象的宽度298
16.1.2 设置对象的高度301
16.1.3 CSS 3新增的与尺寸相关的属性304
16.2 定位的相关属性308
16.2.1 设置定位方式308
16.2.2 设置层叠顺序309
16.2.3 设置与其父对象的上、下、左、右边的距离310
16.3 上机实践315
16.3.1 高度可自由调整的许愿墙背景315
16.3.2 让多个字条层叠显示316
16.4 小结317
16.5 习题317
第17章 增姿增色——表格和列表的相关属性318
视频讲解：43分钟
17.1 表格的相关属性318
17.1.1 设置表格边框线的显示方式319
17.1.2 设置单元格边框间距320
17.1.3 设置表格标题的位置322
17.1.4 设置单元格无内容时是否显示边框323
17.1.5 设置表格的布局方式324
17.2 列表的相关属性326
17.2.1 设置项目符号的种类327
17.2.2 设置作为项目符号的图片328
17.2.3 设置项目符号排列的位置329
17.2.4 综合属性——list-style 330
17.3 上机实践332
17.3.1 设计隔行变色的单线表格332
17.3.2 应用列表实现横向展示商品333
17.4 小结334
17.5 习题334
第18章 充满生机——CSS 3的动画设计335
视频讲解：78分钟
18.1 2D变换335
18.1.1 应用transform属性实现平移336
18.1.2 应用transform属性实现缩放337
18.1.3 应用transform属性实现倾斜339
18.1.4 应用transform属性实现旋转340
18.1.5 更改变换的中心点341
18.2 过渡效果343
18.2.1 指定过渡持续的时间343
18.2.2 指定参与过渡的属性345
18.2.3 指定过渡的动画类型347
18.2.4 指定过渡的延迟时间349
18.3 Animation动画350
18.3.1 关键帧350
18.3.2 动画属性352
18.4 上机实践354
18.4.1 实现方形变圆形动画效果354
18.4.2 应用Animation动画实现模拟进度条效果355
18.5 小结356
18.6 习题357
第19章 锦上添花——CSS的其他重要属性358
视频讲解：24分钟
19.1 控制鼠标指针358
19.2 打印的相关属性360
19.2.1 应用@media print控制打印的内容360
19.2.2 在对象之前插入页分隔符362
19.2.3 在对象之后插入页分隔符365
19.2.4 设置是否允许在对象的内部插入页分隔符366
19.3 Media Queries 369
19.3.1 Media Queries的语法369
19.3.2 根据浏览器宽度自动调整布局371
19.4 上机实践374
19.4.1 实现分页打印客户信息表格374
19.4.2 设置不同的鼠标指针375
19.5 小结376
19.6 习题376
第四篇 项目实战篇
第20章 旅游信息网前台页面378
视频讲解：23分钟
20.1 需求分析378
20.2 网站总体设计378
20.2.1 网站功能概述378
20.2.2 网站开发及运行环境378
20.2.3 文件夹组织结构379
20.3 网站主体结构设计379
20.4 网站公共部分设计380
20.4.1 设计网站公共header 380
20.4.2 设计网站公共footer 386
20.5 网站主页设计387
20.5.1 显示网站介绍及相关图片387
20.5.2 主页左侧导航的实现388
20.6 “留下足迹”页面设计391
20.6.1 播放音乐391
20.6.2 添加留言功能的实现392
20.7 小结394
