HTML5网页前端设计PDF电子书下载

第一部分 基础知识篇 3

第1章 绪论 3

1.1 Web原理基础 3

1.1.1 Internet与万维网 3

1.1.2 Web架构 4

1.1.3 Web应用 4

1.2 Web前端技术基础 5

1.2.1 HTML技术 5

1.2.2 CSS技术 6

1.2.3 JavaScript技术 6

1.3 Web前端新技术 7

1.3.1 HTML5技术 7

1.3.2 CSS3技术 8

1.4 Web开发工具 9

1.4.1 Adobe Dreamweaver 9

1.4.2 Sublime Text 10

1.4.3 NodePad++++ 11

1.4.4 EditPlus 11

1.5 Web技术的前景与展望 12

1.5.1 Flash的兴衰 12

1.5.2 HTML5的前景 12

1.5.3未来展望 12

1.6本章小结 13

习题1 13

第2章HTML5基础 14

2.1 HTML5基本结构 14

2.1.1文档类型声明〈！DOCTYPE〉 15

2.1.2根标签〈html〉 15

2.1.3首部标签〈head〉 16

2.1.4主体标签〈body〉 18

2.1.5 HTML5文档注释 18

2.1.6 HTML5文档规范 19

2.1.7 HTML4.01转换为HTML5 21

2.2 HTML5保留的常用标签 22

2.2.1基础标签 22

2.2.2文本格式标签 25

2.2.3列表标签 28

2.2.4图像标签 33

2.2.5超链接标签 34

2.2.6表格标签 37

2.2.7框架标签 38

2.2.8容器标签 38

2.3 HTML5新增的常用标签 40

2.3.1 HTML5新增文档结构标签 40

2.3.2 HTML5新增格式标签 45

2.4 HTML5新增API 47

2.5本章小结 48

习题2 48

第3章CSS基础 49

3.1 CSS样式表 49

3.1.1内联样式表 49

3.1.2内部样式表 50

3.1.3外部样式表 52

3.1.4样式表层叠优先级 53

3.2 CSS选择器 54

3.2.1元素选择器 54

3.2.2 ID选择器 54

3.2.3类选择器 55

3.2.4属性选择器 57

3.3语法规则 58

3.3.1注释语句 58

3.3.2＠charset 59

3.3.3！im Portant 59

3.4 CSS取值与单位 59

3.4.1数字 59

3.4.2长度 60

3.4.3角度 60

3.4.4时间 60

3.4.5文本 61

3.4.6颜色 61

3.5 CSS常用样式 64

3.5.1 CSS背景 64

3.5.2 CSS框模型 73

3.5.3 CSS文本 84

3.5.4 CSS字体 89

3.5.5 CSS超链接 95

3.5.6 CSS列表 96

3.5.7 CSS表格 105

3.6 CSS定位 113

3.6.1绝对定位 113

3.6.2相对定位 115

3.6.3层叠效果 116

3.6.4浮动 118

3.7本章小结 121

习题3 121

第4章JavaScript基础 122

4.1 JavaScript的实现 122

4.1.1 ECMAScript 122

4.1.2 DOM 122

4.1.3 BOM 122

4.2 JavaScript的使用 122

4.2.1内部JavaScript 123

4.2.2外部JavaScript 124

4.3 JavaScript的语法 125

4.3.1 JavaScript的大小写 125

4.3.2 JavaScript分号 125

4.3.3 JavaScript注释 125

4.3.4 JavaScript代码块 126

4.4 JavaScript变量 126

4.4.1变量的声明 126

4.4.2变量的命名规范 127

4.4.3 JavaScript关键字和保留字 128

4.5 JavaScript基本数据类型 128

4.5.1 Undefiined类型 129

4.5.2 Null类型 130

4.5.3 String类型 130

4.5.4 Number类型 140

4.5.5 Boolean类型 146

4.6 JavaScript对象类型 147

4.6.1本地对象 147

4.6.2内置对象 155

4.6.3宿主对象 158

4.7 JavaScript类型转换 158

4.7.1转换成字符串 158

4.7.2转换成数字 159

4.7.3强制类型转换 162

4.8 JavaScript运算符 164

4.8.1赋值运算符 164

4.8.2算术运算符 164

4.8.3逻辑运算符 165

4.8.4关系运算符 169

4.8.5相等性运算符 171

4.8.6条件运算符 172

4.9 JavaScript条件语句 172

4.9.1 if语句 172

4.9.2 switch语句 174

4.10 JavaScript循环语句 176

4.10.1 for循环 176

4.10.2 for-in循环 177

4.10.3 while循环 178

4.10.4 do-while循环 179

4.10.5 break和continue 180

4.11 JavaScript函数 182

4.11.1函数的基本结构 182

4.11.2函数的调用 182

4.11.3函数的返回值 183

4.12文档对象模型DOM 185

4.12.1查找HTML元素 185

4.12.2 DOM HTML 187

4.12.3 DOM CSS 190

4.12.4 DOM事件 191

4.12.5 DOM节点 192

4.13浏览器对象模型BOM 195

4.13.1 Window对象 196

4.13.2 Screen对象 197

4.13.3 Location对象 197

4.13.4 History对象 198

4.13.5 Navigator对象 199

4.14本章小结 200

习题4 201

第二部分 重点篇 205

第5章HTML5拖放API 205

5.1 HTML5新增拖放API 205

5.2浏览器支持情况 205

5.3 HTML5拖放API的应用 205

5.3.1 DragEvent事件 205

5.3.2 DataTransfer对象 206

5.3.3拖放元素过程 207

5.3.4自定义拖放图标 211

5.3.5自定义拖放行为 213

5.3.6本地文件的拖放 215

5.4本章小结 217

习题5 218

第6章HTML5表单API 219

6.1 HTML表单基础 219

6.1.1表单标签〈form〉 219

6.1.2输入标签〈input〉 220

6.1.3标记标签〈label〉 233

6.1.4多行文本标签〈textarea〉 235

6.1.5列表标签〈select〉 236

6.1.6按钮标签〈button〉 241

6.1.7域标签〈fieldset〉和域标题标签〈legend〉 243

6.2 HTML5表单新特性 245

6.2.1 HTML5表单新增输入类型 245

6.2.2 HTML5表单新增元素标签 259

6.2.3 HTML5表单新增属性 263

6.3本章小结 278

习题6 278

第7章HTML5画布API 279

7.1画布概述 279

7.1.1 HTML5画布 279

7.1.2画布坐标 279

7.1.3主流浏览器支持情况一览 280

7.2 HTML5画布API的应用 280

7.2.1检查浏览器支持情况 280

7.2.2创建画布 281

7.2.3画布绘制方法 282

7.2.4绘制路径 282

7.2.5绘制矩形 289

7.2.6绘制图片 292

7.2.7绘制文本 295

7.2.8颜色与样式 296

7.2.9保存和恢复 306

7.2.10变形 308

7.2.11剪裁 313

7.3本章小结 315

习题7 315

第8章HTML5媒体API 316

8.1 HTML5媒体API概述 316

8.1.1 HTML5音频和视频 316

8.1.2 HTML5媒体支持的格式 316

8.2主流浏览器支持情况一览 317

8.2.1对HTML5音频的支持情况 317

8.2.2对HTML5视频的支持情况 317

8.3 HTML5音频的应用 318

8.3.1 HTML5音频的基本格式 318

8.3.2检查浏览器支持情况 319

8.3.3音频来源多样性 321

8.3.4自定义音频控制 322

8.4 HTML5视频的应用 324

8.4.1 HTML5视频的基本格式 324

8.4.2检查浏览器支持情况 325

8.4.3视频来源多样性 327

8.4.4自定义视频控制 328

8.5 HTML5媒体API其他通用功能 332

8.5.1标记媒体播放时间范围 332

8.5.2跳转媒体播放时间点 333

8.5.3获取媒体播放时间 335

8.5.4终止媒体文件的下载 337

8.5.5使用Flash播放器 339

8.6本章小结 340

习题8 341

第9章HTML5地理定位API 342

9.1位置信息 342

9.1.1经纬度坐标 342

9.1.2位置信息的来源 342

9.2主流浏览器支持情况一览 343

9.3 HTML5地理位置API的应用 343

9.3.1检查浏览器支持情况 343

9.3.2 Geolocation接口 345

9.3.3获取当前定位 345

9.3.4实时更新定位 353

9.4本章小结 356

习题9 357

第10章HTML5 Web存储API 358

10.1 Web存储技术概述 358

10.1.1 HTTP Cookie存储 358

10.1.2 HTML5 Web存储 358

10.2主流浏览器支持情况 359

10.3 HTML5 Web存储API的应用 359

10.3.1检查浏览器支持情况 359

10.3.2 Storage接口 360

10.3.3 localStorage vs sessionStorage 361

10.3.4存储数据 361

10.3.5读取指定数据 365

10.3.6数据遍历 367

10.3.7删除指定数据 369

10.3.8清空所有数据 371

10.4本章小结 374

习题10 375

第三部分 提 高篇 379

第11章CSS3技术 379

11.1 CSS3边框和背景效果 379

11.1.1 CSS3边框 379

11.1.2 CSS3背景效果 386

11.2 CSS3文本和字体效果 391

11.2.1 CSS3文本 391

11.2.2 CSS3字体 397

11.3 CSS3变形与动画效果 399

11.3.1 CSS3 2D变形 399

11.3.2 CSS3 Transition动画 411

11.3.3 CSS3 Animation动画 416

11.4 CSS3多列 423

11.4.1 columns 423

11.4.2 column-g a 423

11.4.3 column-rule 424

11.5本章小结 427

习题11 427

附录 428

附录A HTML5元素标签对照表 428

附录B HTML5事件属性对照表 431

附录C CSS3颜色名称对照表 433