项目1 HTML文档结构 1
1.1 项目描述 2
1.2 知识准备 2
1.2.1 HTML5文件基本结构 2
1.2.2 HTML5基本标签 3
1.2.3 Sublime编辑器的使用 7
1.2.4 HTML 5语法的变化 12
1.2.5 Chrome浏览器的开发者工具 12
1.3 项目实施 15
1.3.1 标准的HTML5网页 15
1.3.2 简单的HTML5网页 16
1.4 项目拓展 17
1.5 项目小结 19
1.6 技能训练 20
项目2 网页中的文本和排版 21
2.1 项目描述 22
2.2 知识准备 22
2.2.1 添加文本 22
2.2.2 文本排版 25
2.2.3 文字列表 27
2.2.4 添加图片 31
2.3 项目实施 33
2.3.1 图文混排的HTML 5网页 33
2.3.2 图文并茂的商品列表网页 36
2.4 项目拓展 39
2.5 项目小结 41
2.6 技能训练 42
项目3 网页中的表格 43
3.1 项目描述 44
3.2 知识准备 44
3.2.1 表格基本结构 44
3.2.2 编辑表格 47
3.2.3 完整的表格标签 53
3.3 项目实施 54
3.4 项目拓展 58
3.5 项目小结 62
3.6 技能训练 63
项目4 网页中的多媒体 65
4.1 项目描述 66
4.2 知识准备 66
4.2.1 建立超链接 66
4.2.2 添加音频文件 71
4.2.3 添加视频文件 73
4.3 项目实施 76
4.4 项目拓展 78
4.5 项目小结 81
4.6 技能训练 82
项目5 网页中的表单 83
5.1 项目描述 84
5.2 知识准备 84
5.2.1 表单概述 84
5.2.2 表单基本元素 85
5.2.3 其他表单元素 90
5.2.4 表单高级元素 92
5.3 项目实施 94
5.4 项目拓展 98
5.5 项目小结 102
5.6 技能训练 103
项目6 CSS 3的选择器 105
6.1 项目描述 106
6.2 知识准备 106
6.2.1 CSS 3基本语法 106
6.2.2 CSS 3引用方法 107
6.2.3 CSS 3常用选择器 110
6.2.4 CSS 3新增选择器 116
6.3 项目实施 119
6.4 项目拓展 121
6.5 项目小结 124
6.6 技能训练 124
项目7 CSS 3图文混排 125
7.1 项目描述 126
7.2 知识准备 126
7.2.1 CSS 3美化文本 126
7.2.2 CSS 3美化段落 132
7.2.3 CSS 3美化图片 138
7.2.4 CSS 3图文混排 142
7.3 项目实施 144
7.3.1 图文混排 144
7.3.2 图片特效制作 145
7.4 项目拓展 147
7.5 项目小结 151
7.6 技能训练 152
项目8 CSS 3创建网页菜单 153
8.1 项目描述 154
8.2 知识准备 154
8.2.1 CSS 3美化超链接 154
8.2.2 CSS 3美化项目列表 159
8.3 项目实施 164
8.3.1 制作垂直导航菜单 164
8.3.2 制作水平导航菜单 166
8.4 项目拓展 168
8.5 项目小结 173
8.5.1 美化超链接 173
8.5.2 美化项目列表 173
8.5.3 导航菜单制作技巧及方法 173
8.6 技能训练 174
项目9 CSS 3修饰表格表单 175
9.1 项目描述 176
9.2 知识准备 176
9.2.1 使用CSS美化背景 176
9.2.2 使用CSS设置线性边框 182
9.2.3 使用CSS设置圆角边框 186
9.2.4 使用CSS设置边框阴影 187
9.2.5 使用CSS设置图片边框 187
9.2.6 使用CSS修饰表格 189
9.3 项目实施 193
9.4 拓展训练 196
9.5 项目小结 201
9.6 技能训练 202
项目10 CSS 3创建网格布局 203
10.1 项目描述 204
10.2 知识准备 204
10.2.1 网格布局的重要术语 204
10.2.2 父元素网格容器属性 206
10.2.3 子元素网格项的属性 217
10.3 项目实施 221
10.3.1 创建网格布局 221
10.3.2 创建双飞翼布局 226
10.4 项目拓展 230
10.5 项目小结 234
10.6 技能训练 236
参考文献 237