qwe 发表于 2018-6-1 12:58:19

写给Web开发人员看的HTML5教程[Klaus Forster,Bernd Oggl]




介绍
《写给Web开发人员看的HTML5教程》通过结合大量实际案例和源代码对HTML5的重要特性进行了详细讲解,内容全面丰富,易于理解。全书共分为12章,从HTML5的历史故事讲起,涉及了文档结构和语义、智能表单、视频与音频、画布、SVG与MathML、地理定位、Web存储与离线Web应用程序、WebSockets套接字、Web Worker多线程、微数据以及以拖曳为代表的一些全局属性,涵盖了HTML5所有的重要特性。此外,《写给Web开发人员看的HTML5教程》还提供了大量的案例源代码,供读者在学习过程中参考,帮助读者提升HTML5的实际应用技能。
《写给Web开发人员看的HTML5教程》适合具有一定的HTML和JavaScript基础的Web开发人员阅读。
作译者
本书作者拥有丰富的知识,他们和新Web标准一样都多才多艺。并不是所有人都敢于为正在开发中的产品撰写书籍,他们的精神值得我们钦佩。
Klaus Forster 开源的热心支持者,工作于奥地利因斯布鲁克大学地理学院。作为演讲者、评论者以及工作组代表参加过多届SVGOpen会议,并将SVG模块应用至免费软件PostGIS、GRASSGIS以及SpatiaLite中。
Bernd Oggl 因斯布鲁克大学讲师和系统管理员,曾与他人合著过一本关于PHP及MySQL的书,具有多年Web应用程序编写经验。

目录
《写给Web开发人员看的HTML5教程》
第1章 Web标准概述 1
1.1 HTML5诞生始末 1
1.2 重大历史事件回顾 6
1.3 拣重要的说 8
1.3.1 有什么新特色? 8
1.3.2 去掉了什么? 11
1.3.3 XHTML呢? 14
1.4 现在我可以开始使用HTML5了吗? 15
小结 16
第2章 文档结构和语义 17
2.1 页眉的header和hgroup标签 18
2.2 正文(article)内容 20
2.3 由footer和nav组成的页脚 21
2.4 由aside及section组成的工具栏 23
2.5 大纲算法 24
2.6 图形中的figure及figcaption 25
2.7 文档级别语义--更多新的标签 26
2.7.1 元素ruby、rt及rp 26
2.7.2 time元素 27
2.7.3 mark元素 28
2.7.4 wbr元素 28
2.7.5 略微改变的元素 29
小结 30
第3章 智能表单 31
3.1 新的输入类型(input type) 31
3.1.1 输入类型tel及search 32
3.1.2 输入类型url及email 33
3.1.3 用datetime,date,month,week,time以及datetime-local表示日期和时间 33
3.1.4 输入类型number及range 34
3.1.5 输入类型color 34
3.1.6 新输入类型的实际应用 34
3.2 有用的表单属性 36
3.2.1 使用autofocus操作焦点 36
3.2.2 为文本使用placeholder占位符 37
3.2.3 使用required定义必填项 37
3.2.4 input元素中的更多属性 37
3.3 新的元素 39
3.3.1 使用meter显示度量 40
3.3.2 用progress显示任务进程 42
3.3.3 datalist选项列表 43
3.3.4 使用keygen处理密钥 44
3.3.5 用output进行计算 46
3.4 客户端表单验证 48
3.4.1 invalid事件 50
3.4.2 checkValidity函数 50
3.4.3 使用setCustomValidity()进行错误处理 52
3.4.4 有效性验证总结 53
3.4.5 不做有效性验证也许更好?“formnovalidate” 53
3.5 案例:一张维修表单 53
小结 57
第4章 视频与音频 59
4.1 第一个案例 60
4.2 video元素及其属性 60
4.3 视频编解码器 62
4.3.1 Ogg:Theora与Vorbis 63
4.3.2 MPEG-4:H.264与AAC 64
4.3.3 WebM:VP8与Vorbis 64
4.4 视频转换工具 65
4.4.1 FFmpeg 65
4.4.2 VLC 66
4.4.3 Firefogg 67
4.4.4 Miro Video Converter 68
4.5 各种浏览器支持些什么格式 70
4.6 旧浏览器的过渡解决方案 70
4.6.1 mwEmbed 70
4.6.2 html5media 72
4.7 视频与脚本--简单的视频播放器 73
4.7.1 视频整合 74
4.7.2 播放和暂停视频 75
4.7.3 显示及设定播放位置 76
4.7.4 快进和后退 77
4.7.5 选择电影场景 79
4.7.6 音量调节及静音 79
4.7.8 HTMLMediaElement接口中其他的属性及方法 80
4.7.9 媒体事件列表 83
4.8 关于音频 84
小结 89
第5章 画布 91
5.1 案例一 92
5.2 矩形 94
5.3 颜色及阴影 96
5.4 渐变 97
5.5 路径绘图 100
5.5.1 线条 101
5.5.2 Bézier曲线 102
5.5.3 弧线 103
5.5.4 矩形 107
5.5.5 轮廓、填充及剪切遮罩 108
5.6 文本 111
5.6.1 字体 111
5.6.2 水平锚点 113
5.6.3 垂直锚点 114
5.6.4 绘制及测量文本 115
5.7 内嵌图像 116
5.8 像素处理 120
5.8.1 使用ImageData对象 120
5.8.2 使用getImageData()、createImageData()及putImageData()进行颜色处理 123
5.9 混合(Compositing) 127
5.10 图案(Pattern) 130
5.11 变换(Transformations) 133
5.12 用canvas.toDataURL()进行Base64编码 140
5.13 save()与restore() 141
5.14 动画 142
5.14.1 彩色球体动画 142
5.14.2 用drawImage()播放视频 145
5.15 还有遗漏吗? 148
5.15.1 isPointInPath(x, y) 148
5.15.2 Canvas的可访问性? 149
5.15.3 安全方面 150
5.15.4 浏览器支持 151
5.15.5 更多链接 151
小结 152
第6章 SVG与MathML 153
6.1 MathML 154
6.2 SVG 156
小结 157
第7章 地理定位 159
7.1 地理定位介绍 159
7.1.1 地理数据 159
7.1.2 在线地图服务 160
7.2 初体验:在浏览器中使用地理定位 163
7.3 定位的技术背景 166
7.4 OpenStreetMap上显示当前位置 167
7.5 使用GoogleMaps追踪位置 169
7.6 案例:Geonotes 170
7.6.1 操作 170
7.6.2 重要的代码片断 171
7.7 浏览器支持 175
小结 175
第8章 Web存储及离线Web应用程序 177
8.1 存储 177
8.1.1 Storage接口 178
8.1.2 会话存储(sessionStorage) 179
8.1.3 本地存储(localStorage) 180
8.1.4 storage事件 181
8.1.5 调试 181
8.2 离线Web应用程序 183
8.2.1 缓存清单文件 183
8.2.2 离线状态及事件 184
8.2.3 调试 187
8.3 浏览器支持 189
8.4 案例: Click to tick! 189
8.4.1 用户界面 190
8.4.2 管理界面 191
8.4.3 重要代码片段 192
8.4.4 扩展选项 197
小结 198
第9章 网页套接字 199
9.1 WebSocket服务器 201
9.2 案例:广播服务器 202
9.2.1 广播客户端 202
9.2.2 广播服务器 204
9.3 案例:Battleships!(战列舰) 206
小结 213
第10章 多线程 215
10.1 Web Worker介绍 215
10.2 查找闰年 217
10.3 配合Canvans计算海拔档案 219
10.3.1 重要代码清单 220
小结 224
第11章 微数据 225
11.1 微数据语法 226
11.1.1 属性itemscope及itemprop 227
11.1.2 itemtype属性 229
11.1.3 itemid属性 231
11.1.4 itemref属性 231
11.2 微数据DOM API 232
小结 233
第12章 写在最后:一些全局属性 235
12.1 class属性的变化 236
12.2 用“data-*”定义自定义属性 236
12.3 hidden属性 237
12.4 classList接口 238
12.5 通过draggable属性实现拖曳 240
12.5.1 拖曳与FileAPI相结合 245
12.6 属性contenteditable与spellcheck 248
小结 250
后记 251 **** Hidden Message *****

linglong1988 发表于 2018-9-8 02:57:54

看帖回帖是美德!:lol

林航 发表于 2018-9-9 05:33:55

过来看看的

misgv099 发表于 2018-9-9 17:21:38

过来看看的

黄有才 发表于 2018-9-11 19:55:59

正需要,支持楼主大人了!

何青成 发表于 2018-9-12 09:19:48

过来看看的

a19850413 发表于 2018-9-13 20:09:52

相当不错,感谢无私分享精神!

qbp520 发表于 2018-9-17 14:01:41

学习了,不错,讲的太有道理了

楚敏芳 发表于 2018-9-17 20:48:46

过来看看的

danting 发表于 2018-9-18 22:59:10

过来看看的
页: [1] 2 3 4 5 6 7 8 9 10
查看完整版本: 写给Web开发人员看的HTML5教程[Klaus Forster,Bernd Oggl]