HTML5+CSS3+JavaScript 从入门到项目实践-(超值版)

第1篇 基础知识
第1章 HTML 5基础入门 002
◎ 本章教学微视频：12个 27分钟
1.1 HTML的基本概念 002
1.1.1 什么是HTML 002
1.1.2 HTML的发展史 002
1.1.3 HTML与XHTML 003
1.2 HTML 5的优势 003
1.2.1 解决跨浏览器问题 003
1.2.2 部分代替了原来的JavaScript 003
1.2.3 更明确的语义支持 004
1.2.4 增强了Web应用程序的功能 004
1.3 编写**个HTML页面 005
1.3.1 搭建HTML运行环境 005
1.3.2 检查浏览器是否支持 007
1.3.3 编写“hello HTML 5”Web页面 008
1.4 认识网页与网站 009
1.4.1 网页与网站的关系 009
1.4.2 建立网站的一般流程 009
1.5 就业面试技巧与解析 010
1.5.1 面试技巧与解析（一） 010
1.5.2 面试技巧与解析（二） 010
第2章 HTML 5文档基本结构 011
◎ 本章教学微视频：29个 46分钟
2.1 HTML 5文档构成 011
2.1.1 声明 012
2.1.2 标签 012
2.1.3 标签 012
2.1.4 标签 012
2.2 HTML 5的语法变化 012
2.2.1 标签不再区分大小写 013
2.2.2 元素可以省略结束标签 013
2.2.3 支持boolean值的属性 014
2.2.4 允许属性值不使用引号 014
2.3 HTML 5标签、元素及属性 014
2.3.1 标签 014
2.3.2 单标签 014
2.3.3 双标签 015
2.3.4 标签属性 015
2.3.5 元素 015
2.4 HTML 5文档头部标签 016
2.4.1 设置页面标题标签 016
2.4.2 引用外部文件标签 017
2.4.3 内嵌样式标签 017
2.5 标签 018
2.6 页面注释标签 019
2.7 标题标签、换行标签及不换行标签 019
2.7.1 标题标签 020
2.7.2 标题字对齐属性align 020
2.8 段落标签、换行标签及不换行标签 021
2.8.1 段落标签 021
2.8.2 换行标签 022
2.8.3 不换行标签 022
2.9 其他标签 023
2.9.1 水平线标签 023
2.9.2 插入空格 024
2.9.3 插入特殊字符 025
2.10 就业面试技巧与解析 025
2.10.1 面试技巧与解析（一） 025
2.10.2 面试技巧与解析（二） 026
第3章 CSS 3基础入门 027
◎ 本章教学微视频：15个 42分钟
3.1 CSS概述 027
3.1.1 CSS概述 027
3.1.2 CSS的发展历史 028
3.1.3 CSS 3的新功能 028
3.2 CSS 的基本语法 028
3.3 HTML网页应用CSS样式的方法 029
3.3.1 使用行内样式表 029
3.3.2 使用内部CSS 030
3.3.3 引入外部样式表 031
3.3.4 导入外部样式文件 031
3.3.5 注释CSS 032
3.4 CSS三大特性 033
3.4.1 CSS层叠性 033
3.4.2 CSS继承性 034
3.4.3 CSS优先性 035
3.5 在脚本中修改显示样式 036
3.5.1 随机改变页面的背景色 036
3.5.2 动态增加立体效果 036
3.6 实践案例——设计登录和注册界面 037
3.7 就业面试技巧与解析 040
3.7.1 面试技巧与解析（一） 040
3.7.2 面试技巧与解析（二） 040
第4章 CSS 3样式选择器 041
◎ 本章教学微视频：22个 71分钟
4.1 选择器分类 041
4.2 基本选择器 041
4.2.1 元素选择器 042
4.2.2 通配选择器 042
4.2.3 ID选择器 043
4.2.4 class选择器 044
4.2.5 群组选择器 045
4.3 层次选择器 046
4.3.1 包含选择器 046
4.3.2 子选择器 047
4.3.3 CSS 3新增的兄弟选择器 047
4.4 动态伪类选择器 049
4.4.1 内容相关的属性 049
4.4.2 插入图像 049
4.4.3 只插入部分元素 050
4.4.4 配合quotes属性执行插入 051
4.4.5 配合counter-increment属性添加
编号 052
4.4.6 使用自定义编号 053
4.4.7 添加多级编号 054
4.5 CSS 3新增的伪类选择器 055
4.5.1 结构性伪类选择器 055
4.5.2 UI元素状态伪类选择器 057
4.5.3 目标（:target）伪类选择器 059
4.5.4 否定（:not）伪类选择器 059
4.6 属性选择器 060
4.7 实践案例——制作404页面 061
4.8 就业面试技巧与解析 063
4.8.1 面试技巧与解析（一） 063
4.8.2 面试技巧与解析（二） 063
第5章 使用并美化网页文本 064
◎ 本章教学微视频：16个 43分钟
5.1 设置网页文本字体 064
5.1.1 设置字体粗细属性 064
5.1.2 设置字体风格属性 065
5.1.3 设置字体大小属性 066
5.1.4 设置字体类型属性 067
5.1.5 设置文本行高属性 068
5.1.6 设置字体复合属性 069
5.1.7 定义网页文本颜色属性 070
5.2 设置网页文本的缩进和间距 070
5.2.1 设置首行缩进属性 071
5.2.2 设置字符间距属性 071
5.2.3 设置单词间距属性 072
5.3 设置网页文本的对齐方式 073
5.3.1 控制文本的水平对齐方式 073
5.3.2 控制文本的垂直对齐方式 074
5.4 CSS 3新增的服务器字体 075
5.4.1 使用服务器字体 076
5.4.2 定义斜体、粗体和粗斜体字 077
5.4.3 优先使用客户端字体 078
5.5 实践案例——设置简单的文字效果 079
5.6 就业面试技巧与解析 080
5.6.1 面试技巧与解析（一） 080
5.6.2 面试技巧与解析（二） 080
第6章 使用并美化网页图像 081
◎ 本章教学微视频：17个 48分钟
6.1 插入网页图像 081
6.1.1 网页图像格式 081
6.1.2 插入图像标签 082
6.2 设置网页图像 083
6.2.1 设置图像路径及文件 083
6.2.2 设置图像的宽度和高度 083
6.2.3 设置图像的提示文字 084
6.3 设置网页图像样式 085
6.3.1 设置图像边框 085
6.3.2 设置图像不透明度 086
6.3.3 设置圆角图像 087
6.3.4 设置阴影图像 088
6.3.5 设置图像与文字的对齐方式 089
6.3.6 图文混排 090
6.4 设置网页背景颜色和背景图 091
6.4.1 设置背景颜色 091
6.4.2 设置背景图 092
6.4.3 设置背景图平铺 093
6.4.4 设置背景图位置 094
6.4.5 设置渐变背景 095
6.5 实践案例——独特的瀑布流效果 096
6.6 就业面试技巧与解析 097
6.6.1 面试技巧与解析（一） 097
6.6.2 面试技巧与解析（二） 098

第2篇 核心应用
第7章 使用并美化网页超链接 100
◎ 本章教学微视频：14个 33分钟
7.1 超链接基础 100
7.2 超链接路径 100
7.3 定义超链接和热点区域 101
7.3.1 定义超链接 101
7.3.2 链接的目标窗口 101
7.3.3 定义不同目标的超链接 102
7.3.4 定义热点区域 102
7.4 定义锚点超链接 103
7.4.1 建立锚点超链接 103
7.4.2 超链接同一页面中的锚点 104
7.4.3 超链接到其他页面中的锚点 104
7.5 使用CSS样式美化超链接 105
7.5.1 定义按钮式超链接样式 106
7.5.2 定义立体超链接样式 107
7.5.3 定义文章中的超链接样式 107
7.5.4 定义图像交换超链接样式 109
7.6 实践案例——鼠标指针跟随的超链接
样式 110
7.7 就业面试技巧与解析 111
7.7.1 面试技巧与解析（一） 111
7.7.2 面试技巧与解析（二） 111
第8章 使用并美化网页列表 112
◎ 本章教学微视频：9个 27分钟
8.1 列表标签 112
8.1.1 无序列表 112
8.1.2 有序列表 113
8.1.3 自定义列表 115
8.2 列表的常见应用 115
8.2.1 使用列表实现纵向菜单 115
8.2.2 使用列表实现新闻列表 116
8.2.3 使用列表实现图片的排列 117
8.3 设计CSS 3样式美化列表 118
8.3.1 自定义项目符号 118
8.3.2 使用背景图片设计项目符号 119
8.4 实践案例——设计排行榜 120
8.5 就业面试技巧与解析 122
8.5.1 面试技巧与解析（一） 122
8.5.2 面试技巧与解析（二） 122
第9章 使用并美化表格 123
◎ 本章教学微视频：30个 64分钟
9.1 表格的基本结构 123
9.1.1 标签的属性 123
9.1.2 标签的属性 124
9.1.3 和标签的属性 124
9.2 创建网页表格 125
9.2.1 创建普通表格 125
9.2.2 创建包含表头的表格 126
9.2.3 创建包含标题的表格 127
9.2.4 创建没有边框的表格 128
9.2.5 创建含有跨行、列单元格的表格 129
9.2.6 创建含有内嵌标签元素的表格 130
9.3 表格的边框 131
9.3.1 设置表格边框宽度 131
9.3.2 设置表格边框颜色 132
9.3.3 设置之间的间距 133
9.3.4 设置表格内文字与的间距 134
9.4 表格背景 135
9.4.1 设置表格背景颜色 135
9.4.2 设置表格背景图 136
9.5 表格的行属性 137
9.5.1 设置表格的行高 137
9.5.2 设置边框颜色 138
9.5.3 设置行背景颜色 139
9.5.4 设置行文字的水平对齐方式 139
9.5.5 设置行文字的垂直对齐方式 140
9.6 单元格属性 141
9.6.1 设置单元格的宽度和高度 141
9.6.2 设置单元格的对齐方式 142
9.6.3 设置单元格的背景色 143
9.6.4 设置单元格的边框颜色 143
9.6.5 设置单元格的亮边框和暗边框 144
9.6.6 设置单元格的背景图 145
9.7 使用CSS样式美化表格 145
9.7.1 设置细线表格 145
9.7.2 设置表格标题的样式 146
9.8 实践案例 148
9.8.1 设置隔行换色表格 148
9.8.2 设置日历表 149
9.9 就业面试技巧与解析 150
9.9.1 面试技巧与解析（一） 150
9.9.2 面试技巧与解析（二） 150
第10章 使用并美化表单 151
◎ 本章教学微视频：23个 55分钟
10.1 表单的基本结构 151
10.2 表单及表单控件 152
10.2.1 表单form标签 152
10.2.2 表单input标签 152
10.2.3 使用label定义标签 152
10.2.4 使用button定义按钮 153
10.2.5 使用和标签 153
10.2.6 使用和标签 154
10.2.7 使用HTML 5增强的