第1章 网页和网站的基础知识 1
1.1认识网页 2
1.1.1网页和网站 2
1.1.2网页的基本构成元素 2
1.2如何设计网页 3
1.2.1什么是网页设计 3
1.2.2网页设计的特点 4
1.2.3网页设计的相关术语 5
1.3表格布局与Div+CSS布局 8
1.3.1表格布局的特点 8
1.3.2冗余的嵌套表格和混乱的结构 9
1.3.3 Div+CSS布局的特点 10
1.3.4 Div+CSS布局的优势 11
1.4了解Web标准 12
1.4.1 Web标准是什么 12
1.4.2什么是W3C 12
1.4.3结构、表现、行为和内容 12
1.4.4遵循Web标准的好处 13
1.5本章小结 14
1.6课后测试题 14
第2章 HTML和HTML5基础 15
2.1 HTML基础 16
2.1.1HTML概述 16
2.1.2HTML的主要功能 17
2.1.3HTML的基本语法 17
2.1.4HTML中的3种标签形式 18
2.2HTML标签 19
2.2.1基本标签 19
2.2.2文本标签 20
2.2.3格式标签 20
2.2.4超链接标签 21
2.2.5图像标签 22
2.2.6表格标签 22
2.2.7区块标签 23
2.3HTML5基础 23
2.3.1了解HTML5 23
2.3.2HTML5的简化操作 24
2.3.3HTML5中的新增标签 24
2.3.4HTML5中废弃的标签 27
2.3.5HTML5的优势 27
2.4HTML5的应用 28
2.4.1＜canvas＞标签 28
2.4.2＜audio＞标签 30
2.4.3＜video＞标签 32
2.5本章小结 34
2.6课后测试题 34
第3章 CSS样式基础 36
3.1CSS概述 37
3.1.1CSS的特点 37
3.1.2CSS的类型 37
3.1.3CSS的基本语法 38
3.1.4CSS样式的构成 39
3.24种使用CSS样式的方法 40
3.2.1内联样式 40
3.2.2内部样式 41
3.2.3外部样式表文件 43
3.2.4导入样式表文件 46
3.3CSS选择器 48
3.3.1通配符选择器 48
3.3.2标签选择器 49
3.3.3ID选择器 50
3.3.4类选择器 52
3.3.5伪类和伪对象选择器 54
3.3.6群选择器 56
3.3.7派生选择器 57
3.4CSS样式中的颜色设置和单位 59
3.4.1CSS样式中的多种颜色设置方式 59
3.4.2CSS样式中的绝对单位 61
3.4.3CSS样式中的相对单位 62
3.5本章小结 62
3.6课后测试题 62
第4章 Div+CSS网页布局 64
4.1定义Div 64
4.1.1什么是Div 65
4.1.2插入Div 65
4.2id与class 66
4.2.1什么是id 66
4.2.2什么时候使用id 66
4.2.3什么是class 67
4.2.4什么时候使用class 67
4.3CSS盒模型 68
4.3.1认识CSS盒模型 68
4.3.2CSS盒模型的要点 69
4.3.3margin（边距）属性 69
4.3.4border（边框）属性 70
4.3.5padding（填充）属性 72
4.3.6content（内容）部分 74
4.3.7理解空白边叠加 74
4.4网页元素定位 75
4.4.1理解position属性 76
4.4.2relative（相对）定位方式 76
4.4.3absolute（绝对）定位方式 78
4.4.4fixed（固定）定位方式 80
4.4.5float（浮动）定位方式 81
4.5常用DIV+CSS布局方式 84
4.5.1居中的布局 85
4.5.2浮动的布局 86
4.5.3高度自适应的方法 91
4.6本章小结 92
4.7课后测试题 92
第5章 使用CSS样式设置网页文本 94
5.1使用CSS样式控制文本 95
5.1.1font-family属性 95
5.1.2font-size属性 97
5.1.3color属性 98
5.1.4font-weight属性 100
5.1.5font-style属性 102
5.1.6text-transform属性 104
5.1.7text-decoration属性 106
5.2使用CSS样式控制段落 108
5.2.1letter-spacing属性 109
5.2.2line-height属性 110
5.2.3text-indent属性 112
5.2.4text-align属性 113
5.2.5vertical-align属性 115
5.2.6段落首字下沉 117
5.3实现特殊的文本效果 118
5.3.1Web字体 118
5.3.2CSS类选区 122
5.4CSS 3.0新增文本控制属性 125
5.4.1控制文本换行word-wrap属性 125
5.4.2文本溢出处理text-overflow属性 125
5.4.3文字阴影text-shadow属性 126
5.5本章小结 127
5.6课后测试题 127
第6章 设置页面背景效果 128
6.1使用CSS样式设置背景颜色 129
6.1.1background-color属性 129
6.1.2为网页元素设置不同的背景颜色 130
6.2CSS3.0新增颜色设置方式 132
6.2.1HSL颜色方式 132
6.2.2HSLA颜色方式 133
6.2.3RGBA颜色方式 133
6.3使用CSS样式设置背景图像 134
6.3.1background-image属性 134
6.3.2background-repeat属性 135
6.3.3background-attachment属性 137
6.3.4background-position属性 139
6.4CSS 3.0新增背景控制属性 141
6.4.1背景图像显示区域background-origin属性 141
6.4.2背景图像裁剪区域background-clip属性 141
6.4.3背景图像大小background-size属性 141
6.5本章小结 143
6.6课后测试题 143
第7章 使用CSS样式设置图片效果 145
7.1使用CSS样式设置图片 146
7.1.1控制图片缩放 146
7.1.2图片水平对齐 148
7.1.3图片垂直对齐 150
7.1.4图片边框效果 152
7.2实现图文混排效果 155
7.2.1使用CSS样式实现图文混排效果 156
7.2.2控制文本绕图间距 157
7.3CSS 3.0新增边框控制属性 158
7.3.1多重边框颜色border-colors属性 158
7.3.2图像边框border-image属性 159
7.3.3圆角边框border-radius属性 160
7.4本章小结 162
7.5课后测试题 162
第8章 使用CSS样式设置列表效果 163
8.1认识网页中的列表 164
8.2使用CSS样式控制列表 164
8.2.1ul无序列表 164
8.2.2list-style-type属性 167
8.2.3list-style-image属性 167
8.2.4ol有序列表 169
8.2.5dl定义列表 172
8.3使用列表制作网页导航 173
8.3.1横向网页导航 173
8.3.2垂直网页导航 176
8.4CSS 3.0新增内容和透明度属性 178
8.4.1内容content属性 178
8.4.2透明度opacity属性 180
8.5本章小结 181
8.6课后测试题 181
第9章 使用CSS样式设置超链接效果 183
9.1了解网页超链接 184
9.1.1什么是超链接 184
9.1.2关于链接路径 184
9.1.3超链接对象 185
9.2CSS样式伪类 185
9.2.1:link伪类 185
9.2.2:hover伪类 186
9.2.3:active伪类 187
9.2.4:visited伪类 187
9.3使用CSS样式实现网页中超链接效果 187
9.3.1设置网页中链接文字效果 188
9.3.2按钮式超链接 191
9.3.3为超链接添加背景 193
9.4设置网页中的光标效果 195
9.5CSS3.0新增的多列布局属性 198
9.5.1列宽度column-width属性 198
9.5.2列数column-count属性 198
9.5.3列间距column-gap属性 198
9.5.4列边框column-rule属性 199
9.6本章小结 201
9.7课后测试题 201
第10章 使用CSS样式设置表单和表格效果 203
10.1认识表单标签 204
10.1.1表单标签＜form＞ 204
10.1.2输入标签＜input＞ 205
10.1.3文本区域标签＜textarea＞ 205
10.1.4选择域标签＜select＞和＜option＞ 206
10.1.5其他表单元素 206
10.1.6＜label＞、＜legend＞和＜fieldest＞标签 208
10.2使用CSS样式设置表单元素 208
10.2.1设置表单元素的背景颜色和边框 208
10.2.2圆角文本域 209
10.2.3美化下拉列表 211
10.3认识表格 212
10.3.1认识表格标签和结构 212
10.3.2表格标题＜captain＞标签 214
10.3.3表格列＜colgroup＞和＜col＞标签 215
10.3.4水平对齐和垂直对齐 216
10.4使用CSS样式设置表格效果 218
10.4.1设置表格边框 218
10.4.2设置表格背景颜色 220
10.4.3设置表格背景图像 221
10.5使用CSS样式实现常见表格效果 222
10.5.1设置单元行背景颜色 222
10.5.2使用：hover伪类实现表格特效 224
10.6CSS3.0新增其他属性 225
10.6.1内容溢出处理overflow属性 225
10.6.2轮廓外边框outline属性 225
10.6.3区域缩放调节resize属性 226
10.6.4元素阴影box-shadow属性 226
10.7本章小结 227
10.8课后测试题 228
第11章 商业网站实战 229
11.1制作设计工作室网站页面 230
11.1.1设计分析 230
11.1.2布局分析 230
11.1.3制作步骤 230
11.1.4案例小结 239
11.2制作餐饮网站页面 240
11.2.1设计分析 240
11.2.2布局分析 240
11.2.3制作步骤 240
11.2.4案例小结 249
11.3制作游戏网站页面 249
11.3.1设计分析 250
11.3.2布局分析 250
11.3.3制作步骤 250
11.3.4案例小结 263
11.4本章小结 263
11.5课后测试题 263