第一部分 基础知识篇

第1章 绪论

1.1 Web原理基础

1.1.1 Internet与万维网

1.1.2 Web架构

1.1.3 Web应用

1.2 Web前端技术基础

1.2.1 HTML技术

1.2.2 CSS技术

1.2.3 JavaScript技术

1.3 Web前端新技术

1.3.1 HTML5技术

1.3.2 CSS3技术

1.4 Web开发工具

1.4.1 Adobe Dreamweaver

1.4.2 Sublime Text

1.4.3 NodePad++++

1.4.4 EditPlus

1.5 Web技术的前景与展望

1.5.1 Flash的兴衰

1.5.2 HTML5的前景

1.5.3未来展望

1.6本章小结

习题1

第2章HTML5基础

2.1 HTML5基本结构

2.1.1文档类型声明〈！DOCTYPE〉

2.1.2根标签〈html〉

2.1.3首部标签〈head〉

2.1.4主体标签〈body〉

2.1.5 HTML5文档注释

2.1.6 HTML5文档规范

2.1.7 HTML4.01转换为HTML5

2.2 HTML5保留的常用标签

2.2.1基础标签

2.2.2文本格式标签

2.2.3列表标签

2.2.4图像标签

2.2.5超链接标签

2.2.6表格标签

2.2.7框架标签

2.2.8容器标签

2.3 HTML5新增的常用标签

2.3.1 HTML5新增文档结构标签

2.3.2 HTML5新增格式标签

2.4 HTML5新增API

2.5本章小结

习题2

第3章CSS基础

3.1 CSS样式表

3.1.1内联样式表

3.1.2内部样式表

3.1.3外部样式表

3.1.4样式表层叠优先级

3.2 CSS选择器

3.2.1元素选择器

3.2.2 ID选择器

3.2.3类选择器

3.2.4属性选择器

3.3语法规则

3.3.1注释语句

3.3.2＠charset

3.3.3！im Portant

3.4 CSS取值与单位

3.4.1数字

3.4.2长度

3.4.3角度

3.4.4时间

3.4.5文本

3.4.6颜色

3.5 CSS常用样式

3.5.1 CSS背景

3.5.2 CSS框模型

3.5.3 CSS文本

3.5.4 CSS字体

3.5.5 CSS超链接

3.5.6 CSS列表

3.5.7 CSS表格

3.6 CSS定位

3.6.1绝对定位

3.6.2相对定位

3.6.3层叠效果

3.6.4浮动

3.7本章小结

习题3

第4章JavaScript基础

4.1 JavaScript的实现

4.1.1 ECMAScript

4.1.2 DOM

4.1.3 BOM

4.2 JavaScript的使用

4.2.1内部JavaScript

4.2.2外部JavaScript

4.3 JavaScript的语法

4.3.1 JavaScript的大小写

4.3.2 JavaScript分号

4.3.3 JavaScript注释

4.3.4 JavaScript代码块

4.4 JavaScript变量

4.4.1变量的声明

4.4.2变量的命名规范

4.4.3 JavaScript关键字和保留字

4.5 JavaScript基本数据类型

4.5.1 Undefiined类型

4.5.2 Null类型

4.5.3 String类型

4.5.4 Number类型

4.5.5 Boolean类型

4.6 JavaScript对象类型

4.6.1本地对象

4.6.2内置对象

4.6.3宿主对象

4.7 JavaScript类型转换

4.7.1转换成字符串

4.7.2转换成数字

4.7.3强制类型转换

4.8 JavaScript运算符

4.8.1赋值运算符

4.8.2算术运算符

4.8.3逻辑运算符

4.8.4关系运算符

4.8.5相等性运算符

4.8.6条件运算符

4.9 JavaScript条件语句

4.9.1 if语句

4.9.2 switch语句

4.10 JavaScript循环语句

4.10.1 for循环

4.10.2 for-in循环

4.10.3 while循环

4.10.4 do-while循环

4.10.5 break和continue

4.11 JavaScript函数

4.11.1函数的基本结构

4.11.2函数的调用

4.11.3函数的返回值

4.12文档对象模型DOM

4.12.1查找HTML元素

4.12.2 DOM HTML

4.12.3 DOM CSS

4.12.4 DOM事件

4.12.5 DOM节点

4.13浏览器对象模型BOM

4.13.1 Window对象

4.13.2 Screen对象

4.13.3 Location对象

4.13.4 History对象

4.13.5 Navigator对象

4.14本章小结

习题4

第二部分 重点篇

第5章HTML5拖放API

5.1 HTML5新增拖放API

5.2浏览器支持情况

5.3 HTML5拖放API的应用

5.3.1 DragEvent事件

5.3.2 DataTransfer对象

5.3.3拖放元素过程

5.3.4自定义拖放图标

5.3.5自定义拖放行为

5.3.6本地文件的拖放

5.4本章小结

习题5

第6章HTML5表单API

6.1 HTML表单基础

6.1.1表单标签〈form〉

6.1.2输入标签〈input〉

6.1.3标记标签〈label〉

6.1.4多行文本标签〈textarea〉

6.1.5列表标签〈select〉

6.1.6按钮标签〈button〉

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

6.2 HTML5表单新特性

6.2.1 HTML5表单新增输入类型

6.2.2 HTML5表单新增元素标签

6.2.3 HTML5表单新增属性

6.3本章小结

习题6

第7章HTML5画布API

7.1画布概述

7.1.1 HTML5画布

7.1.2画布坐标

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

7.2 HTML5画布API的应用

7.2.1检查浏览器支持情况

7.2.2创建画布

7.2.3画布绘制方法

7.2.4绘制路径

7.2.5绘制矩形

7.2.6绘制图片

7.2.7绘制文本

7.2.8颜色与样式

7.2.9保存和恢复

7.2.10变形

7.2.11剪裁

7.3本章小结

习题7

第8章HTML5媒体API

8.1 HTML5媒体API概述

8.1.1 HTML5音频和视频

8.1.2 HTML5媒体支持的格式

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

8.2.1对HTML5音频的支持情况

8.2.2对HTML5视频的支持情况

8.3 HTML5音频的应用

8.3.1 HTML5音频的基本格式

8.3.2检查浏览器支持情况

8.3.3音频来源多样性

8.3.4自定义音频控制

8.4 HTML5视频的应用

8.4.1 HTML5视频的基本格式

8.4.2检查浏览器支持情况

8.4.3视频来源多样性

8.4.4自定义视频控制

8.5 HTML5媒体API其他通用功能

8.5.1标记媒体播放时间范围

8.5.2跳转媒体播放时间点

8.5.3获取媒体播放时间

8.5.4终止媒体文件的下载

8.5.5使用Flash播放器

8.6本章小结

习题8

第9章HTML5地理定位API

9.1位置信息

9.1.1经纬度坐标

9.1.2位置信息的来源

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

9.3 HTML5地理位置API的应用

9.3.1检查浏览器支持情况

9.3.2 Geolocation接口

9.3.3获取当前定位

9.3.4实时更新定位

9.4本章小结

习题9

第10章HTML5 Web存储API

10.1 Web存储技术概述

10.1.1 HTTP Cookie存储

10.1.2 HTML5 Web存储

10.2主流浏览器支持情况

10.3 HTML5 Web存储API的应用

10.3.1检查浏览器支持情况

10.3.2 Storage接口

10.3.3 localStorage vs sessionStorage

10.3.4存储数据

10.3.5读取指定数据

10.3.6数据遍历

10.3.7删除指定数据

10.3.8清空所有数据

10.4本章小结

习题10

第三部分 提 高篇

第11章CSS3技术

11.1 CSS3边框和背景效果

11.1.1 CSS3边框

11.1.2 CSS3背景效果

11.2 CSS3文本和字体效果

11.2.1 CSS3文本

11.2.2 CSS3字体

11.3 CSS3变形与动画效果

11.3.1 CSS3 2D变形

11.3.2 CSS3 Transition动画

11.3.3 CSS3 Animation动画

11.4 CSS3多列

11.4.1 columns

11.4.2 column-g a

11.4.3 column-rule

11.5本章小结

习题11

附录

附录A HTML5元素标签对照表

附录B HTML5事件属性对照表

附录C CSS3颜色名称对照表