第1篇 HTML基础
第1章 HTML基础
教学录像:22分钟
1.1 HTML的基本概念
1.2 HTML发展史
1.3 HTML的基本结构
1.3.1 HTML文件的编写方法
1.3.2 文件开始标签
1.3.3 文件头部标签
1.3.4 文件标题标签
1.3.5 文件主体标签
1.3.6 编写文件的注意事项
1.4 编写第一个HTML文件
1.4.1 HTML文件的编写方法
1.4.2 手工编写页面
1.4.3 使用可视化软件制作页面
1.4.4 使用浏览器浏览HTML文件
1.4.5 使用HTML开发的明日图书网
1.5 小结
1.6 习题
第2章 HTML文件基本标记
教学录像:44分钟
2.1 HTML头部标记
2.2 标题标记
2.3 元信息标记
2.3.1 设置页面关键字
2.3.2 设置页面描述
2.3.3 设置编辑工具
2.3.4 设定作者信息
2.3.5 限制搜索方式
2.3.6 设置网页文字及语言
2.3.7 设置网页的定时跳转
2.3.8 设定有效期限
2.3.9 禁止从缓存中调用
2.3.10 删除过期的cookie
2.3.11 强制打开新窗口
2.3.12 设置网页的过渡效果
2.4 基底网址标记
2.5 页面的主体标记
2.5.1 设置文字颜色——text
2.5.2 背景颜色属性——bgcolor
2.5.3 背景图像属性——background
2.5.4 设置链接文字属性——link
2.5.5 设置边距——margin
2.6 页面的注释标记
2.7 实例演练——创建基本的HTML网页
2.8 小结
2.9 习题
第3章 设计网页文本内容
教学录像:29分钟
3.1 标题文字的建立
3.1.1 标题文字标记
3.1.2 标题文字的对齐方式——align
3.2 设置文字格式
3.2.1 设置文字字体——face
3.2.2 设置字号——size
3.2.3 设置文字颜色——color
3.2.4 粗体、斜体、下划线——strong、em、u
3.2.5 上标与下标——sup、sub
3.2.6 设置删除线——strike
3.2.7 等宽文字标记——code
3.2.8 空格——
3.2.9 其他特殊符号
3.3 设置段落格式
3.3.1 段落标记——p
3.3.2 取消文字换行标记——nobr
3.3.3 换行标记——br
3.3.4 保留原始排版方式标记——pre
3.3.5 居中对齐标记——center
3.3.6 向右缩进标记——blockquote
3.4 水平线标记
3.4.1 添加水平线——hr
3.4.2设置水平线的宽度与高度——width、height
3.4.3 设置水平线的颜色——color
3.4.4 设置水平线的对齐方式——align
3.4.5 去掉水平线阴影——noshade
3.5 其他文字标记
3.5.1 文字标注标记——ruby
3.5.2 声明变量标记——var
3.5.3 忽视HTML标记——plaintext、xmp
3.6 小结
3.7 习题
第4章 使用列表
教学录像:35分钟
4.1 列表的标记
4.2 使用无序列表
4.2.1 无序列表标记——ul
4.2.2 无序列表的符号类型——type
4.3 使用有序列表
4.3.1 有序列表标记——ol
4.3.2 有序列表的属性——type
4.3.3 有序列表的起始数值——start
4.4 定义列表标记——dl
4.5 菜单列表标记——menu
4.6 目录列表——dir
4.7 使用嵌套列表
4.7.1 定义列表的嵌套
4.7.2 无序列表和有序列表的嵌套
4.8 小结
4.9 习题
第5章 超链接
教学录像:22分钟
5.1 超链接的基本知识
5.1.1 超链接
5.1.2 绝对路径
5.1.3 相对路径
5.2 超链接的建立
5.2.1 超链接标记的基本语法
5.2.2 建立文本超链接
5.2.3 设置超链接的目标窗口
5.3 内部链接
5.4 书签链接
5.4.1 建立书签
5.4.2 链接到同一页面的书签
5.4.3 链接到不同页面的书签
5.5 外部链接
5.5.1 通过HTTP协议
5.5.2 通过FTP
5.5.3 发送E-mail
5.5.4 下载文件
5.6 其他链接
5.6.1 脚本链接
5.6.2 空链接
5.7 小结
5.8 习题
第6章 使用图像
教学录像:35分钟
6.1 图像的基本格式
6.2 添加图像——img
6.3 设置图像属性
6.3.1 图像高度——height
6.3.2 图像宽度——width
6.3.3 图像边框——border
6.3.4 图像水平间距——hspace
6.3.5 图像垂直间距——vspace
6.3.6 图像相对于文字基准线的对齐方式——align
6.3.7 图像的提示文字——alt
6.4 图像的超链接
6.4.1 设置图像的超链接
6.4.2 设置图像热区链接
6.5 小结
6.6 习题
第7章 表格的应用
教学录像:48分钟
7.1 创建表格
7.1.1 表格的基本构成——table、tr、td
7.1.2 表格的标题——caption
7.1.3 表格的表头——th
7.2 设置表格基本属性
7.2.1 表格的宽度——width
7.2.2 表格的高度——height
7.2.3 表格的对齐方式——align
7.3 设置表格的边框
7.3.1 表格边框的宽度——border
7.3.2 表格边框的颜色——bordercolor
7.3.3 表格内框的宽度——cellspacing
7.3.4 表格内文字与边框的间距——cellpadding
7.4 设置表格背景
7.4.1 表格的背景颜色——bgcolor
7.4.2 表格的背景图像——background
7.5 设置表格的行属性
7.5.1 高度的控制——height
7.5.2 行的边框颜色——bordercolor
7.5.3 行的背景颜色——bgcolor、background
7.5.4 行文字的水平对齐方式——align
7.5.5 行文字的垂直对齐方式——valign
7.5.6 表格标题的垂直对齐方式——align
7.6 调整单元格属性
7.6.1 单元格大小——width、height
7.6.2 单元格水平跨度——colspan
7.6.3 单元格垂直跨度——rowspan
7.6.4 单元格对齐方式——align、valign
7.6.5 单元格的背景色
7.6.6 单元格的边框颜色——bordercolor
7.6.7 单元格的亮边框——bordercolorlight
7.6.8 单元格的暗边框——bordercolordark
7.6.9 单元格的背景图像——background
7.7 表格的结构
7.7.1 表格的表头标记——thead
7.7.2 表格的表主体标记——tbody
7.7.3 表格的表尾标记——tfoot
7.8 表格的嵌套
7.9 小结
7.10 习题
第8章 层标记——div
教学录像:33分钟
8.1 层
8.1.1 层的分类
8.1.2 定义数据块
8.2 标签
8.2.1 标签的简介
8.2.2 标签的属性
8.2.3标签与标签
8.3 标签
8.3.1 标签的简介
8.3.2 标签的属性
8.4 标签和 标签
8.4.1 标签层的使用
8.4.2 标签和 标签的区别
8.5 应用div制作下拉菜单导航条
8.6 小结
8.7 习题
第9章 编辑表单
教学录像:26分钟
9.1 使用表单标签——form
9.1.1 处理动作——action
9.1.2 表单名称——name
9.1.3 传送方法——method
9.1.4 编码方式——enctype
9.1.5 目标显示方式——target
9.2 添加控件
9.3 输入类的控件
9.3.1 文字字段——text
9.3.2 密码域——password
9.3.3 单选按钮——radio
9.3.4 复选框——checkbox
9.3.5 普通按钮——button
9.3.6 提交按钮——submit
9.3.7 重置按钮——reset
9.3.8 图像域——image
9.3.9 隐藏域——hidden
9.3.10 文件域——file
9.4 列表/菜单标记
9.5 文本域标记——textarea
9.6 id标记
9.7 小结
9.8 习题
第10章 多媒体页面
视频讲解:18分钟
10.1 设置滚动文字
10.2 添加背景音乐
10.3 添加多媒体文件
10.4 小结
10.5 习题
第2篇 HTML 5高级应用
第11章 HTML 5的新特性
视频讲解:6分钟
11.1 谁在开发HTML 5
11.2 HTML 5的新认识
11.3 无插件范式
11.4 HTML 5的新特性
11.5 小结
第12章 HTML 5与HTML 4的区别
视频讲解:51分钟
12.1 语法的改变
12.2 新增的元素和废除的元素
12.3 新增的属性和废除的属性
12.4 全局属性
12.5 小结
12.6 习题
第13章 HTML 5的结构
视频讲解:20分钟
13.1 新增的主体结构元素
13.2 新增的非主体结构元素
13.3 小结
13.4 习题
第14章 HTML 5中的表单
视频讲解:50分钟
14.1 新增表单元素与属性
14.2 对表单的验证
14.3 增加的页面元素
14.4 小结
14.5 习题
第15章 HTML 5中的文件与拖放
视频讲解:40分钟
15.1 选择文件
15.2 使用FileReader接口读取文件
15.3 拖放API
15.4 dataTransfer对象应用详解
15.5 小结
15.6 习题
第16章 多媒体播放
视频讲解:35分钟
16.1 HTML 5多媒体的简述
16.2 多媒体元素基本属性
16.3 多媒体元素常用方法
16.4 多媒体元素重要事件
16.5 小结
16.6 习题
第17章 绘制图形
视频讲解:1小时32分钟
17.1 canvas的基础知识
17.2 在画布中使用路径
17.3 运用样式与颜色
17.4 绘制渐变图形
17.5 绘制变形图形
17.6 组合多个图形
17.7 给图形绘制阴影
17.8 应用图像
17.9 绘制文字
17.10 保存与恢复状态
17.11 文件的保存
17.12 对画布绘制实现动画
17.13 综合实例——桌面时钟
17.14 小结
17.15 习题
第18章 数据存储
视频讲解:50分钟
18.1 初识Web Storage
18.2 本地数据库
18.3 小结
18.4 习题
第19章 离线应用程序
视频讲解:13分钟
19.1 HTML 5离线Web应用概述
19.2 创建HTML 5离线应用
19.3 浏览器与服务器的交互过程
19.4 applicationCache对象
19.5 小结
19.6 习题
第20章 使用Web Worker处理线程
视频讲解:25分钟
20.1 Web Worker概述
20.2 在Worker内部能做什么
20.3 多个JavaScript文件的加载与执行
20.4 线程嵌套
20.5 小结
20.6 习题
第21章 通信API
视频讲解:4分钟
21.1 跨文档消息通信
21.2 小结
第22章 获取地理位置信息
视频讲解:12分钟
22.1 Geolocation API的概述
22.2 position对象
22.3 在google地图上显示“我在这里”
22.4 小结
22.5 习题
第3篇 HTML 5项目实战
第23章 旅游信息网前台页面
视频讲解:20分钟
23.1 概述
23.2 网站预览
23.3 关键技术
23.4 网站公共部分设计
23.5 网站主页设计
23.6 留下足迹页面设计
23.7 小结
附录 习题参考答案
第1篇 HTML基础
第1章 HTML基础
教学录像:22分钟
1.1 HTML的基本概念
1.2 HTML发展史
1.3 HTML的基本结构
1.3.1 HTML文件的编写方法
1.3.2 文件开始标签
1.3.3 文件头部标签
1.3.4 文件标题标签
1.3.5 文件主体标签
1.3.6 编写文件的注意事项
1.4 编写第一个HTML文件
1.4.1 HTML文件的编写方法
1.4.2 手工编写页面
1.4.3 使用可视化软件制作页面
1.4.4 使用浏览器浏览HTML文件
1.4.5 使用HTML开发的明日图书网
1.5 小结
1.6 习题
第2章 HTML文件基本标记
教学录像:44分钟
2.1 HTML头部标记
2.2 标题标记
2.3 元信息标记
2.3.1 设置页面关键字
2.3.2 设置页面描述
2.3.3 设置编辑工具
2.3.4 设定作者信息
2.3.5 限制搜索方式
2.3.6 设置网页文字及语言
2.3.7 设置网页的定时跳转
2.3.8 设定有效期限
2.3.9 禁止从缓存中调用
2.3.10 删除过期的cookie
2.3.11 强制打开新窗口
2.3.12 设置网页的过渡效果
2.4 基底网址标记
2.5 页面的主体标记
2.5.1 设置文字颜色——text
2.5.2 背景颜色属性——bgcolor
2.5.3 背景图像属性——background
2.5.4 设置链接文字属性——link
2.5.5 设置边距——margin
2.6 页面的注释标记
2.7 实例演练——创建基本的HTML网页
2.8 小结
2.9 习题
第3章 设计网页文本内容
教学录像:29分钟
3.1 标题文字的建立
3.1.1 标题文字标记
3.1.2 标题文字的对齐方式——align
3.2 设置文字格式
3.2.1 设置文字字体——face
3.2.2 设置字号——size
3.2.3 设置文字颜色——color
3.2.4 粗体、斜体、下划线——strong、em、u
3.2.5 上标与下标——sup、sub
3.2.6 设置删除线——strike
3.2.7 等宽文字标记——code
3.2.8 空格——
3.2.9 其他特殊符号
3.3 设置段落格式
3.3.1 段落标记——p
3.3.2 取消文字换行标记——nobr
3.3.3 换行标记——br
3.3.4 保留原始排版方式标记——pre
3.3.5 居中对齐标记——center
3.3.6 向右缩进标记——blockquote
3.4 水平线标记
3.4.1 添加水平线——hr
3.4.2设置水平线的宽度与高度——width、height
3.4.3 设置水平线的颜色——color
3.4.4 设置水平线的对齐方式——align
3.4.5 去掉水平线阴影——noshade
3.5 其他文字标记
3.5.1 文字标注标记——ruby
3.5.2 声明变量标记——var
3.5.3 忽视HTML标记——plaintext、xmp
3.6 小结
3.7 习题
第4章 使用列表
教学录像:35分钟
4.1 列表的标记
4.2 使用无序列表
4.2.1 无序列表标记——ul
4.2.2 无序列表的符号类型——type
4.3 使用有序列表
4.3.1 有序列表标记——ol
4.3.2 有序列表的属性——type
4.3.3 有序列表的起始数值——start
4.4 定义列表标记——dl
4.5 菜单列表标记——menu
4.6 目录列表——dir
4.7 使用嵌套列表
4.7.1 定义列表的嵌套
4.7.2 无序列表和有序列表的嵌套
4.8 小结
4.9 习题
第5章 超链接
教学录像:22分钟
5.1 超链接的基本知识
5.1.1 超链接
5.1.2 绝对路径
5.1.3 相对路径
5.2 超链接的建立
5.2.1 超链接标记的基本语法
5.2.2 建立文本超链接
5.2.3 设置超链接的目标窗口
5.3 内部链接
5.4 书签链接
5.4.1 建立书签
5.4.2 链接到同一页面的书签
5.4.3 链接到不同页面的书签
5.5 外部链接
5.5.1 通过HTTP协议
5.5.2 通过FTP
5.5.3 发送E-mail
5.5.4 下载文件
5.6 其他链接
5.6.1 脚本链接
5.6.2 空链接
5.7 小结
5.8 习题
第6章 使用图像
教学录像:35分钟
6.1 图像的基本格式
6.2 添加图像——img
6.3 设置图像属性
6.3.1 图像高度——height
6.3.2 图像宽度——width
6.3.3 图像边框——border
6.3.4 图像水平间距——hspace
6.3.5 图像垂直间距——vspace
6.3.6 图像相对于文字基准线的对齐方式——align
6.3.7 图像的提示文字——alt
6.4 图像的超链接
6.4.1 设置图像的超链接
6.4.2 设置图像热区链接
6.5 小结
6.6 习题
第7章 表格的应用
教学录像:48分钟
7.1 创建表格
7.1.1 表格的基本构成——table、tr、td
7.1.2 表格的标题——caption
7.1.3 表格的表头——th
7.2 设置表格基本属性
7.2.1 表格的宽度——width
7.2.2 表格的高度——height
7.2.3 表格的对齐方式——align
7.3 设置表格的边框
7.3.1 表格边框的宽度——border
7.3.2 表格边框的颜色——bordercolor
7.3.3 表格内框的宽度——cellspacing
7.3.4 表格内文字与边框的间距——cellpadding
7.4 设置表格背景
7.4.1 表格的背景颜色——bgcolor
7.4.2 表格的背景图像——background
7.5 设置表格的行属性
7.5.1 高度的控制——height
7.5.2 行的边框颜色——bordercolor
7.5.3 行的背景颜色——bgcolor、background
7.5.4 行文字的水平对齐方式——align
7.5.5 行文字的垂直对齐方式——valign
7.5.6 表格标题的垂直对齐方式——align
7.6 调整单元格属性
7.6.1 单元格大小——width、height
7.6.2 单元格水平跨度——colspan
7.6.3 单元格垂直跨度——rowspan
7.6.4 单元格对齐方式——align、valign
7.6.5 单元格的背景色
7.6.6 单元格的边框颜色——bordercolor
7.6.7 单元格的亮边框——bordercolorlight
7.6.8 单元格的暗边框——bordercolordark
7.6.9 单元格的背景图像——background
7.7 表格的结构
7.7.1 表格的表头标记——thead
7.7.2 表格的表主体标记——tbody
7.7.3 表格的表尾标记——tfoot
7.8 表格的嵌套
7.9 小结
7.10 习题
第8章 层标记——div
教学录像:33分钟
8.1 层
8.1.1 层的分类
8.1.2 定义数据块
8.2 标签
8.2.1 标签的简介
8.2.2 标签的属性
8.2.3标签与标签
8.3 标签
8.3.1 标签的简介
8.3.2 标签的属性
8.4 标签和 标签
8.4.1 标签层的使用
8.4.2 标签和 标签的区别
8.5 应用div制作下拉菜单导航条
8.6 小结
8.7 习题
第9章 编辑表单
教学录像:26分钟
9.1 使用表单标签——form
9.1.1 处理动作——action
9.1.2 表单名称——name
9.1.3 传送方法——method
9.1.4 编码方式——enctype
9.1.5 目标显示方式——target
9.2 添加控件
9.3 输入类的控件
9.3.1 文字字段——text
9.3.2 密码域——password
9.3.3 单选按钮——radio
9.3.4 复选框——checkbox
9.3.5 普通按钮——button
9.3.6 提交按钮——submit
9.3.7 重置按钮——reset
9.3.8 图像域——image
9.3.9 隐藏域——hidden
9.3.10 文件域——file
9.4 列表/菜单标记
9.5 文本域标记——textarea
9.6 id标记
9.7 小结
9.8 习题
第10章 多媒体页面
视频讲解:18分钟
10.1 设置滚动文字
10.2 添加背景音乐
10.3 添加多媒体文件
10.4 小结
10.5 习题
第2篇 HTML 5高级应用
第11章 HTML 5的新特性
视频讲解:6分钟
11.1 谁在开发HTML 5
11.2 HTML 5的新认识
11.3 无插件范式
11.4 HTML 5的新特性
11.5 小结
第12章 HTML 5与HTML 4的区别
视频讲解:51分钟
12.1 语法的改变
12.2 新增的元素和废除的元素
12.3 新增的属性和废除的属性
12.4 全局属性
12.5 小结
12.6 习题
第13章 HTML 5的结构
视频讲解:20分钟
13.1 新增的主体结构元素
13.2 新增的非主体结构元素
13.3 小结
13.4 习题
第14章 HTML 5中的表单
视频讲解:50分钟
14.1 新增表单元素与属性
14.2 对表单的验证
14.3 增加的页面元素
14.4 小结
14.5 习题
第15章 HTML 5中的文件与拖放
视频讲解:40分钟
15.1 选择文件
15.2 使用FileReader接口读取文件
15.3 拖放API
15.4 dataTransfer对象应用详解
15.5 小结
15.6 习题
第16章 多媒体播放
视频讲解:35分钟
16.1 HTML 5多媒体的简述
16.2 多媒体元素基本属性
16.3 多媒体元素常用方法
16.4 多媒体元素重要事件
16.5 小结
16.6 习题
第17章 绘制图形
视频讲解:1小时32分钟
17.1 canvas的基础知识
17.2 在画布中使用路径
17.3 运用样式与颜色
17.4 绘制渐变图形
17.5 绘制变形图形
17.6 组合多个图形
17.7 给图形绘制阴影
17.8 应用图像
17.9 绘制文字
17.10 保存与恢复状态
17.11 文件的保存
17.12 对画布绘制实现动画
17.13 综合实例——桌面时钟
17.14 小结
17.15 习题
第18章 数据存储
视频讲解:50分钟
18.1 初识Web Storage
18.2 本地数据库
18.3 小结
18.4 习题
第19章 离线应用程序
视频讲解:13分钟
19.1 HTML 5离线Web应用概述
19.2 创建HTML 5离线应用
19.3 浏览器与服务器的交互过程
19.4 applicationCache对象
19.5 小结
19.6 习题
第20章 使用Web Worker处理线程
视频讲解:25分钟
20.1 Web Worker概述
20.2 在Worker内部能做什么
20.3 多个JavaScript文件的加载与执行
20.4 线程嵌套
20.5 小结
20.6 习题
第21章 通信API
视频讲解:4分钟
21.1 跨文档消息通信
21.2 小结
第22章 获取地理位置信息
视频讲解:12分钟
22.1 Geolocation API的概述
22.2 position对象
22.3 在google地图上显示“我在这里”
22.4 小结
22.5 习题
第3篇 HTML 5项目实战
第23章 旅游信息网前台页面
视频讲解:20分钟
23.1 概述
23.2 网站预览
23.3 关键技术
23.4 网站公共部分设计
23.5 网站主页设计
23.6 留下足迹页面设计
23.7 小结
附录 习题参考答案