HTML5+CSS3+JavaScript案例实战 PDF下载

目  录
第一篇  HTML篇
第1章  HTML页面概述 2
1.1  移动网页和普通网页的基本结构 2
1.2  HTML网页类型（HTML 4、HTML 5） 3
1.3  定义中文网页 4
1.4  网页的标题 5
1.5  移动页面的meta元素 6
1.6  文档头部 9
1.7  文档主体 9
1.8  指定外部样式表 10
1.9  利用资源的预加载提升用户体验 13
1.10  载入外部脚本库 14
1.11  延迟脚本执行 15
1.12  异步执行脚本 16
第2章  头部meta元素 21
2.1  定义页面关键字 21
2.2  设置页面描述 22
2.3  设置作者信息 23
2.4  限制搜索方式 24
2.5  网页语言与文字 26
2.6  定时跳转移动页面 27
2.7  设置网页缓存过期时间 28
2.8  禁止从缓存中调用 29
2.9  删除过期的Cookie 31
第3章  标记文字 32
3.1  标题 32
3.2  表示关键字和产品名称 36
3.3  强调 37
3.4  表示外文词语或科技术语 39
3.5  表示重要的文字 40
3.6  表示不正确或校正 41
3.7  为文字添加下画线 42
3.8  添加小号字体内容 43
3.9  添加上标和下标 44
3.10  强制换行
 46
3.11  指明可以安全换行的建议位置 47
3.12  表示输入和输出、、和 48
3.13  突出显示文本 53
第4章  显示图像 55
4.1  页面中图像的格式 55
4.2  页面中图像的压缩形式 56
4.3  常用的 57
4.4  语义化带标题的图片 58
4.5  移动端提前载入图片 60
4.6  图像区域映射 61
4.7  移动网页使用base64:URL格式的图片 63
第5章  超链接 67
5.1  超链接的类型 68
5.2  相对路径和绝对路径 68
5.3  生成页面内超链接 69
5.4  图像链接 71
5.5  移动端电子邮件链接 72
第6章  组织文字内容 74
6.1  段落 74
6.2  页面主题的结构化布局 76
6.3  添加主题分隔线 79
6.4  输出有顺序关系的内容 80
6.5  使用无序列表输出内容 81
6.6  使用自定义列表输出内容 82
6.7  使用列表项 84
6.8  使用菜单列表 85
6.9  使用下拉列表 85
6.10  在页面中输出对话 87
第7章  划分文档结构 89
7.1  添加基本的标题 90
7.2  隐藏子标题hgroup 91
7.3  生成节
 92
7.4  为区域添加头部和尾部 95
7.5  添加导航区域 97
7.6  在页面中输出文章 99
7.7  生成附注栏 100
7.8  在页面输出联系人信息 102
7.9  生成详情区域 103
第8章  多媒体文件 105
8.1  使用多媒体打造丰富的视觉效果 105
8.2  全面兼容移动端的video 106
8.3  嵌入来自其他网页的视频 108
8.4  在移动端嵌入一个网页 109
8.5  文字的滚动 111
8.6  为视频添加字幕 111
8.7  获取播放时长和当前播放时间 113
8.8  播放视频时截屏 116
8.9  带海报的视频 117
第9章  表格 119
9.1  生成基本的表格 119
9.2  让表格没有凹凸感 123
9.3  添加表头 125
9.4  为表格添加结构 126
9.5  制作不规则的表格 129
9.6  正确地设置表格列 131
9.7  设置表格边框 134
9.8  其他表格设计 139
第10章  表单与文件 147
10.1  制作基本表单 147
10.2  禁用单个input元素 150
10.3  关闭输入框的自动提示功能 151
10.4  定制input元素 151
10.5  生成隐藏的数据项 152
10.6  输入验证 153
10.7  生成按钮 155
10.8  使用表单外的元素 156
10.9  显示进度 156
10.10  密钥对生成器 157
10.11  HTML 5调用手机拍照或相册 157
第11章  网页中的框架 159
11.1  在页面中使用iframe 159
11.2  设置iframe透明背景色 161
11.3  移动浏览器下的iframe宽度自适应 161
11.4  在Safari浏览器中实现iframe滚动条 162
11.5  一个完整的响应式iframe 162
第12章  HTML 5 Canvas 164
12.1  在页面中使用Canvas元素 164
12.2  使用路径和坐标 165
12.3  绘制弧形和圆形 169
12.4  使用纯色填充图形 171
12.5  使用渐变色填充图形 173
12.6  在画布中绘制文本 175
12.7  将画布输出为PNG图片文件 178
12.8  在复杂场景使用多层画布 180
12.9  使用requestAnimationFrame制作游戏或动画 180
12.10  如何显示满屏Canvas 182
12.11  Canvas圆环进度条 183
第13章  HTML 5地理定位 186
13.1  使用navigator对象 186
13.2  获取当前位置 189
13.3  使用腾讯地图开放平台获取当前位置 191
第14章  HTML 5本地存储 193
14.1  在客户端存储数据 193
14.2  检查HTML 5存储支持 194
14.3  利用localStorage进行本地存储 194
14.4  利用localStorage存储JSON对象 197
14.5  利用localStorage记录用户表单输入 197
14.6  在localStorage中存储图片 201
14.7  在localStorage中存储文件 203
14.8  使用localForage进行离线存储 205
14.9  利用sessionStorage进行本地存储 206
第15章  HTML 5应用缓存 210
15.1  使用cache manifest创建页面缓存 210
15.2  离线Web网页或应用 213
15.3  删除本地缓存 214
15.4  更新缓存文件 215
15.5  使用HTML 5离线应用程序缓存事件 216
第16章  HTML 5移动开发 221
16.1  在手机上打电话或发短信 221
16.2  设置iPhone书签栏图标 223
16.3  HTML 5相册 226
第二篇  CSS篇
第17章  文字与字体 230
17.1  在网页中使用自定义字体 230
17.2  文本缩进和首字符下沉 232
17.3  自定义文本被选中时的样式 234
17.4  文本对齐 234
17.5  调整文字、字符的间距 235
17.6  文本的装饰 236
17.7  文字阴影 237
17.8  文字毛玻璃效果 237
17.9  金属质感文字 238
17.10  隐藏文本 238
17.11  文字旋转 239
第18章  边框和图片 240
18.1  边框新属性 240
18.2  搜索框 247
18.3  微博发布框 250
18.4  拍立得效果框 255
18.5  CSS 3动画边框 256
18.6  边框移动特效 261
18.7  Banner图片的标签 263
18.8  黑白图片 264
18.9  图片水印 265
18.10  图片细节放大展示 266
18.11  图片的瀑布流 271
18.12  图片墙 274
18.13  图片轮播图 277
18.14  幻灯片 287
18.15  手风琴效果 291
18.16  图片自适应 292
18.17  使用纯CSS绘制图像 293
18.18  图片原地放大 297
18.19  图片翻转 299
第19章  按钮和链接 300
19.1  圆角按钮 300
19.2  简单导航栏 304
19.3  二级导航栏 306
19.4  三级导航栏 308
19.5  滑动菜单 310
19.6  网页右键菜单 312
19.7  下拉菜单 315
19.8  CSS 3圆形导航菜单 318
19.9  标签云 322
19.10  TAB标签页 322
19.11  选中文字分享 325
19.12  链接百叶窗效果 326
19.13  iPhone开关 328
19.14  按钮式单选框与复选框 330
19.15  文字变链接 332
19.16  根据文件格式设置链接图标 333
第20章  背景和颜色 334
20.1  颜色和渐变的基础 334
20.2  高光效果 338
20.3  多背景 339
20.4  全屏背景 340
20.5  斑马线背景 341
20.6  棋盘背景 342
20.7  易拉罐效果 345
20.8  页面顶部阴影 347
第21章  变换与动画 348
21.1  CSS 3变换与动画的基础 348
21.2  纸张边角动画效果 356
21.3  气泡式提示 364
21.4  对联广告 365
21.5  页面loading效果 367
21.6  进度条 368
21.7  苹果系统的Stack特效 372
21.8  扇形展开 375
第22章  盒子与3D 381
22.1  CSS 3盒模型 381
22.2  内层CSS 3盒阴影 383
22.3  外层CSS 3盒阴影 384
22.4  3D文字 385
22.5  3D图片 387
22.6  3D下拉菜单 393
22.7  3D旋转动画 398
第三篇  JavaScript篇
第23章  JavaScript入门必知 402
23.1  如何在HTML中调用JavaScript代码 402
23.1.1  ＜script＞标签的定义 402
23.1.2  两种嵌入JavaScript代码的方式 403
23.1.3  XHTML与HTML对JavaScript解析的不同之处 404
23.1.4