HTML 5从零开始学 视频教学版【2025|PDF下载-Epub版本|mobi电子书|kindle百度云盘下载】

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

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

第1章 HTML 5概述1

1.1 HTML5简介1

1.1.1 HTML1

1.1.2 HTML 52

1.1.3 HTML 5文件的基本结构3

1.2 HTML 5文件的编写方法4

1.2.1 手工编写HTML 54

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 URL109

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 API217

12.2.1 什么是WebSocket API217

12.2.2 Web Sockets通信基础217

12.2.3 在服务器端使用Web Sockets API219

12.2.4 在客户端使用Web Sockets API223

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 API230

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 Workers244

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 API257

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 Event274

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