HTML 5+CSS3从入门到精通PDF电子书下载

第1章 Web开发新时代 1

1.1 HTML5概述 2

1.1.1 HTML5新特性 2

1.1.2 HTML5组织 3

1.1.3 HTML5构成 4

1.2 HTML5设计原理 4

1.2.1 HTML开发历程 5

1.2.2 HTML5开发动力 6

1.2.3 HTML5设计理念 7

1.3编写第一个HTML5页面 14

1.3.1搭建上机练习环境 14

1.3.2检测浏览器是否支持 14

1.3.3使用HTML5编写简单的Web页面 15

1.4 HTML5页面的特征 17

1.4.1使用HTML5结构化元素 17

1.4.2使用CSS美化HTML5文档 19

第2章 从HTML、 XHTML到HTML5 21

2.1 HTML基础 22

2.1.1 HTML简介 22

2.1.2 HTML特性 22

2.1.3 HTML结构 23

2.1.4 HTML语法 23

2.1.5 HTML标签 25

2.1.6 HTML属性 29

2.2 XHTML基础 32

2.2.1 XHTML结构 32

2.2.2 XHTML语法 33

2.2.3 XHTML类型 34

2.2.4 DTD解析 35

2.2.5命名空间 37

2.3 HTML5基础 38

2.3.1 HTML5语法 38

2.3.2 HTML5元素 40

2.3.3 HTML5增加及废除的属性 46

2.3.4 HTML5全局属性 48

2.3.5 HTML5其他功能 50

第3章 创建HTML5文档 54

3.1认识HTML5文档结构 55

3.2 HTML5元素分类 58

3.3构建主体内容 59

3.3.1标识文章 59

3.3.2给内容分段 61

3.3.3设计导航信息 64

3.3.4设计辅助信息 66

3.3.5设计微格式 67

3.3.6添加发布日期 68

3.4添加语义模块 69

3.4.1添加标题块 69

3.4.2给标题分组 70

3.4.3添加脚注块 70

3.4.4添加联系信息 71

3.5综合实战：使用HTML5设计博客主页 72

3.5.1设计大纲 73

3.5.2设计样式 76

第4章 实战HTML5表单 79

4.1新增的input输入类型 80

4.1.1 email类型的应用 80

4.1.2 url类型的应用 82

4.1.3 number类型的应用 83

4.1.4 range类型的应用 84

4.1.5日期检出器类型的应用 85

4.1.6 search类型的应用 90

4.1.7 tel类型的应用 91

4.1.8 color类型的应用 92

4.2新增的input属性 93

4.2.1新增的autocomplete属性 93

4.2.2新增的autofocus属性 95

4.2.3新增的form属性 96

4.2.4新增的表单重写属性 97

4.2.5新增的height与width属性 98

4.2.6新增的list属性 98

4.2.7新增的min、 max和step属性 99

4.2.8新增的multiple属性 100

4.2.9新增的pattern属性 101

4.2.10新增的placeholder属性 101

4.2.11新增的required属性 102

4.3新增的form元素 103

4.3.1新增的datalist元素 103

4.3.2新增的keygen元素 103

4.3.3新增的output元素 104

4.4新增的form属性 105

4.4.1新增的autocomplete属性 105

4.4.2新增的novalidate属性 105

第5章 实战HTML5画布 106

5.1认识HTML5 canvas元素 107

5.1.1在页面中添加canvas元素 107

5.1.2 Canvas如何绘制图形 108

5.1.3认识Canvas坐标 109

5.1.4何时不用Canvas 109

5.1.5如果浏览器不支持Canvas 110

5.1.6检测浏览器支持 110

5.2绘制简单图形 111

5.2.1绘制直线 111

5.2.2绘制矩形 112

5.2.3绘制圆形 113

5.2.4绘制三角形 115

5.2.5清空画布 116

5.3绘制贝塞尔曲线 117

5.3.1绘制二次方贝塞尔曲线 118

5.3.2绘制三次方贝塞尔曲线 119

5.4图形的变换 120

5.4.1保存与恢复Canvas状态 120

5.4.2移动坐标空间 121

5.4.3旋转坐标空间 123

5.4.4缩放图形 125

5.4.5矩阵变换 126

5.5图形的组合与裁切 129

5.5.1图形的组合 129

5.5.2裁切路径 132

5.6更多的颜色和样式选项 133

5.6.1应用不同的线型 133

5.6.2绘制线性渐变 138

5.6.3绘制径向渐变 139

5.6.4绘制图案 140

5.6.5设置图形的透明度 141

5.6.6创建阴影 142

5.7绘制文字 144

5.7.1绘制填充文字 144

5.7.2文字相关属性 145

5.7.3绘制轮廓文字 145

5.7.4测量文字宽度 146

5.8操作与使用图像 147

5.8.1向Canvas中引入图像 147

5.8.2改变图像大小 149

5.8.3创建图像切片 150

第6章 HTML5音频与视频 152

6.1 HTML5多媒体技术概述 153

6.1.1关于编解码器 153

6.1.2音频编解码器 153

6.1.3视频编解码器 154

6.2浏览器支持概述 156

6.2.1用JavaScript检测音频格式支持情况 157

6.2.2用JavaScript检测视频格式支持情况 158

6.3在HTML5中播放音频 159

6.3.1认识audio元素 159

6.3.2播放音频 160

6.4在HTML5中播放视频 161

6.4.1认识video元素 161

6.4.2播放视频 162

6.5音频与视频相关属性、方法与事件 164

6.5.1音频与视频相关属性 164

6.5.2音频与视频相关方法 167

6.5.3音频与视频相关事件 168

6.6综合实战 169

6.6.1用脚本控制音乐播放 169

6.6.2查看视频帧画面 170

第7章 Web存储 175

7.1认识Web Storage 176

7.1.1 Cookie存储机制的优缺点 176

7.1.2为什么要用Web Storage 176

7.1.3 Web Storage的优缺点 177

7.1.4浏览器支持概述 177

7.2使用Web Storage 178

7.2.1检查浏览器的支持性 178

7.2.2设置和获取数据 180

7.2.3防止数据泄露 181

7.2.4 Web Storage的其他用法 181

7.2.5 Web Storage事件监测 182

7.2.6实例1：设计网页皮肤 183

7.2.7实例2：跟踪localStorage数据 184

7.2.8实例3：设计计数器 186

7.2.9综合应用：Web应用项目实时跟踪 187

7.3 Web SQL数据库 192

7.3.1 Web SQL数据库概述 192

7.3.2使用Web SQL数据库 193

7.3.3实例1：创建简单的本地数据库 195

7.3.4实例2：批量存储本地数据 198

7.3.5综合应用：Web Storage和Web SQL 混合开发 199

第8章 离线应用 207

8.1 HTML5离线应用概述 208

8.1.1为什么要学习HTML5离线应用 208

8.1.2浏览器支持概述 209

8.2 HTML5离线应用详解 210

8.2.1解析manifest文件 210

8.2.2搭建离线应用程序 213

8.2.3检查浏览器是否支持 213

8.2.4离线缓存更新实现 213

8.2.5 JavaScript接口实现 214

8.2.6离线存储事件监听 217

8.3实战1：缓存首页 218

8.4实战2：离线编辑内容 221

8.5实战3：离线跟踪 225

第9章 Workers多线程处理 231

9.1认识Web Workers 232

9.1.1 Web Workers概述 232

9.1.2浏览器支持概述 233

9.1.3熟悉Web Workers成员 233

9.2使用Web Workers 234

9.2.1检查浏览器支持性 234

9.2.2创建Web Workers 234

9.2.3与Web Workers通信 235

9.2.4使用Web Workers上机练习 237

9.3案例实战 240

9.3.1使用多线程实现后台运算 240

9.3.2在后台过滤值 242

9.3.3多任务并发处理 243

9.3.4在多线程之间通信 246

9.3.5使用线程技术计算Fibonacci数列 248

9.3.6使用多线程绘图 249

9.4综合应用：模拟退火算法 253

9.4.1认识模拟退火算法 253

9.4.2编写应用主页面 254

9.4.3编写worker js 256

9.4.4与Web Workers通信 257

第10章 Geolocation地理位置 261

10.1位置信息概述 262

10.1.1为什么要学习Geolocation 262

10.1.2位置信息表示方式 262

10.1.3位置信息来源 262

10.1.4 IP定位 263

10.1.5 GPS定位 263

10.1.6 Wi-Fi定位 263

10.1.7手机定位 264

10.1.8自定义定位 264

10.2使用Geolocation API 264

10.2.1检查浏览器支持性 264

10.2.2获取当前地理位置 265

10.2.3监视位置信息 267

10.2.4停止获取位置信息 267

10.2.5隐私保护 267

10.2.6处理位置信息 267

10.2.7使用position对象 268

10.3案例实战 269

10.3.1使用Google地图 269

10.3.2跟踪行走速度 271

第11章 CSS3概述 277

11.1回顾CSS 278

11.1.1 CSS发展简史 278

11.1.2 CSS 1.0和CSS 2.0概述 278

11.1.3 CSS与DIV标记之缘 285

11.1.4 CSS编码规范 288

11.2了解CSS3新增特性 289

11.2.1属性选择器 289

11.2.2 RBGA透明度 291

11.2.3多栏布局 292

11.2.4多背景图片 294

11.2.5字符串溢出 295

11.2.6块阴影与圆角阴影 296

11.2.7圆角 297

11.2.8边框图片 298

11.2.9形变 299

11.3 CSS3前景展望 301

11.3.1 CSS3的应用范围 302

11.3.2当前支持CSS3的浏览器 303

11.4案例实战：设计漂亮的表单 305

第12章 CSS选择器 310

12.1属性选择器 311

12.1.1认识属性选择器 311

12.1.2案例实战 312

12.2结构伪类选择器 314

12.2.1认识结构伪类选择器 314

12.2.2案例实战 315

12.3 UI伪类选择器 321

12.3.1认识常用Ul伪类选择器 321

12.3.2案例实战 322

12.4其他选择器 324

第13章 文本、字体与颜色 330

13.1设计文本阴影 331

13.1.1定义text-shadow属性 331

13.1.2应用阴影效果 333

13.1.3综合实战：设计黑客网站首页 339

13.2定义文本样式 341

13.2.1文本样式简介 341

13.2.2溢出文本 345

13.2.3文本换行 347

13.3设计颜色样式 353

13.3.1使用RGBA颜色值 353

13.3.2使用HSL颜色值 355

13.3.3使用HSLA颜色值 359

13.3.4定义opacity属性 360

13.3.5定义 transparent颜色值 363

第14章 背景和边框 365

14.1设计多色边框 366

14.1.1用法详解 366

14.1.2案例实战 368

14.2设计边框背景 368

14.2.1用法详解 369

14.2.2案例实战 372

14.3设计圆角 375

14.3.1用法详解 376

14.3.2案例实战：设计椭圆图形 379

14.4设计阴影 380

14.4.1用法详解 380

14.4.2案例实战：设计Windows7界面效果 385

14.5设计背景 390

14.5.1定义背景坐标 390

14.5.2定义背景裁剪区域 392

14.5.3定义背景图像大小 395

14.5.4定义背景图像循环方式 396

14.5.5定义多背景图像 398

第15章 2D变形 400

15.1认识transform 401

15.2 2D变形 402

15.2.1旋转动画 403

15.2.2缩放动画 404

15.2.3移动动画 406

15.2.4倾斜动画 408

15.2.5变形动画 410

15.2.6案例实战：设计涂鸦墙 412

15.3自定义变形 414

15.4定义复杂变形 416

第16章 设计动画 420

16.1平滑过渡 421

16.1.1定义过渡属性 421

16.1.2定义过渡时间 422

16.1.3定义过渡延迟时间 423

16.1.4定义过渡效果 424

16.1.5案例实战：设计Mac OS导航器 426

16.2 3D动画 428

16.2.1定义动画名称 429

16.2.2定义动画时间 429

16.2.3定义动画播放方式 429

16.2.4定义动画延迟时间 429

16.2.5定义动画播放次数 430

16.2.6定义动画播放方向 430

16.2.7案例实战：设计图片翻转特效 430

16.3渐变效果 431

16.3.1设计Webkit渐变 432

16.3.2 Webkit案例实战 437

16.3.3设计Gecko渐变 440

16.3.4 Gecko案例实战 446

16.3.5设计IE渐变 447

16.3.6设计W3C渐变 449

16.4案例综合实战 449

16.4.1设计礼品盒 450

16.4.2设计折叠面板 452

16.4.3设计易拉罐 454

16.4.4设计光盘滑动动画 457

16.4.5设计下拉菜单 461

16.4.6设计精致按钮 465

第17章 网页布局 468

17.1设计多列布局 469

17.2设置多列显示样式 471

17.2.1定义列宽 471

17.2.2定义列数 472

17.2.3定义列间距 473

17.2.4定义列边框样式 475

17.2.5定义跨列显示 476

17.2.6定义列高度 478

17.2.7定义打印列 480

17.3设计盒布局 481

17.4设置盒布局格式 485

17.4.1定义自适应宽度 485

17.4.2定义列显示顺序 487

17.4.3定义列排列方向 489

17.4.4定义模块大小自适应 491

17.4.5消除空白 493

17.4.6定义对齐方式 497

17.5综合实战：设计多列网页 498

第18章 用户界面 506

18.1改变盒模型组成方式 507

18.2调节元素尺寸 507

18.3设计轮廓 509

18.3.1定义轮廓线 509

18.3.2定义轮廓线宽度 512

18.3.3定义轮廓线样式 512

18.3.4定义轮廓线颜色 513

18.3.5定义轮廓线位移 513

18.4设计导航 516

18.4.1定义导航顺序 516

18.4.2定义方向键控制顺序 519

18.5添加显示内容 521

18.6恢复默认样式 522

18.6.1取消元素样式 522

18.6.2慎用initial的情况 524

第19章 CSS3其他新特性 527

19.1溢出处理 528

19.2自定义字体类型 530

19.2.1使用＠font-face规则 530

19.2.2开放字体 532

19.3定义设备类型 532

19.3.1认识Media Queries模块 532

19.3.2认识＠media规则 533

19.3.3使用＠media规则 535

19.3.4在网站中应用＠media规则 537

19.4添加语音功能 543

19.5设计倒影 545