第1篇 HTML基础 2
第1章 见龙在田:先和网页打个交道 2
1.1 进一步认识网页 2
1.1.1 什么是网页 2
1.1.2 网页的版块结构 3
1.2 Dreamweaver简介 4
1.2.1 标题栏 5
1.2.2 菜单栏 5
1.2.3 插入栏 6
1.2.4 文档工具栏 6
1.2.5 属性面板 7
1.2.6 其他面板 8
1.3 认识HTML 8
1.3.1 创建HTML网页 8
1.3.2 HTML结构 9
1.4 在Dreamweaver 中直接编写HTML 10
1.4.1 编写HTML代码 10
1.4.2 保存并查看HTML文件 12
1.5 小结 13
1.6 习题 13
第2章 飞龙在天:进一步认识HTML 14
2.1 HTML简介 14
2.1.1 HTML的基本结构 14
2.1.2 HTML的基本元素 15
2.2 HTML基本语法 16
2.2.1 网页基本关键字 16
2.2.2 格式辅助标记 17
2.2.3 列表标签 24
2.2.4 文件之间的链接标签 27
2.2.5 其他标签 28
2.3 小结 29
2.4 习题 29
第2篇 HTML应用篇 32
第3章 鸿渐于陆:创建文本样式 32
3.1 标题文字概述 32
3.1.1 设置标题文字 32
3.1.2 设置标题文字的对齐方式 33
3.2 设置文字格式 34
3.2.1 设置文字字体 34
3.2.2 设置字体大小 35
3.2.3 设置文字颜色 36
3.2.4 设置粗体、斜体、下画线 37
3.2.5 设置上标、下标 39
3.2.6 设置文字的删除线 39
3.2.7 设置等宽文字标记 40
3.2.8 空格的使用 41
3.2.9 其他特殊符号 42
3.3 设置段落属性 43
3.3.1 设置段落 43
3.3.2 设置文本右缩进 44
3.3.3 设置段落的换行 45
3.3.4 设置段落的居中对齐 45
3.3.5 取消文字的换行 47
3.3.6 保留原始排版方式标记 48
3.4 设置网页中的水平线 49
3.4.1 添加水平线 49
3.4.2 设置水平线的对齐方式 49
3.4.3 设置水平线的颜色 50
3.4.4 去掉水平线阴影 51
3.4.5 设置水平线宽度与高度属性 52
3.5 小结 53
3.6 习题 53
第4章 潜龙勿用:创建超链接 55
4.1 初步认识超链接 55
4.2 初步认识超链接的标记 56
4.2.1 超链接的基本标记 57
4.2.2 创建文本超链接 57
4.2.3 超链接的目标页面 58
4.2.4 内部链接 60
4.3 书签链接 63
4.3.1 建立书签 63
4.3.2 同一页面的书签链接 65
4.3.3 不同页面的书签链接 66
4.4 设置不同的链接对象 67
4.4.1 设置外部链接:链接HTTP页面 67
4.4.2 设置电子邮件、FTP和Telnet的链接 68
4.5 网页中的锚点 69
4.5.1 设定锚点 69
4.5.2 链接到锚点 71
4.6 小结 75
4.7 习题 75
第5章 神龙摆尾:添加图像 77
5.1 初步认识图像的格式 77
5.2 添加图像 78
5.3 设置图像属性 79
5.3.1 图像相对于文字基准线的对齐方式 79
5.3.2 图像的提示文字 81
5.3.3 图像的边框 82
5.3.4 图像高度 83
5.3.5 图像水平间距 83
5.3.6 图像垂直间距 84
5.3.7 图像宽度 85
5.4 图像的超链接 86
5.4.1 设置图像的超链接 86
5.4.2 设置图像热区链接 88
5.5 设置背景音乐 92
5.5.1 添加背景音乐 92
5.5.2 设置背景音乐的循环播放次数 93
5.6 小结 93
5.7 习题 94
第6章 声东击西:添加多媒体 95
6.1 初步设置动态文字 95
6.1.1 设置滚动文字 95
6.1.2 设置文字的滚动方式 96
6.1.3 设置滚动文字的背景 97
6.1.4 设置文字滚动方向 98
6.1.5 设置空白空间 99
6.2 进一步设置动态文字 100
6.2.1 设置文字的循环 100
6.2.2 设置滚动速度 101
6.2.3 设置滚动延迟 102
6.2.4 设置滚动背景面积 103
6.3 添加多媒体文件 104
6.3.1 添加多媒体文件标记 104
6.3.2 设置自动运行 104
6.3.3 隐藏面板 105
6.3.4 设置媒体文件的循环播放 106
6.3.5 添加其他类型的媒体文件 107
6.4 设置背景音乐 107
6.4.1 设置背景音乐 108
6.4.2 设置背景音乐的循环播放次数 109
6.5 小结 109
6.6 习题 110
第7章 密云不雨:创建列表 111
7.1 创建无序列表 111
7.1.1 设置无序列表的符号类型 111
7.1.2 无序列表标记 113
7.2 创建有序列表 114
7.2.1 有序列表标记 114
7.2.2 有序列表的序号类型 115
7.2.3 有序列表的起始数值 117
7.3 列表的高级应用 118
7.3.1 简化列表 118
7.3.2 设置列表文字的颜色 119
7.4 创建其他类型的列表 120
7.4.1 目录列表 120
7.4.2 定义列表标记 121
7.4.3 菜单列表标记 122
7.4.4 列表的嵌套 123
7.5 小结 124
7.6 习题 125
第8章 偷梁换柱:建立表格 126
8.1 表格标记 126
8.2 设置表格基本属性 127
8.2.1 设置表格的标题 127
8.2.2 表格的表头 128
8.2.3 表格对齐方式 130
8.2.4 设置表格高度 131
8.2.5 设置表格宽度 132
8.2.6 设置表格的背景图像 134
8.2.7 设置表格背景色 135
8.2.8 设置表格的边框宽度 136
8.2.9 设置表格边框颜色 138
8.2.10 表格内文字与边框距离 139
8.2.11 设置内框宽度 140
8.3 修改表格的行属性 142
8.3.1 行文字的水平对齐方式 142
8.3.2 行背景 143
8.3.3 边框颜色 144
8.3.4 高度的控制 145
8.3.5 行文字的垂直对齐方式 146
8.3.6 设置表格标题的垂直对齐方式 147
8.4 调整单元格属性 149
8.4.1 对齐方式 149
8.4.2 设置单元格的背景图像 150
8.4.3 设置单元格的背景色 151
8.4.4 单元格的边框颜色 153
8.4.5 设置单元格的暗边框 154
8.4.6 设置单元格的亮边框 155
8.4.7 水平跨度 156
8.4.8 文字内容不换行 157
8.4.9 垂直跨度 159
8.4.10 设置单元格大小 161
8.5 设置表格的结构 162
8.5.1 设计表头样式 162
8.5.2 设计表主体样式 163
8.5.3 设计表尾样式 165
8.5.4 表格的嵌套 166
8.5.5 层标记 168
8.6 小结 169
8.7 习题 170
第9章 釜底抽薪:添加表单 171
9.1 添加控件 171
9.2 表单标记 172
9.2.1 处理程序 172
9.2.2 编码方式 173
9.2.3 传送方法 173
9.2.4 表单名称 174
9.2.5 目标显示方式 175
9.3 输入类的控件 175
9.3.1 普通按钮 175
9.3.2 复选项 177
9.3.3 文件域 178
9.3.4 隐藏域 179
9.3.5 图像域 179
9.3.6 密码域 180
9.3.7 单选按钮 182
9.3.8 重置按钮 183
9.3.9 提交按钮 184
9.3.10 文字字段 185
9.3.11 文本域标记 186
9.4 菜单列表类的控件 187
9.4.1 下拉菜单 187
9.4.2 列表项 189
9.5 id标记 190
9.6 小结 191
9.7 习题 192
第10章 暗度陈仓:框架结构 193
10.1 初步认识框架 193
10.2 框架的基本属性 194
10.2.1 嵌套分割窗口 194
10.2.2 框架的边框颜色 195
10.2.3 垂直分割窗口 196
10.2.4 设置边框 197
10.2.5 框架的边框宽度 198
10.2.6 水平分割窗口 199
10.3 设置窗口属性 200
10.3.1 页面源文件 200
10.3.2 边框与页面内容的水平边距 202
10.3.3 边框与页面内容的垂直边距 203
10.3.4 页面名称 204
10.3.5 不支持框架标记 204
10.3.6 禁止调整窗口的尺寸 206
10.3.7 设置框架滚动条显示 206
10.4 框架与链接 207
10.4.1 设置普通框架结构的链接 208
10.4.2 浮动框架的链接 211
10.5 浮动框架 213
10.5.1 特有属性:对齐方式 214
10.5.2 必需参数:页面源文件 215
10.5.3 特有属性:框架大小 216
10.5.4 公有参数设置 217
10.5.5 其他参数 218
10.6 小结 219
10.7 习题 220
第3篇 CSS的使用 222
第11章 以逸待劳:DIV布局 222
11.1 DIV标记介绍 222
11.1.1 DIV使用格式 222
11.1.2 使用意义 224
11.2 插入DIV标签 224
11.3 插入层 226
11.4 小结 232
11.5 习题 232
第12章 龙战于野:CSS基础 233
12.1 CSS语法 233
12.2 使用选择符 238
12.2.1 命名机制 238
12.2.2 通配选择符 238
12.2.3 类型选择符 241
12.2.4 群组选择符 246
12.2.5 包含选择符 247
12.2.6 ID选择符 250
12.2.7 class选择符 253
12.2.8 组合选择符 253
12.3 CSS属性介绍 253
12.4 CSS编码规范 255
12.4.1 书写规范 256
12.4.2 命名规范 256
12.5 颜色介绍 257
12.5.1 颜色名称定义 257
12.5.2 十六进制定义 258
12.6 长度单位 260
12.6.1 绝对长度单位 260
12.6.2 相对长度单位 261
12.7 百分比值 261
12.8 URL 266
12.8.1 相对路径 266
12.8.2 绝对路径 267
12.8.3 立用实例 267
12.9 CSS的调用 272
12.10 小结 275
12.11 习题 276
第13章 反客为主:CSS页面布局 277
13.1 CSS元素基本知识 277
13.1.1 块元素 277
13.1.2 内联元素 280
13.1.3 可变元素 281
13.2 CSS元素的定位 281
13.2.1 元素的定位 282
13.2.2 定位属性 286
13.3 内容控制属性 292
13.3.1 设置控制页面内容 292
13.3.2 设置控制显示 294
13.3.3 设置居中显示 297
13.3.4 设置边界属性 301
13.4 控制页面背景 303
13.4.1 页面背景概述 303
13.4.2 设置背景颜色 303
13.4.3 设置背景图片 305
13.4.4 背景颜色和背景图片混用 314
13.4.5 设置文本样式 317
13.4.6 设置链接样式 319
13.5 使用浮动属性 322
13.5.1 浮动属性简介 322
13.5.2 固定元素相邻 322
13.5.3 两个浮动元素相邻 325
13.5.4 多个浮动元素相邻 328
13.6 清除浮动属性 331
13.6.1 清除浮动属性简介 331
13.6.2 使用清除浮动属性 334
13.7 设置列表属性 337
13.7.1 设置列表样式 338
13.7.2 设置列表位置 340
13.7.3 设置列表图片 342
13.7.4 设置列表综合属性 345
13.8 小结 346
13.9 习题 346
第14章 皓腕玉镯:CSS容器 348
14.1 盒模型简介 348
14.1.1 盒模型的内容 348
14.1.2 盒模型的背景 351
14.2 使用补白属性 352
14.2.1 补白属性概述 352
14.2.2 使用补白属性百分比值 355
14.2.3 使用单侧补白属性 357
14.3 使用边框属性 360
14.3.1 边框样式属性 360
14.3.2 边框宽度属性 363
14.3.3 边框颜色属性 365
14.3.4 边框属性的综合使用 367
14.3.5 使用表格边框属性 370
14.4 使用边界属性 372
14.4.1 边界属性 372
14.4.2 单侧边界属性 375
14.4.3 相邻边界属性 377
14.5 父、子元素的距离 385
14.5.1 当子元素边界为0 385
14.5.2 当父元素补白为0 388
14.6 嵌套元素使用负边界 391
14.7 固定元素的大小 393
14.7.1 计算盒模型大小 394
14.7.2 固定长度和宽度 394
14.8 小结 397
第15章 帘下梳妆:CSS设置和修饰 399
15.1 CSS文本设置 399
15.1.1 文本缩进 399
15.1.2 文本对齐 403
15.1.3 图文混排对齐处理 408
15.1.4 设置行高和间隔 411
15.1.5 设置文本间隔和空白 419
15.1.6 实现文本转换 424
15.1.7 实现水平和垂直居中 426
15.2 文本修饰链接 434
15.2.1 文本修饰 434
15.2.2 使用链接属性 437
15.2.3 设置鼠标悬停样式 445
15.3 CSS图片修饰 448
15.3.1 背景图片修饰 449
15.3.2 内容图片修饰 450
15.4 CSS表单修饰 454
15.4.1 修饰表单文本域 454
15.4.2 修饰表单文本区域 457
15.4.3 修饰表单按钮 460
15.4.4 修饰表单复选框 463
15.4.5 修饰表单单选按钮 464
15.4.6 修饰表单列表 464
15.4.7 修饰表单文件域 465
15.4.8 修饰表单图像域 466
15.5 修饰页面滚动条 467
15.6 修饰水平线 469
15.7 修饰表格 469
15.7.1 修饰表格边线和背景 469
15.7.2 设置表格的宽度和高度 471
15.7.3 实现表格的居中 471
15.7.4 设置表格内容高度 473
15.8 小结 474
第16章 小园艺菊:网页布局与设计技巧 475
16.1 网页布局 475
16.1.1 网页大小 475
16.1.2 网页栏目划分 476
16.1.3 表格布局 479
16.1.4 CSS布局 483
16.2 CSS布局技巧 486
16.2.1 一栏布局 486
16.2.2 二栏布局 488
16.2.3 多栏布局 493
16.2.4 层高度 497
16.3 小结 499