HTML5与CSS3实例教程 第2版2025|PDF|Epub|mobi|kindle电子书版本百度云盘下载

HTML5与CSS3实例教程 第2版PDF格式电子书版下载

注意：本站所有压缩包均有解压码： 点击下载压缩包解压工具

第1章 HTML5和CSS3概述1

1.1强大的Web开发平台1

1.1.1向后兼容1

1.1.2更具描述性的标记2

1.1.3更加简化2

1.1.4用户界面增强2

1.1.5更好的表单控件3

1.1.6可访问性增强3

1.1.7更高级的选择器4

1.1.8视觉效果4

1.1.9更少依赖插件的多媒体功能实现4

1.1.10应用能力增强4

1.1.11跨文档通信4

1.1.12 Web Sockets4

1.1.13客户端存储5

1.2注定充满挑战的未来之路5

1.2.1处理老版本的IE5

1.2.2可访问性5

1.2.3废弃的标签6

1.2.4市场利益的激烈竞争7

1.2.5 HTM L5和CSS3的标准仍在不断发展中7

第一部分 用户界面增强10

第2章 新的结构化标签和属性10

2.1实例1：用语义标记重新定义博客11

2.1.1一切皆始于正确的文档类型13

2.1.2页眉标签13

2.1.3页脚标签14

2.1.4导航标签14

2.1.5区块和文章15

2.1.6旁白与侧边栏16

2.1.7为博客设置样式18

2.1.8回退方案20

2.2实例2：用〈meter〉元素实现进度条21

2.2.1回退方案22

2.2.2进度条标签24

2.3实例3：用自定义数据属性构造弹出窗体25

2.3.1行为与内容分离，以及onclick（）的问题25

2.3.2增强可访问性25

2.3.3不用onclick（）26

2.3.4引入自定义数据属性27

2.3.5回退方案27

2.4实例4：常见问题描述列表28

2.5未来展望29

第3章 创建友好的Web表单30

3.1实例5：使用新的输入字段描述数据31

3.1.1表单描述32

3.1.2使用范围字段创建滑动条33

3.1.3使用选值框处理数值33

3.1.4日期选择字段34

3.1.5电子邮件字段34

3.1.6 URL字段35

3.1.7颜色选择字段35

3.1.8给表单设置样式36

3.1.9回退方案36

3.2实例6：借助autofocus跳到表单第一个字段41

3.3实例7：通过占位文本提供提示信息41

3.4实例8：不借助JavaScript验证用户输入45

3.4.1正则表达式验证46

3.4.2为字段添加样式47

3.4.3回退方案48

3.5实例9：通过contenteditable属性实现就地编辑功能49

3.5.1用户资料表单50

3.5.2数据持久化51

3.5.3回退方案52

3.6未来展望55

第4章 设置内容及界面的样式57

4.1实例10：使用伪类设置表格样式58

4.1.1使用：nth-of-type给表格行设置条纹60

4.1.2使用：nth-child对齐表格列的内容61

4.1.3使用：last-child加粗表格最后一行62

4.1.4使用：nth-last-child反向遍历元素63

4.1.5回退方案64

4.2实例11：使用：after和content生成打印友好的链接65

4.2.1创建只适用于打印的样式表66

4.2.2双冒号语法67

4.3实例12：使用媒体查询构建移动页面67

4.4实例13：创建多栏布局70

4.4.1拆分栏70

4.4.2特定厂商的前缀73

4.4.3回退方案74

4.5未来展望75

第5章 构建可访问性界面76

5.1实例14：使用ARIA role属性提供导航提示77

5.1.1地标角色78

5.1.2文档结构角色80

5.1.3回退方案80

5.2实例15：创建访问性良好的可更新区域81

5.2.1创建页面82

5.2.2隐藏内容区域85

5.2.3回退方案86

5.3实例16：提升表格的可访问性86

5.3.1把标题与列结合起来88

5.3.2用题注和描述解释表格89

5.4未来展望90

第二部分 新视角、新声音92

第6章 在浏览器中画图92

6.1实例17：在画布上绘制商标92

6.1.1绘制线条95

6.1.2添加“AwesomeCo”文本信息96

6.1.3移动原点坐标97

6.1.4为对象设置渐变效果98

6.1.5回退方案98

6.2实例18：使用RGraph实现图表统计99

6.2.1使用HTML描述数据100

6.2.2将HTML描述内容转换成柱状图102

6.2.3显示替代内容103

6.2.4回退方案103

6.3实例19：使用SVG绘制矢量图形104

6.3.1绘制线条105

6.3.2添加文本信息105

6.3.3绘制形状106

6.3.4通过路径进行手工绘制106

6.3.5回退方案107

6.4未来展望108

第7章 嵌入音频和视频109

7.1历史回顾109

7.2容器与编解码器110

7.2.1视频编解码器110

7.2.2音频编解码器112

7.2.3容器与编解码器协同工作113

7.3实例20：音频特性113

7.3.1创建基本的音频列表113

7.3.2回退方案115

7.4实例21：嵌入视频117

7.5实例22：视频播放的可访问性121

7.5.1添加字幕122

7.5.2 HTM L5视频技术的局限性123

7.6未来展望124

第8章 视觉特效125

8.1实例23：设置圆角126

8.1.1柔化登录表单126

8.1.2回退方案128

8.2实例24：阴影、渐变及转换129

8.2.1基本结构130

8.2.2添加渐进效果131

8.2.3添加阴影效果132

8.2.4旋转姓名牌133

8.2.5使用矩阵精确转换134

8.2.6透明背景134

8.2.7回退方案135

8.3实例25：设置字体136

8.3.1@font-face137

8.3.2字体格式137

8.3.3改变字体137

8.3.4回退方案139

8.4实例26：通过过渡和动画特性移动物体140

8.4.1使用CSS过渡特性实现淡入淡出效果140

8.4.2理解调速函数141

8.4.3创建过渡特效143

8.4.4 利用CSS3动画特性实现表单晃动效果144

8.4.5回退方案147

8.5未来展望149

第三部分 标记之外152

第9章 客户端数据储存152

9.1实例27：用Web Storage存储偏好设置153

9.1.1创建偏好设置表单154

9.1.2保存及恢复偏好设置数据155

9.1.3为页面应用偏好设置值156

9.1.4回退方案157

9.2实例28：使用IndexedDB将数据存储到客户端数据库中158

9.2.1注意事项界面158

9.2.2创建并连接数据库160

9.2.3创建注意事项表162

9.2.4加载注意事项162

9.2.5读取特定记录164

9.2.6创建、更新以及删除记录165

9.2.7回退方案169

9.3实例29：离线应用170

9.3.1通过manifest文件定义应用程序缓存170

9.3.2 manifest文件与服务器端缓存设置172

9.3.3检测网络连通性172

9.4未来展望173

第10章 创建交互式Web应用174

10.1实例30：保存历史记录174

10.1.1存储当前状态175

10.1.2恢复上一状态176

10.1.3设置默认状态176

10.1.4回退方案177

10.2实例31：跨域通信178

10.2.1联系人列表179

10.2.2发送消息181

10.2.3支持网站181

10.2.4接收消息183

10.2.5 IE 8及IE 9中的限制183

10.3实例32：WebSocket 11聊天184

10.3.1聊天界面184

10.3.2与聊天服务器的通信186

10.3.3回退方案188

10.3.4 Flash Socket策略文件189

10.4实例33：你在哪儿：Geolocation190

10.4.1为AwesomeCo公司开发定位功能191

10.4.2如何被找到192

10.4.3回退方案192

10.5实例34：通过拖放来整理内容194

10.5.1创建基本用户界面194

10.5.2添加卡片到界面195

10.5.3整理卡片196

10.5.4回退方案199

10.6未来展望200

第11章 未来之路202

11.1使用弹性盒子模型定义布局202

11.2跨域资源共享205

11.3 Web Workers205

11.4服务器发送事件210

11.4.1监听事件210

11.4.2实现你自己的服务器212

11.5滤镜效果212

11.6 WebGL213

11.7前进！214

附录A 快速参考215

附录B jQuery快速入门220

附录C 针对Web的音频和视频编码229

附录D 相关资源231

参考文献233