HTML 5从零开始学 视频教学版PDF电子书下载

第1章 HTML 5概述 1

1.1 HTML5简介 1

1.1.1 HTML 1

1.1.2 HTML 5 2

1.1.3 HTML 5文件的基本结构 3

1.2 HTML 5文件的编写方法 4

1.2.1 手工编写HTML 5 4

1.2.2 使用HTML编辑器 5

1.3 使用浏览器查看HTML 5文件 9

1.3.1 与HTML 5兼容的浏览器 9

1.3.2 查看页面效果 9

1.3.3 查看源文件 10

1.4 问题解答 11

第2章 HTML 5中的新增元素 12

2.1 新增的主体结构元素 12

2.1.1 section元素 12

2.1.2 article元素 13

2.1.3 aside元素 16

2.1.4 nav元素 18

2.1.5 time元素 21

2.2 新增的非主体结构元素 22

2.2.1 header元素 22

2.2.2 hgroup元素 24

2.2.3 footer元素 25

2.2.4 figure元素 28

2.2.5 address元素 30

2.3 新增其他常用元素 32

2.3.1 mark元素 32

2.3.2 rp、rt与ruby元素 33

2.3.3 progress元素 34

2.3.4 command元素 35

2.3.5 embed元素 36

2.3.6 details与summary元素 37

2.3.7 datalist元素 38

2.4 新增全局属性 39

2.4.1 contenteditable属性 39

2.4.2 spellcheck属性 40

2.4.3 tabIndex属性 41

2.5 新增的其他属性 42

2.5.1 表单相关的属性 42

2.5.2 链接相关属性 51

2.5.3 其他属性 52

2.6 新增事件属性 53

2.7 废除的属性 54

2.8 问题解答 55

第3章 认识网页与网站 56

3.1 网站的基本概念 56

3.1.1 什么是网页 56

3.1.2 什么是网站 56

3.2 网页基本构成元素 57

3.3 网页设计 58

3.3.1 网页设计概述 58

3.3.2 网页设计特点 59

3.3.3 网页设计相关术语 62

3.3.4 网页设计原则 63

3.3.5 网页设计的成功要素 65

3.3.6 网页设计风格及色彩搭配 66

3.4 网页设计师应具备的素质 67

3.4.1 艺术素质 68

3.4.2 技能素质 68

3.4.3 综合素质 68

3.5 网站制作流程 68

3.5.1 前期策划 69

3.5.2 页面细化及实施 69

3.5.3 网站上传 69

3.5.4 后期维护 70

3.6 综合实例——搜集网页素材 70

3.7 问题解答 72

第4章 HTML 5中的文档结构 74

4.1 Web标准 74

4.1.1 Web标准概述 74

4.1.2 Web标准规定的内容 75

4.2 HTML 5文档的基本结构 76

4.2.1 HTML 5结构 76

4.2.2 文档类型说明 77

4.2.3 HTML 5标记 77

4.2.4 头标记 77

4.2.5 网页的主体标记 80

4.2.6 页面注释标记 81

4.3 综合实例——符合W3C标准的HTML 5网页 82

4.4 问题解答 83

第5章 HTML 5中的文本和图像 84

5.1 添加文本 84

5.1.1 普通文本 84

5.1.2 特殊字符文本 84

5.1.3 文本特殊样式 86

5.2 排版文本 88

5.2.1 段落标记与换行标记 88

5.2.2 标题标记 91

5.3 建立文本列表 92

5.3.1 建立无序列表 92

5.3.2 建立有序列表 93

5.3.3 建立不同类型的无序列表 94

5.3.4 建立不同类型的有序列表 95

5.3.5 嵌套列表 96

5.3.6 自定义列表 97

5.4 添加图像 98

5.4.1 网页支持的图片格式 98

5.4.2 在网页中使用路径 99

5.4.3 在网页中插入图像 101

5.5 编辑图像 102

5.5.1 设置图像的宽度和高度 102

5.5.2 设置图像的提示文字 103

5.5.3 设置图片为网页背景 104

5.5.4 排列图像 105

5.6 综合实例——图文并茂的房屋装饰装修网页 106

5.7 问题解答 107

第6章 使用HTML 5建立超链接 109

6.1 URL 109

6.1.1 URL的格式 109

6.1.2 URL的类型 109

6.2 创建超链接 110

6.2.1 设置文本和图片的超链接 111

6.2.2 设置超链接指向的目标类型 112

6.2.3 用新窗口显示超链接页面 114

6.2.4 如何链接到同一页面的不同位置 115

6.3 创建热点区域 117

6.4 创建浮动框架 118

6.5 综合实例——用Dreamweaver精确定位热点区域 119

6.6 问题解答 122

第7章 使用HTML 5创建表格 123

7.1 表格的基本结构 123

7.2 表格的基本操作 125

7.2.1 创建表格 125

7.2.2 定义表格的边框类型 127

7.2.3 定义表格的表头 128

7.2.4 设置表格背景 129

7.2.5 设置单元格背景 131

7.2.6 合并单元格 132

7.2.7 排列单元格中的内容 137

7.2.8 设置单元格的行高与列宽 138

7.3 完整的表格标记 139

7.4 综合实例——制作计算机报价表 141

7.5 问题解答 143

第8章 使用HTML 5创建表单 145

8.1 表单概述 145

8.2 表单基本元素的使用 146

8.2.1 单行文本输入框 146

8.2.2 多行文本输入框 147

8.2.3 密码域 148

8.2.4 单选按钮 148

8.2.5 复选框 149

8.2.6 下拉选择框 150

8.2.7 普通按钮 152

8.2.8 提交按钮 152

8.2.9 重置按钮 154

8.3 表单高级元素的使用 154

8.3.1 url属性 155

8.3.2 email属性 155

8.3.3 date和time属性 156

8.3.4 number属性 157

8.3.5 range属性 158

8.3.6 required属性 159

8.4 综合实例——创建用户反馈表单 160

8.5 问题解答 161

第9章 使用HTML 5绘制图形 163

9.1 canvas概述 163

9.1.1 添加canvas元素 163

9.1.2 绘制矩形 164

9.2 绘制基本形状 165

9.2.1 绘制圆形 165

9.2.2 使用moveTo与lineTo绘制直线 166

9.2.3 使用bezierCurveTo绘制贝济埃曲线 168

9.3 绘制渐变图形 170

9.3.1 绘制线性渐变 170

9.3.2 绘制径向渐变 172

9.4 绘制变形图形 173

9.4.1 变换原点坐标 173

9.4.2 图形缩放 174

9.4.3 旋转图形 176

9.5 图形组合 177

9.6 绘制带阴影的图形 179

9.7 使用图像 180

9.7.1 绘制图像 181

9.7.2 图像平铺 182

9.7.3 图像裁剪 184

9.7.4 像素处理 186

9.8 绘制文字 188

9.9 图形的保存与恢复 189

9.9.1 保存与恢复状态 189

9.9.2 保存文件 191

9.9.3 绘制图形综合应用 192

9.10 综合实例——绘制火柴棒人物 194

9.11 问题解答 197

第10章 HTML 5中的音频和视频 198

10.1 audio标签 198

10.1.1 audio标签概述 198

10.1.2 audio标签的属性 199

10.1.3 音频解码器 200

10.1.4 浏览器对audio标签的支持情况 200

10.2 video标签 200

10.2.1 video标签概述 200

10.2.2 video标签的属性 201

10.2.3 视频解码器 202

10.2.4 浏览器对video标签的支持情况 202

10.3 问题解答 203

第11章 获取地理位置 204

11.1 用Geolocation API获取地理位置 204

11.1.1 地理定位的原理 204

11.1.2 获取定位信息的方法 204

11.1.3 常用地理定位方法 205

11.1.4 如何判断浏览器是否支持HTML 5获取地理位置信息 205

11.1.5 指定纬度和经度坐标 206

11.2 浏览器对地理定位的支持情况 210

11.3 综合实例——在网页中调用Google地图 210

11.4 问题解答 213

第12章 Web通信新技术 214

12.1 跨文档消息传输 214

12.1.1 跨文档消息传输的基本知识 214

12.1.2 跨文档通信应用测试 214

12.2 Web Sockets API 217

12.2.1 什么是WebSocket API 217

12.2.2 Web Sockets通信基础 217

12.2.3 在服务器端使用Web Sockets API 219

12.2.4 在客户端使用Web Sockets API 223

12.3 综合实例——编写简单的Web Socket服务器 223

12.4 问题解答 228

第13章 本地存储技术 229

13.1 认识Web存储 229

13.3.1 本地存储和Cookie的区别 229

13.3.2 Web存储方法 229

13.2 HTML5 Web Storage API 230

13.2.1 测试浏览器的支持情况 230

13.2.2 sessionStorage方法 231

13.2.3 localStorage方法 232

13.2.4 Web Storage API的其他操作 234

13.3 在本地建立数据库 238

13.3.1 本地数据库概述 238

13.3.2 使用executeSql方法来执行查询 239

13.3.3 使用transaction方法处理事件 239

13.4 浏览器对Web存储的支持情况 239

13.5 综合实例——制作简单Web留言本 240

13.6 问题解答 243

第14章 线程处理技术 244

14.1 Web Workers 244

14.1.1 Web Workers概述 244

14.1.2 线程中常用的变量、函数与类 245

14.1.3 与线程进行数据的交互 245

14.2 线程嵌套 248

14.2.1 单线程嵌套 248

14.2.2 多个子线程中的数据交互 251

14.3 综合实例——创建Web Worker计数器 253

14.4 问题解答 254

第15章 构建离线Web应用程序 255

15.1 HTML 5离线应用程序 255

15.1.1 本地缓存 255

15.1.2 本地缓存与浏览器网页缓存的区别 255

15.1.3 支持离线行为 255

15.2 了解Manifest（清单）文件 256

15.3 了解applicationcache API 257

15.4 浏览器对Web离线应用的支持情况 259

15.5 综合实例——离线定位跟踪 259

15.6 问题解答 264

第16章 HTML 5的拖放功能 266

16.1 一个简单的拖放实例 266

16.2 分析拖放的实现过程 268

16.3 浏览器对拖放功能的支持情况 269

16.4 综合实例1——在网页中拖放文字 269

16.5 综合实例2——在网页中来回拖放图片 272

16.6 问题解答 273

第17章 HTML 5服务器发送事件 274

17.1 服务器发送事件概述 274

17.2 服务器发送事件的实现过程 274

17.2.1 检测浏览器是否支持Server-Sent Event 274

17.2.2 EventSource对象 275

17.2.3 服务器端代码 275

17.3 综合实例——向服务器端发送事件 276

17.4 问题解答 278

第18章 HTML 5、CSS3和JavaScript搭配应用 279

18.1 综合实例1——打字效果的文字 279

18.2 综合实例2——文字升降特效 281

18.3 综合实例3——跑马灯效果 283

18.4 综合实例4——闪烁图片 286

18.5 综合实例5——左右移动的图片 288

18.6 综合实例6——向上滚动菜单 290

18.7 综合实例7——跟随鼠标移动的图片 292

18.8 综合实例8——树形菜单 294

18.9 综合实例9——时钟特效 300

18.10 综合实例10——颜色选择器 303

18.11 问题解答 305

第19章 综合实战——企业门户网站 307

19.1 构思布局 307

19.1.1 设计分析 307

19.1.2 排版架构 308

19.2 模块分割 309

19.2.1 Logo与导航菜单 309

19.2.2 左侧文本介绍 311

19.2.3 右侧导航链接 313

19.2.4 版权信息 315

19.3 整体调整 316

19.4 问题解答 317

第20章 综合实战——HTML 5游戏 318

20.1 游戏概述 318

20.2 游戏需求分析 319

20.3 HTML 5、CSS和JavaScript搭配实现 320

20.3.1 基本的HTML 5结构和标记 320

20.3.2 使用CSS修改页面 321

20.3.3 JavaScript编程 323