[前端] 《HTML 5和CSS 3编程从基础到应用》.(祝红涛 赵喜来).[PDF]

介绍:
《HTML 5和CSS 3编程从基础到应用》循序渐进地介绍了学习ASP.NET程序开发必备的知识和技能。全书分13章，包括HTML 5新增加的页面结构元素和全局属性，与表单元素相关的输入类型和属性，提交时如何验证表单元素，对多媒体提供支持的audio和video元素，与绘图相关的canvas元素和canvas API，文件上传和数据存储，离线应用，获取当前用户地理位置，拖放操作，Web Worker处理线程，CSS 3新增加的选择器，与背景、边框、字体和渐变相关的属性、盒模型以及变形、过渡和动画等内容。最后通过一个综合项目案例介绍如何将HTML 5与CSS 3结合起来在实际开发过程中设计网页。
《HTML 5和CSS 3编程从基础到应用》内容丰富、实例精彩，以全面的知识及丰富的实例来指导读者详细透彻地学习HTML 5与CSS 3的相关知识。本书适合HTML 5与CSS 3的初学者以及在校学生、程序设计爱好者、各大中专院校的在校学生以及相关授课老师使用阅读。

目录:
《HTML 5和CSS 3编程从基础到应用》
第1章 HTML 5入门基础        1
1.1 HTML 5概述        1
1.1.1 HTML 5的诞生        1
1.1.2 HTML 5的组织        2
1.1.3 HTML 5的目标        2
1.1.4 HTML 5的浏览器支持情况        4
1.2 HTML的基本结构        5
1.2.1 HTML文档的编写规范        5
1.2.2 文档开始标签        7
1.2.3 文档头部标签        8
1.2.4 文档主体标签        8
1.2.5 编写文档的注意事项        8
1.3 HTML 5与HTML 4的区别        9
1.3.1 语法的改变        9
1.3.2 新增的元素和废除的元素        12
1.3.3 新增的属性和废除的属性        17
1.4 Flash、Silverlight与HTML 5        20
1.5 项目案例：运行HTML 5测试页面        21
1.6 习题        22
1.7 实践疑难解答        23
1.7.1 为什么要使用HTML 5        23
1.7.2 HTML 5的安全问题        25
第2章 HTML 5的页面属性和元素        27
2.1 html根元素        27
2.2 文档头部元素        29
2.3 HTML 5全局属性        34
2.3.1 hidden属性        35
2.3.2 spellcheck属性        35
2.3.3 contenteditable属性        37
2.3.4 draggable属性        38
2.4 结构元素        38
2.4.1 header元素        38
2.4.2 article元素        39
2.4.3 aside元素        40
2.4.4 footer元素        41
2.5 交互元素        42
2.5.1 progress元素        42
2.5.2 meter元素        44
2.5.3 details元素和summary元素        45
2.5.4 menu元素        46
2.5.5 command元素        48
2.6 文本层次语义元素        49
2.6.1 cite元素        49
2.6.2 mark元素        51
2.6.3 time元素        52
2.7 页面节点        53
2.7.1 section元素        53
2.7.2 nav元素        54
2.7.3 hgroup元素        55
2.7.4 address元素        56
2.8 分组元素        57
2.8.1 ul元素        58
2.8.2 ol元素        58
2.8.3 dl元素        60
2.9 项目案例：设计旅游网站首页        60
2.10 习题        68
2.11 实践疑难解答        70
2.11.1 command元素无法显示效果        70
2.11.2 HTML 5中如何使用新增加的元素        71
第3章 使用HTML 5设计表单        72
3.1 传统表单元素        72
3.1.1 表单标记        72
3.1.2 基本表单元素        75
3.2 新增输入类型        76
3.2.1 email类型        76
3.2.2 search类型        77
3.2.3 url类型        78
3.2.4 number类型        79
3.2.5 telephone number类型        81
3.2.6 range类型        83
3.2.7 color类型        84
3.2.8 时间日期类型        85
3.3 新增表单属性        86
3.3.1 autocomplete属性        87
3.3.2 autofocus属性        88
3.3.3 disabled属性        90
3.3.4 form属性        90
3.3.5 list属性        92
3.3.6 multiple属性        93
3.3.7 min、max和step属性        94
3.3.8 placeholder属性        95
3.3.9 pattern属性        96
3.3.10 required属性        98
3.3.11 readonly属性        99
3.4 新增表单元素        101
3.4.1 datalist元素        101
3.4.2 keygen元素        101
3.4.3 output元素        102
3.4.4 optgroup元素        102
3.5 提交时的验证处理        104
3.5.1 自动验证        105
3.5.2 显示验证        106
3.5.3 自定义验证        108
3.5.4 取消验证        108
3.6 项目案例：设计购物网站注册页面        109
3.7 习题        112
3.8 实践疑难解答        114
3.8.1 如何区分使用method属性的参数值get和post        114
3.8.2 HTML 5在自定义验证时无法显示错误提示信息        115
第4章 基于HTML 5的多媒体支持        116
4.1 HTML 5中多媒体的新增特性        116
4.2 多媒体的支持条件        116
4.2.1 视频和音频编解码器        117
4.2.2 支持视频和音频的浏览器        117
4.2.3 多媒体的格式        118
4.3 在HTML 5中创建视频        119
4.3.1 video元素的属性        119
4.3.2 video元素的方法        121
4.3.3 video元素的事件        122
4.4 在HTML 5中创建音频        124
4.4.1 audio元素的属性        124
4.4.2 audio元素的事件        125
4.5 项目案例：制作网页视频播放器        126
4.6 习题        131
4.7 实践疑难解答        133
4.7.1 关于video元素方法的问题        133
4.7.2 video元素的事件问题        134
第5章 基于HTML 5的绘图        136
5.1 canvas简介        136
5.1.1 canvas的历史        137
5.1.2 canvas与SVG及VML的差异        137
5.1.3 canvas的简单使用        137
5.2 绘制文字        139
5.3 绘制简单图形        141
5.3.1 绘制矩形        141
5.3.2 绘制直线        143
5.3.3 绘制三角形        145
5.3.4 绘制圆形        147
5.3.5 绘制笑脸        149
5.4 绘制渐变图形        150
5.4.1 绘制线性渐变        150
5.4.2 绘制径向渐变        152
5.5 绘制变形图形        154
5.5.1 保存和恢复状态及输出图像        154
5.5.2 坐标变换        157
5.5.3 矩阵变换        159
5.6 组合多个图形        161
5.7 为图形绘制阴影        163
5.8 图像的简单操作        165
5.8.1 绘制图像        165
5.8.2 图像平铺        167
5.8.3 图像裁剪和复制        169
5.9 项目案例：绘制小车滚动特效        171
5.10 习题        174
5.11 实践疑难解答        176
第6章 基于HTML 5的文件上传        178
6.1 使用file对象选择文件        178
6.1.1 选择一个文件        178
6.1.2 选择多个文件        181
6.1.3 通过类型过滤选择的文件        183
6.1.4 通过accept属性过滤选择的文件        185
6.2 使用FileReader接口读取文件        188
6.2.1 FileReader接口简介        188
6.2.2 使用readAsDataURL()方法预览图片        189
6.2.3 使用readAsText()方法读取文本文件内容        191
6.2.4 FileReader接口中的事件        194
6.3 文件读取时的错误与异常        197
6.3.1 发生错误与异常的条件        197
6.3.2 错误代码说明        200
6.4 项目案例：多文件上传至服务器        200
6.5 习题        207
6.6 实践疑难解答        209
6.6.1 HTML 5中accept属性的使用        209
6.6.2 使用readAsDataURL()方法读取文件时的问题        209
第7章 HTML 5数据存储        211
7.1 Web Storage存储        211
7.1.1 sessionStorage对象        211
7.1.2 localStorage对象        213
7.2 数据操作        214
7.2.1 保存数据        214
7.2.2 读取数据        215
7.2.3 清空数据        217
7.2.4 遍历数据        219
7.2.5 使用JSON对象存取数据        221
7.3 HTML 5数据库        224
7.3.1 创建与打开数据库        224
7.3.2 执行SQL语句        225
7.3.3 数据管理        228
7.4 项目案例：实现留言本        233
7.5 习题        236
7.6 实践疑难解答        237
7.6.1 本地存储是否可以代替Cookie        237
7.6.2 本地数据存储存在限制        238
第8章 HTML 5的高级应用        239
8.1 获取地理位置        239
8.1.1 Geolocation API概述        239
8.1.2 position对象        242
8.1.3 使用Google地图锁定当前位置        245
8.2 网络通信API        247
8.2.1 postMessage()方法        247
8.2.2 跨文档消息传输        247
8.3 使用Web Worker处理线程        249
8.3.1 Web Worker概述        250
8.3.2 线程中的JavaScript        253
8.3.3 使用线程处理JSON对象        254
8.3.4 线程嵌套        255
8.4 离线应用程序        258
8.4.1 离线Web应用程序概述        258
8.4.2 manifest文件        258
8.4.3 applicationCache对象        263
8.5 拖放操作        268
8.5.1 拖放API        268
8.5.2 dataTransfer对象        270
8.6 项目案例：将图片拖放到回收站        272
8.7 习题        275
8.8 实践疑难解答        278
8.8.1 Opera浏览器如何清除本地缓存        278
8.8.2 拖动操作完成后如何显示图片        278
第9章 CSS样式和CSS选择器        280
9.1 CSS简介        280
9.1.1 CSS概述        280
9.1.2 CSS发展历史        281
9.1.3 CSS的基本使用        281
9.2 CSS 3选择器概述        283
9.3 属性选择器        284
9.3.1 [att*=val]属性选择器        284
9.3.2 [att^=val]属性选择器        285
9.3.3 [att$=val]属性选择器        287
9.4 伪元素选择器        288
9.4.1 first-line和first-letter选择器        288
9.4.2 before选择器        289
9.4.3 after选择器        291
9.5 结构化伪类选择器        291
9.5.1 root选择器        292
9.5.2 not选择器        294
9.5.3 first-child和last-child选择器        295
9.5.4 nth-child(n)和nth-last-child(n)选择器        296
9.5.5 nth-of-type(n)和nth-last-of-type(n)选择器        298
9.5.6 empty选择器        300
9.5.7 target选择器        301
9.6 其他选择器        303
9.6.1 UI元素伪类选择器        303
9.6.2 兄弟选择器        310
9.7 content属性的简单使用        312
9.8 项目案例：控制保龄球显示位置        317
9.9 习题        322
9.10 实践疑难解答        323
9.10.1 :nth-child和:nth-of-type选择器的区别        323
9.10.2 如何在IE7-8下使用CSS 3的伪类选择器        324
第10章 背景、边框和渐变的相关属性        326
10.1 背景样式        326
10.1.1 background-size属性        326
10.1.2 background-clip属性        328
10.1.3 background-origin属性        330
10.1.4 background-break属性        332
10.2 项目案例1：实现书架效果        333
10.3 边框样式        335
10.3.1 border-color属性        335
10.3.2 border-image属性        336
10.3.3 border-radius属性        339
10.4 项目案例2：相片背景设置边框        341
10.5 渐变        343
10.5.1 线性渐变        343
10.5.2 径向渐变        347
10.5.3 重复渐变        350
10.6 项目案例3：设计填充内容效果        351
10.7 习题        353
10.8 实践疑难解答        354
10.8.1 为什么使用border-radius属性无法设置圆角边框        354
10.8.2 怎样实现径向渐变非同心圆的效果        355
第11章 盒模型、字体与多列布局        356
11.1 完善的盒模型        356
11.1.1 box-sizing属性        356
11.1.2 box-shadow属性        359
11.1.3 overflow-x和overflow-y属性        361
11.1.4 resize属性        363
11.2 文本与字体        364
11.2.1 text-shadow属性        364
11.2.2 text-overflow属性        366
11.2.3 word-break属性        368
11.2.4 word-wrap属性        369
11.2.5 @font-face属性        371
11.2.6 font-size-adjust属性        374
11.3 多列布局        378
11.3.1 columns属性        378
11.3.2 column-width属性        380
11.3.3 column-count属性        381
11.3.4 column-gap属性        382
11.3.5 column-rule属性        384
11.3.6 column-span属性        386
11.3.7 column-fill属性        388
11.4 项目案例1：设计相册浏览页面        389
11.5 项目案例2：设计精美的多列网页版式        391
11.6 习题        395
11.7 实践疑难解答        397
11.7.1 input宽度比textarea少2px的问题        397
11.7.2 设计一个两行两列的布局版式页面        397
第12章 CSS 3的高级应用        399
12.1 过渡        399
12.1.1 浏览器支持情况        399
12.1.2 transition-duration属性        400
12.1.3 transition-property属性        400
12.1.4 transition-delay属性        401
12.1.5 transition-timing-function属性        402
12.1.6 transition属性        403
12.1.7 多个颜色过渡        404
12.2 变形        405
12.2.1 变形的相关属性        405
12.2.2 平移        406
12.2.3 缩放        408
12.2.4 倾斜        410
12.2.5 旋转        411
12.2.6 更改变形的原点坐标        413
12.3 动画        415
12.3.1 关键帧        415
12.3.2 动画属性        417
12.3.3 图片轮换显示的动画效果        421
12.4 项目案例：3D立体效果显示        423
12.5 习题        427
12.6 实践疑难解答        429
12.6.1 JavaScript中如何设置和获取CSS 3中的属性值        429
12.6.2 动画如何循环播放        430
第13章 制作鲜花网站页面        431
13.1 鲜花网站简介        431
13.2 鲜花首页模块        432
13.2.1 结构分析        432
13.2.2 设计顶部区域        434
13.2.3 设计底部区域        436
13.2.4 设计中间区域        437
13.3 鲜花列表        442
13.3.1 运行效果        442
13.3.2 设计列表内容        443
13.4 鲜花详细        446
13.4.1 运行效果        447
13.4.2 设计详细内容        447
13.5 购物车        450
13.5.1 运行效果        450
13.5.2 设计页面内容        451
13.6 我的账户        453
13.7 用户注册        455
13.8 当前位置        457
参考答案        461