HTML5+CSS3技术应用完美解析PDF|Epub|txt|kindle电子书版本网盘下载

HTML5+CSS3技术应用完美解析PDF格式电子书版下载

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

第1章 HTML5概述1

1.1 HTML5的发展历程1

1.1.1 HTML4兴起之路1

1.1.2 XHTML曲折之路2

1.1.3 HTML5的诞生3

1.2 HTML5的基本特征4

1.2.1 向前兼容性4

1.2.2 跨平台运行性5

1.2.3 简单易用性5

1.2.4 用户友好性6

1.3 HTML5的新功能7

1.3.1 简化的DOCTYPE声明7

1.3.2 简化的编码字符集8

1.3.3 简化样式表和脚本引入9

1.3.4 新增的全局属性10

1.3.5 语义化标签之文档元素13

1.3.6 语义化标签之文本元素20

1.4 本章小结26

第2章 旧貌换新颜——Html5 Web Form27

2.1 Html5 Web Form概述27

2.1.1 Html5 Web Form的设计理念27

2.1.2 Html5 Web Form新在何处28

2.1.3 Html5 Web Form的浏览器支持情况30

2.2 Html5 Web Form的使用31

2.2.1 表单容器的基本属性31

2.2.2 表单结构的元素标签38

2.2.3 保留的输入类型控件52

2.2.4 新增的输入类型控件57

2.2.5 新增的表单标签属性66

2.2.6 表单验证机制70

2.3 构建Html5 Web Form的开发实例83

2.3.1 分析开发需求83

2.3.2 搭建程序基本框架83

2.3.3 页面的风格设计86

2.3.4 构建实例表单验证机制89

2.4 本章小结97

第3章 影音急先锋——Html5 Audio and Video98

3.1 Html5 Audio and Video概述98

3.1.1 视频容器99

3.1.2 编码器和解码器100

3.1.3 Html5 Audio and Video的优势101

3.1.4 Html5 Audio and Video的缺陷101

3.1.5 Html5 Audio and Video的浏览器支持情况102

3.2 Html5 Audio and Video的使用103

3.2.1 检测浏览器的支持情况103

3.2.2 多媒体元素标签及其简单属性106

3.2.3 多媒体元素的source子标签及其属性113

3.2.4 多媒体元素的事件控制119

3.2.5 多媒体元素的网络状态128

3.2.6 多媒体元素的就绪状态138

3.2.7 多媒体元素的异常状态146

3.2.8 多媒体元素的播放状态148

3.2.9 多媒体元素的控制按钮159

3.3 构建Html5 Audio and Video的开发实例162

3.3.1 分析开发的需求162

3.3.2 搭建程序显示框架163

3.3.3 设计播放器控制栏样式165

3.3.4 播放器的初始化167

3.3.5 添加播放和暂停按钮171

3.3.6 添加播放时间和进度控制条173

3.3.7 添加静音按钮和音量调节滑动条177

3.3.8 添加播放速率选择按钮和停止按钮180

3.3.9 添加全屏按钮和关灯按钮182

3.4 本章小结185

第4章 璀璨的明珠—Html5 Web Canvas186

4.1 Html5 Web Canvas概述186

4.1.1 Html5 Web Canvas的发展历程187

4.1.2 Html5 Web Canvas的优势和劣势187

4.1.3 Html5 Web Canvas的浏览器支持情况188

4.2 Html5 Web Canvas使用189

4.2.1 检测浏览器支持情况189

4.2.2 Canvas接口的属性和方法190

4.2.3 画笔风格的设置195

4.2.4 基本形状的绘制209

4.2.5 图形图像的处理220

4.2.6 Canvas文本的处理232

4.2.7 Canvas图片的处理239

4.3 构建Html5 Web Canvas的开发实例243

4.3.1 分析开发需求244

4.3.2 程序主框架的搭建244

4.3.3 底部导航栏缩略图245

4.3.4 底部导航栏翻页按钮249

4.3.5 点击放大图片和翻页功能255

4.3.6 缩略图预览显示257

4.3.7 自动隐藏导航栏258

4.4 本章小结260

第5章 寻她千百度——Html5 Web Geolocation262

5.1 Html5 Web Geolocation概述262

5.1.1 地理位置信息262

5.1.2 位置信息的来源263

5.1.3 Html5 Web Geolocation用户隐私保护机制265

5.1.4 Html5 Web Geolocation的浏览器支持情况266

5.2 Html5 Web Geolocation的使用266

5.2.1 检测浏览器支持情况266

5.2.2 单次请求方式的基本方法267

5.2.3 单次请求成功之后的回调方法273

5.2.4 单次请求失败之后的回调方法282

5.2.5 重复更新方式的基本方法288

5.3 Google Maps的基本使用292

5.3.1 引入Google Maps API292

5.3.2 初始化地图显示294

5.3.3 添加地图地标显示299

5.3.4 添加地图信息窗口显示303

5.4 构建Html5 Web Geolocation开发实例306

5.4.1 分析开发的需求306

5.4.2 搭建程序主框架306

5.4.3 获取用户的地理位置信息308

5.4.4 在Google地图上显示用户的地理位置310

5.4.5 显示用户所在地的天气313

5.5 本章小结321

第6章 多管共齐下——Html5 Web Workers322

6.1 Html5 Web Workers的概述322

6.1.1 进程和线程323

6.1.2 Html5 Web Workers的特点323

6.1.3 Html5 Web Workers的工作原理324

6.1.4 Html5 Web Workers的浏览器支持情况325

6.2 Html5 Web Workers的使用326

6.2.1 浏览器支持情况检测326

6.2.2 在主线程建立专用线程327

6.2.3 在主线程建立共享线程337

6.2.4 通用子线程接口的方法和属性342

6.2.5 专用子线程接口的方法和属性354

6.2.6 共享子线程接口的方法和属性355

6.3 构建Html5 Web Workers的开发实例357

6.3.1 分析开发需求357

6.3.2 表单数据收集页面358

6.3.3 动态增加课程项目361

6.3.4 程序的主线程362

6.3.5 程序的子线程364

6.4 本章小结367

第7章 突起的异军——Html5 Web Socket368

7.1 Html5 Web Socket的概述368

7.1.1 服务器推送技术简介368

7.1.2 基于客户端套接口的服务器推送技术369

7.1.3 基于HTTP长连接的服务器推送技术370

7.1.4 Html5 Web Socket的实现原理372

7.1.5 Html5 Web Socket的浏览器和服务器支持情况372

7.2 Html5 Web Socket的使用373

7.2.1 浏览器支持情况检测373

7.2.2 搭建Html5 Web Socket运行环境374

7.2.3 服务器端编程之Server接口378

7.2.4 服务器端编程之Connection接口383

7.2.5 客户端编程WebSocket接口390

7.3 构建Html5 Web Socket开发实例396

7.3.1 分析开发需求397

7.3.2 搭建程序主框架397

7.3.3 编写服务器端脚本400

7.3.4 实现用户登录和显示用户列表401

7.3.5 实现发送消息和显示聊天记录403

7.4 本章小结406

第8章 存储更给力——Html5 Web Storage407

8.1 Html5 Web Storage概述407

8.1.1 Cookie本地存储408

8.1.2 Web本地存储的发展408

8.1.3 Html5 Web Storage本地存储的优势410

8.1.4 Html5 Web Storage本地存储的不足410

8.1.5 Html5 Web Storage本地存储的分类411

8.1.6 Html5 Web Storage的浏览器支持情况411

8.2 DOM Storage本地存储的使用413

8.2.1 浏览器支持情况检测413

8.2.2 Storage接口的使用414

8.2.3 DOM Storage事件处理429

8.2.4 JSON数据存储439

8.3 DataBase Storage本地存储的使用445

8.3.1 浏览器的支持情况检测446

8.3.2 创建并打开本地数据库446

8.3.3 Database接口的使用448

8.3.4 本地数据库的基本操作452

8.4 构建Html5 Web Storage的开发实例460

8.4.1 分析开发需求460

8.4.2 设计登录表单461

8.4.3 存储表单数据464

8.4.4 读取表单数据465

8.5 本章小结467

第9章 离线也疯狂——Html5 Web Offline468

9.1 Html5 Web Offline概述468

9.1.1 Google Gears离线应用469

9.1.2 Html5 Web Offline和浏览器网页缓存470

9.1.3 Html5 Web Offline的优点和缺点470

9.1.4 Html5 Web Offline的浏览器支持情况471

9.2 Html5 Web Offline的使用472

9.2.1 浏览器支持情况检测472

9.2.2 配置Html5 Web Offline的服务器环境473

9.2.3 Manifest缓存清单文件475

9.2.4 applicationCache接口的状态常量和事件属性477

9.2.5 applicationCache接口的方法491

9.3 构建Html5 Web Offline的开发实例496

9.3.1 分析开发需求496

9.3.2 搭建程序主框架496

9.3.3 编写Manifest缓存清单498

9.3.4 设计Javascript脚本500

9.4 本章小结503

第10章 十年磨一剑——cSS3概述504

10.1 CSS3发展历程504

10.1.1 CSS的兴起504

10.1.2 CSS Level 2.1的发布505

10.1.3 CSS Level 3的诞生505

10.2 CSS3的新特性507

10.2.1 强大的选择器507

10.2.2 专业的UI设计507

10.3 浏览器对CSS3的支持509

10.3.1 私有属性带来的困扰509

10.3.2 主流浏览器对CSS3的支持情况510

10.4 本章小结511

第11章 选择器畅想——CSS3 Selector512

11.1 属性选择器512

11.1.1 保留的属性选择器513

11.1.2 新增的属性选择器518

11.2 伪选择器522

11.2.1 伪元素选择器522

11.2.2 保留的伪类选择器526

11.2.3 新增的结构性伪类选择器530

11.2.4 新增的UI元素状态伪类选择器544

11.3 本章小结548

第12章 专业的视觉——CSS3 UI549

12.1 边框和轮廓UI设计549

12.1.1 边框属性的使用549

12.1.2 轮廓属性的使用554

12.2 文本和内容UI设计556

12.2.1 文本属性的使用556

12.2.2 内容属性的使用562

12.3 渐变和背景UI设计567

12.3.1 渐变方法的使用567

12.3.2 背景属性的使用572

12.4 本章小结576

第13章 唯美的排列——CSS3 Layout577

13.1 多列自动布局方式577

13.1.1 多列自动布局的浏览器支持情况577

13.1.2 多列自动布局的使用578

13.2 弹性盒布局方式589

13.2.1 弹性盒布局的浏览器支持情况589

13.2.2 弹性盒布局的使用590

13.3 本章小结598

第14章 强劲的动画——CSS3 Animation599

14.1 变形动画设计599

14.1.1 变形动画设计的浏览器支持情况599

14.1.2 变形动画设计的使用600

14.2 过渡动画设计607

14.2.1 过渡动画设计的浏览器支持情况607

14.2.2 过渡动画设计的使用608

14.3 高级动画设计613

14.3.1 高级动画设计的浏览器支持情况613

14.3.2 高级动画设计的使用614

14.4 本章小结617

第15章 沙场秋点兵——网上订餐系统618

15.1 需求分析618

15.1.1 项目背景618

15.1.2 功能需求619

15.2 概要设计620

15.2.1 页面布局安排620

15.2.2 主要技术620

15.3 详细设计621

15.3.1 页面头部模块621

15.3.2 导航菜单模块622

15.3.3 视频播放模块627

15.3.4 地理位置服务模块629

15.3.5 底部快捷通道模块632

15.3.6 添加离线缓存635

15.4 本章小结636