第1 章　HTML 5 基础

1.1 关于HTML

1.1.1 什么是HTML 5

1.1.2 HTML 5 的基本结构

1.1.3 HTML 5 标签

1.1.4 HTML 5 属性

1.1.5 HTML 5 事件属性

1.1.6 HTML 注释标签

课堂练习——制作简单的HTML 网页

1.2 HTML 5 与HTML 4 的区别

1.2.1 HTML 5 的语法变化

1.2.2 HTML 5 中的标记方法

1.3 HTML 5 中的新增元素和废除元素

1.3.1 新增的结构元素

课堂练习——使用新增结构元素制作页面

1.3.2 新增的其他元素

课堂练习——使用新增的音频标签插入音乐

1.3.3 被废除的元素

1.4 HTML 编写

1.4.1 使用记事本编写HTML

1.4.2 使用Dreamweaver 编写

HTML 文档

1.4.3 元素和属性的大小写规范

1.4.4 断行符与空白字符

1.5 预览测试HTML 页面

1.5.1 查看页面效果

1.5.2 查看源代码

1.6 本章小结

1.7 课后测试题

第2 章　网页基本HTML 标签

2.1 使用head 标签

2.2 使用title 标签

2.3 使用meta 标签

2.3.1 设置页面关键字

2.3.2 设置页面说明

2.3.3 定义编辑工具

2.3.4 定义作者信息

2.3.5 设置网页内容类型和字符集

2.3.6 设置网页跳转效果

课堂练习——设置网页定时跳转

2.4 使用body 标签定义页面主体

课堂练习——使用body 标签定义页面主体

2.4.1 使用bgcolor 属性定义网页背景色

2.4.2 使用background 属性定义网页背景

2.4.3 使用text 属性定义文字颜色

2.4.4 使用link 属性实现链接

2.4.5 使用margin 属性定义页面边距

2.5 文字与段落标签

2.5.1 在网页中输入文字

2.5.2 标题

2.5.3 文本基本属性

2.5.4 文本格式化标签

2.5.5 上标和下标

2.5.6 设置字号大小和下划线

课堂练习——使用大小字号和下划线

2.6 使用图像

2.6.1 图像的格式

2.6.2 插入图像

2.6.3 设置图片的大小

2.6.4 设置图像提示文字

2.6.5 设置图像的边框

2.6.6 设置图像的边距

2.6.7 设置图像的对齐方式

2.6.8 为图像添加超链接

2.6.9 设置图像热区链接

课堂练习——使用图像热区创建链接

2.7 使用列表

2.7.1 有序列表

2.7.2 自定义有序列表的序号

2.7.3 自定义有序列表的起始数

2.7.4 自定义有序列表的数值

2.7.5 无序列表

2.7.6 dl 定义列表

课堂练习——使用dl 定义网页公告中的列表

2.7.7 嵌套列表

2.7.8 反转序号值（reversed 属性）

2.8 使用表格

2.8.1 表格简介

2.8.2 表格属性

课堂练习——制作表格

2.8.3 表格样式

2.8.4 表格的标题

2.8.5 区分单元格

课堂练习——制作年级成绩排名单

2.8.6 跨多行、多列的单元格

课堂练习——制作年级成绩平均分数单

2.9 本章小结

2.10 课后测试题

第3 章　建立超链接

3.1 建立超链接

3.2 定义基本链接

3.2.1 定义链接的目标URL

3.2.2 定义链接的目标窗口

3.2.3 定义链接的提示信息

3.2.4 国际化和超链接

3.3 链接路径

3.3.1 绝对路径

3.3.2 相对路径

3.4 内部链接

课堂练习——创建内部链接

3.5 锚点链接

3.5.1 建立锚点

课堂练习——建立锚点

3.5.2 链接同一页面的锚点

课堂练习——建立锚点链接

3.5.3 链接到其他页面中的锚点

课堂练习——链接到其他页面中的锚点

3.6 外部链接

3.6.1 链接到外部网站

3.6.2 链接到FTP

3.6.3 链接到Telnet

3.6.4 下载链接

3.7 本章小结

3.8 课后测试题

第4 章　CSS 基础

4.1 什么是XHTML

4.1.1 为何要升级到XHTML

4.1.2 XHTML 的页面结构

4.1.3 XHTML 的代码规范

4.1.4 在Dreamweaver 中编辑XHTML

4.2 CSS 的概念

4.2.1 CSS 的基本语法

4.2.2 CSS 的优势

4.2.3 CSS 样式的类型

4.3 CSS 的分类

4.3.1 内联样式

课堂练习——设置内联样式

4.3.2 内部样式表

课堂练习——设置内部样式

4.3.3 外部样式表

4.4 CSS 文档结构

4.4.1 文档结构

4.4.2 CSS 的继承性

4.4.3 CSS 的特殊性

4.4.4 CSS 的层叠性

4.4.5 CSS 的重要性

4.5 CSS 选择器

4.5.1 标签选择器

课堂练习——使用标签选择符

4.5.2 类选择器

课堂练习——使用类选择符

4.5.3 id 选择器

4.5.4 通配选择器

4.5.5 组合选择器

4.6 CSS 选择器声明

4.6.1 群选择器

4.6.2 派生选择器

4.7 伪类及伪对象

4.8 本章小结

4.9 课后测试题

第5 章　使用canvas 元素

5.1 关于canvas 元素

5.1.1 canvas 元素的发展

5.1.2 canvas 元素的使用方法

5.2 使用路径

5.2.1 开始和闭合路径

5.2.2 使用canvas 元素绘制直线

5.2.3 arc 属性

5.2.4 bezierCurveTo 属性

课堂练习——绘制心形

5.3 绘制矩形

课堂练习——使用canvas 元素绘制矩形

5.4 绘制渐变图形

5.4.1 线性渐变 

5.4.2 径向渐变

课堂练习——绘制径向渐变

5.5 在canvas 元素中绘制图像

5.5.1 图像绘制的基本步骤 

课堂练习——绘制图像

5.5.2 图像平铺

5.5.3 图像裁剪

5.5.4 像素处理

5.6 图形的变形

5.6.1 平移

5.6.2 缩放

5.6.3 旋转

5.6.4 变形矩阵

5.7 绘制文本

5.7.1 对齐方式

5.7.2 基准线

课堂练习——绘制文本并调整

5.8 图形的组合

5.9 绘制阴影

5.10 绘制动画效果

课堂练习——使用canvas 元素绘制动画

5.11 保存与恢复绘图状态

5.11.1 保存绘图状态

5.11.2 恢复绘图状态

5.12 本章小结

5.13 课后测试题

第6 章　SVG

6.1 SVG 基础概要

6.1.1 为什么要使用SVG

6.1.2 SVG 规范

6.1.3 SVG 的特征

6.1.4 SVG 在浏览器中的显示方法

课堂练习——将SVG 图像链接到HTML 文档中

6.2 SVG 的语法基础

6.3 绘制SVG 基本图形

6.3.1 绘制矩形

课堂练习——绘制矩形

6.3.2 绘制圆形

6.3.3 绘制椭圆

6.3.4 绘制直线

6.3.5 绘制折线与多角星形

6.3.6 使用path 元素绘制图形

6.3.7 坐标与编组

6.3.8 使用transform 属性

课堂练习——对编组元素进行操作

6.4 绘制文本

课堂练习——使用SVG 绘制文本

6.5 SVG 渐变效果

6.5.1 线性渐变

6.5.2 径向渐变

课堂练习——制作径向渐变效果

6.6 样式单

6.7 本章小结

6.8 课后测试题

第7 章　音频和视频

7.1 <audio> 元素和<video> 元素

7.2 <audio> 元素和<video> 元素的属性

课堂练习——网页中的视频设置

课堂练习——使用poster 替换video

7.3 <audio> 元素和<video> 元素的方法

7.3.1 play 方法

7.3.2 pause 方法

7.3.3 load 方法

7.3.4 canPlayType 方法

7.4 <audio> 元素和<video> 元素的事件

课堂练习——设置监听audio

7.5 本章小结

7.6 课后测试题

第8 章　链入内联框架、对象和其他多媒体元素

8.1 内联框架

8.2 iframe 元素的属性

8.2.1 src 属性

8.2.2 width 和height 属性

课堂练习——创建内联框架

8.2.3 frameborder 属性

8.2.4 marginwidth 和marginheight 属性

8.2.5 name 属性

8.2.6 align 属性

8.2.7 scrolling 属性

8.3 沙盒安全限制

8.4 使用object 元素链入对象

课堂练习——链入jpg 图像

8.4.1 object 元素的属性

8.4.2 渲染对象的规则

8.4.3 param 元素

8.4.4 内联数据和外部数据

8.5 使用embed 元素链入多媒体对象

8.5.1 设置自动播放

8.5.2 设置循环播放

8.5.3 控制面板的显示