HTML5应用开发与实践【2025|PDF下载-Epub版本|mobi电子书|kindle百度云盘下载】

HTML5应用开发与实践PDF格式电子书版下载

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

第1章 HTML5概述1

1.1 HTML5简介1

1.1.1 HTML发展历程1

1.1.2 HTML开发组织2

1.1.3 HTML5的新特性2

1.2 HTML的标签构成3

1.2.1 HTML标签概述3

1.2.2开始标签〈html〉4

1.2.3头部标签〈head〉4

1.2.4标题标签〈title〉5

1.2.5主体标签〈body〉5

1.2.6编写时注意事项5

1.3 HTML文件的编写方法6

1.3.1手工编写页面6

1.3.2使用可视化软件制作页面7

1.3.3使用浏览器浏览HTML文件10

1.4综合实例—在浏览器中输出“你好”11

知识点提炼11

习题11

第2章 HTML5的元素与属性12

2.1 HTML5的语法变化12

2.1.1 HTML5中的标记方法12

2.1.2 HTML5与之前版本的不同13

2.2新增的元素和废除的元素14

2.2.1新增的结构元素14

2.2.2新增的行内（inline）语义元素15

2.2.3新增的块级（block）语义元素15

2.2.4新增的input元素的类型16

2.2.5新增的多媒体元素与交互性元素16

2.2.6废除的元素17

2.3新增的属性和废除的属性18

2.3.1新增的属性18

2.3.2废除的属性20

2.4全局属性22

2.4.1 designMode属性22

2.4.2 hidden属性22

2.4.3 contentEditable属性22

2.4.4 tabindex属性23

2.4.5 spellcheck属性23

2.5综合实例——检查单词的拼写情况24

知识点提炼24

习题24

第3章 HTML5表单25

3.1表单概述25

3.2表单的基本元素26

3.2.1表单标记及其属性26

3.2.2表单基本元素29

3.3表单新增元素40

3.3.1新增表单元素与属性40

3.3.2验证表单46

3.3.3新增和改良的页面元素48

3.4综合实例search搜索类型的input元素55

知识点提炼56

习题56

第4章 文件与拖放58

4.1选择文件58

4.1.1 FileList对象与fiile对象58

4.1.2 Blob对象的属性59

4.1.3通过类型过滤文件60

4.2使用FileReader对象读取文件62

4.2.1检测浏览器对FileReader对象的支持62

4.2.2 FileReader对象的方法62

4.2.3实现图片的预览62

4.2.4文本文件的读取64

4.2.5 FileReader对象中的事件65

4.3拖放API的使用66

4.3.1实现拖放的步骤66

4.3.2拖放实例67

4.4 dataTransfer对象69

4.4.1设置拖放效果69

4.4.2设置拖放图标70

4.5综合实例——使用拖放API将商品拖入购物车71

知识点提炼73

习题73

第5章 绘制图形74

5.1 canvas基础74

5.1.1 canvas元素简介74

5.1.2插入canvas元素74

5.1.3绘制矩形实例76

5.2使用路径绘制圆形77

5.2.1绘制圆形77

5.2.2绘制火柴人78

5.2.3绘制贝塞尔曲线80

5.3运用样式与颜色82

5.3.1 fillStyle和strokeStyle属性82

5.3.2 globalAlpha属性84

5.3.3线型Line styles85

5.4实现图形的变形87

5.4.1坐标的变换87

5.4.2矩阵变换88

5.5绘制渐变图形91

5.5.1绘制线性渐变91

5.5.2绘制径向渐变92

5.6绘制阴影和组合图形93

5.6.1绘制阴影93

5.6.2绘制组合图形94

5.7绘制文字96

5.8应用图像97

5.8.1绘制图像97

5.8.2图像的局部放大99

5.8.3图像平铺100

5.8.4图像裁剪102

5.8.5处理像素102

5.9保存与恢复状态103

5.10文件的保存104

5.11使用画布绘制动画104

5.12综合实例——绘制桌面时钟105

知识点提炼108

习题108

第6章 HTML5中的多媒体109

6.1 HTML5页面中的多媒体109

6.2多媒体元素的属性110

6.3多媒体元素的方法114

6.3.1媒体播放时的方法114

6.3.2 canPlayType方法115

6.4多媒体元素的事件116

6.4.1事件处理116

6.4.2事件介绍116

6.5综合实例——用timeupdate事件动态显示媒体文件播放时间117

知识点提炼119

习题119

第7章 HTM L5的数据存储120

7.1 Web Storage120

7.1.1 Web Storage简介120

7.1.2.WebStorage的API121

7.1.3两种不同存储类型的实例——计数器122

7.1.4 JSON对象的存储实例——用户信息卡124

7.2 Web SQL数据库126

7.2.1 Web SQL数据库简介126

7.2.2 Web SQL Database API的使用126

7.3跨文档消息通信128

7.3.1 postMessageAPI的使用128

7.3.2跨文档消息传输128

7.4综合实例——简单的Web留言本130

知识点提炼132

习题132

第8章 离线Web应用和地理定位133

8.1 HTML5离线Web应用133

8.1.1 HTML5离线Web应用概述133

8.1.2创建HTML5离线应用135

8.1.3浏览器与服务器的交互137

8.1.4 applicationCache对象138

8.2获取地理位置142

8.2.1 GeolocatioNAPI概述142

8.2.2 position对象144

8.3综合实例——在页面上使用google地图146

知识点提炼147

习题148

第9章 CSS3基础149

9.1 CSS3概述149

9.2 CSS3新特性150

9.3 CSS3选择器151

9.3.1选择器概述151

9.3.2属性选择器152

9.3.3结构性伪类选择器154

9.3.4 UI元素状态伪类选择器161

9.3.5通用兄弟元素选择器166

9.4综合实例——生动的列表导航167

知识点提炼170

习题171

第10章 CSS字体与文本相关属性172

10.1给文字添加阴影——text-shadow属性172

10.1.1text-shadow属性的使用方法172

10.1.2指定多个阴影174

10.2文本相关属性174

10.2.1文本自动换行：word-break174

10.2.2长单词和URL地址换行175

10.3 CSS 3新增的服务器字体176

10.3.1使用服务器字体176

10.3.2定义粗体、斜体字177

10.3.3优先使用客户端字体179

10.4使用font-size-adjust属性微调字体大小180

10.4.1字体不同导致文字大小的不同180

10.4.2 font-size-adjust属性的使用方法181

10.4.3 font-size-adjust属性的使用示例181

10.5综合实例——设计立体文本182

知识点提炼183

习题183

第11章 CSS3美化背景与边框184

11.1设置背景184

11.1.1设置背景颜色184

11.1.2设置背景图片186

11.1.3 CSS 3新增的与背景相关的属性189

11.2边框设置193

11.2.1设置边框的线宽193

11.2.2设置边框的样式195

11.2.3设置边框的颜色196

11.2.4边框综合属性197

11.2.5 CSS 3新增的与边框相关的属性198

11.3内外边距的相关属性201

11.3.1设置内边距201

11.3.2设置外边距202

11.4综合实例——设计企业门户网站首页203

知识点提炼205

习题205

第12章 变形与动画相关属性206

12.1 CSS变形（Transformation）206

12.1.1变形基础—transform属性206

12.1.2旋转动画rotate（）函数207

12.1.3缩放动画——scale（）函数208

12.1.4移动动画——translate（）函数210

12.1.5倾斜动画——skew（）函数211

12.1.6变形原点——transform-origin属性213

12.2 CSS过渡——transition属性214

12.2.1设置过渡的CSS属性——transition-property属性214

12.2.2设置过渡的时间——transition-duration属性216

12.2.3设置过渡延迟时间——transition-delay属性217

12.2.4设置过渡效果——transition-timing-function属性218

12.3 CSS动画—animation属性220

12.4综合实例——模拟进度条效果223

知识点提炼224

习题225

第13章 JavaScript概述226

13.1 JavaScript概貌226

13.1.1 JavaScript的历史起源226

13.1.2 JavaScript的主要特点227

13.1.3 JavaScript成功案例227

13.2搭建JavaScript开发环境229

13.2.1硬件要求229

13.2.2软件要求229

13.2.3浏览器对JavaScript的支持230

13.3编写JavaScript的工具231

13.3.1 Adobe Dreamweaver231

13.3.2 Microsoft FrontPage232

13.4 JavaScript在HTML中的使用232

13.4.1在页面中直接嵌入JavaScript232

13.4.2链接外部JavaScript233

13.5综合实例——用JS输出中文字符串233

知识点提炼234

习题234

第14章 JavaScript语言基础235

14.1 JavaScript数据结构235

14.1.1标识符235

14.1.2关键字236

14.1.3常量236

14.1.4变量236

14.2数据类型238

14.2.1数字型数据238

14.2.2字符串型数据239

14.2.3布尔型数据240

14.2.4特殊数据类型240

14.2.5数据类型的转换规则241

14.3运算符与表达式242

14.3.1算术运算符243

14.3.2比较运算符243

14.3.3赋值运算符244

14.3.4字符串运算符245

14.3.5布尔运算符245

14.3.6条件运算符245

14.3.7其他运算符246

14.3.8运算符优先级247

14.3.9表达式248

14.4流程控制语句248

14.4.1条件控制语句248

14.4.2循环控制语句255

14.4.3跳转语句257

14.5函数259

14.5.1函数的定义259

14.5.2函数的调用260

14.5.3几种特殊的函数263

14.6综合实例——将长数字分位显示268

知识点提炼269

习题269

第15章 JavaScript内置对象271

15.1字符串对象String271

15.1.1 search方法271

15.1.2 match方法272

15.1.3 split方法272

15.1.4 replace方法273

15.2常用的数值处理对象273

15.2.1 Math对象273

15.2.2 Number对象275

15.2.3 Boolean对象279

15.2.4 Date对象280

15.3数组对象283

15.3.1数组对象Array283

15.3.2常用的数组操作方法286

15.3.3获取数组中的某段数组元素289

15.3.4将数组转换成字符串290

15.4综合实例——使用数组存储商品信息291

知识点提炼291

习题292

第16章 JavaScript对象编程与事件处理293

16.1文档（document）对象293

16.1.1文档对象的常用属性、方法与事件294

16.1.2 Document对象的应用296

16.2窗口（window）对象302

16.2.1窗口对象的常用属性与方法302

16.2.2控制窗口304

16.2.3窗口事件311

16.3 DOM对象312

16.3.1 DOM概述312

16.3.2 DOM对象节点属性313

16.3.3操作节点318

16.3.4获取文档中的指定元素324

16.4事件处理325

16.4.1事件与事件处理概述325

16.4.2 DOM事件模型328

16.4.3表单相关事件331

16.4.4鼠标键盘事件335

16.4.5页面事件339

16.5综合实例——动态设置网页的标题栏341

知识点提炼342

习题343

第17章 HTML5、 CSS3与JavaScript综合应用344

17.1综合实例1——文字升降特效344

17.2综合实例2——闪烁的图片345

17.3综合实例3——左右移动的图片346

17.4综合实例4——自动隐藏菜单348

17.5综合实例5——树状导航菜单351

17.6综合实例6——颜色选择器353

第18章 课程设计——旅游信息网前台357

18.1需求分析357

18.2系统设计357

18.2.1系统目标357

18.2.2网站预览357

18.3开发及运行环境359

18.4关键技术360

18.4.1网站主题结构设计360

18.4.2 HTML5结构元素的使用360

18.5网站公共部分设计361

18.5.1设计网站公共header361

18.5.2设计网站公共footer367

18.6网站主页设计367

18.6.1显示网站介绍及相关图片368

18.6.2主页左侧导航的实现369

18.7“留下足迹”页面设计371

18.7.1播放音乐372

18.7.2添加留言功能的实现372

18.8课程设计总结374