第1篇 HTML基础 1
第1章 网页基础 1
1.1了解网站、网页 1
1.1.1网站 1
1.1.2网页 1
1.1.3网页的版块结构 2
1.2网页的基本构成元素 3
1.3设计网页常用的软件 4
1.4网页设计原则 6
1.5 Dreamweaver简介 7
1.5.1标题栏 7
1.5.2菜单栏 7
1.5.3插入栏 8
1.5.4文档工具栏 9
1.5.5属性面板 9
1.5.6其他面板 10
1.6在Dreamweaver中直接编写 HTML 10
1.6.1编写HTML代码 10
1.6.2保存并查看HTML文件 11
1.7小结 12
1.8习题 12
第2章 HTML基础入门 13
2.1 HTML基本概念 13
2.1.1 HTML简介 13
2.1.2 HTML的基本结构 13
2.1.3 HTML标签 14
2.2 HTML简单示例 14
2.2.1第一个HTML文件 14
2.2.2查看效果 15
2.3 HTML的基本元素 16
2.3.1 HTML元素与标签的结构 17
2.3.2元素的属性 18
2.3.3嵌套标签 20
2.3.4空格与特殊字符 22
2.4小结 23
2.5习题 23
第2篇 HTML应用篇 24
第3章 使用文本样式 24
3.1标题文字的建立 24
3.1.1标题文字的标签——<h> 24
3.1.2标题文字的对齐方式——align 25
3.2文字格式的设置 26
3.2.1设置文字字体——face 26
3.2.2设置字体大小——size 27
3.2.3设置文字颜色——color 28
3.2.4粗体、斜体、下画线——<strong>、 <em>、 <u> 29
3.2.5上标与下标——〈sup>、<sub> 30
3.2.6设置删除线——strike 31
3.2.7等宽文字标签——〈code> 32
3.2.8空格—— ； 33
3.2.9其他特殊符号 34
3.3段落标签 35
3.3.1段落标签——〈P> 35
3.3.2换行标签——<br> 36
3.3.3取消文字换行标签——〈nobr> 37
3.3.4保留原始排版方式标签——〈pre> 38
3.3.5居中对齐标签——<center> 39
3.3.6向右缩进标签——<blockquote> 40
3.4小结 41
3.5习题 42
第4章 使用超链接 43
4.1什么是超链接 43
4.1.1绝对路径 43
4.1.2相对路径 43
4.2超链接的基本标签 44
4.2.1设置超链接——〈a> 44
4.2.2文本超链接的建立——＜href〉 44
4.2.3设置超链接的目标页面——trget 47
4.3设置不同的链接对象 48
4.3.1链接网站内部的页面 48
4.3.2链接文件 48
4.3.3设置外部链接：链接HTTP页面 49
4.3.4通过FTP协议 50
4.3.5使用Telnet链接BBS站点 51
4.3.6发送E-mail 52
4.4网页中的锚点 53
4.4.1设定锚点——name 53
4.4.2链接到锚点——＃ 54
4.5小结 59
4.6习题 59
第5章 使用图像 60
5.1图像格式 60
5.2添加图像——〈img> 60
5.3设置图像属性 61
5.3.1图像高度——height 62
5.3.2图像宽度——width 63
5.3.3图像边框——border 64
5.3.4图像水平间距——hspace 65
5.3.5图像垂直间距——vspace 66
5.3.6图像相对于文字基准线的对齐方式——align 66
5.3.7图像的提示文字——alt 68
5.4图像的超链接 69
5.4.1设置图像的超链接 69
5.4.2设置图像热区链接 71
5.5设置背景音乐 75
5.5.1添加背景音乐——<bgsound> 76
5.5.2设置背景音乐的循环播放次数——loop 77
56小结 77
57习题 77
第6章 使用列表 78
6.1无序列表的设计 78
6.1.1无序列表标签——<ul> 78
6.1.2设置无序列表的符号类型——type 79
6.2有序列表的设计 81
6.2.1有序列表标签——〈ol> 81
6.2.2有序列表的序号类型——type 82
6.2.3有序列表的起始数值——start 84
6.3定义列表标签——＜dl> 85
6.4菜单列表标签——<menu> 86
6.5目录列表——<dir> 87
6.6列表的高级应用 87
6.6.1列表的简化 88
6.6.2设置列表文字的颜色 89
6.7列表的嵌套 90
6.8小结 91
6.9习题 91
第7章使用表格 93
7.1建立表格 93
7.1.1添加表格——<table>、<tr>、<td> 93
7.1.2设置表格的标题——caption 94
7.1.3表格的表头——<th> 95
7.2设置表格基本属性 96
7.2.1设置表格宽度——width 96
7.2.2设置表格高度——height 98
7.2.3表格对齐方式——align 99
7.3表格的边框 100
7.3.1设置表格的边框宽度——border 100
7.3.2表格边框颜色——bordercolor 101
7.3.3内框宽度——cellspacing 102
7.3.4表格内文字与边框距离——cellpadding 104
7.4设定表格背景 105
7.4.1设置表格背景色——bgcolor 105
7.4.2设置表格的背景图像——background 106
7.5修改表格的行属性 107
7.5.1高度的控制——height 107
7.5.2边框颜色——bordercolor 108
7.5.3行背景——bgcolor、background 110
7.5.4行文字的水平对齐方式——align 111
7.5.5行文字的垂直对齐方式valign 112
7.5.6设置表格标题的垂直对齐方式——valign 113
7.6调整单元格属性 114
7.6.1单元格大小——width、height 114
7.6.2水平跨度——colspan 115
7.6.3垂直跨度——rowspan 116
7.6.4对齐方式——align、vagn 118
7.6.5设置单元格的背景色 119
7.6.6单元格的边框颜色——bordercolor 120
7.6.7设置单元格的亮边框——bordercolorlight 121
7.6.8设置单元格的暗边框——bordercolordark 122
7.6.9设置单元格的背景图像——background 123
7.6.10文字内容不换行——nowrap 125
7.7表格的结构 127
7.7.1设置表头样式——thead 127
7.7.2设置表主体样式——tbody 129
7.7.3设置表尾样式——tfoot 130
7.8表格的嵌套 131
7.9层标签——＜div> 133
7.10小结 134
7.11习题 134
第8章 使用表单 136
8.1表单标签——<form> 136
8.1.1处理程序——action 136
8.1.2表单名称——name 137
8.1.3传送方法——method 137
8.1.4编码方式——enctype 138
8.1.5目标显示方式——target 138
8.2添加控件 139
8.3输入类的控件 139
8.3.1文字字段——text 140
8.3.2密码域——password 141
8.3.3单选按钮——radi 142
8.3.4复选项——checkbox 143
8.3.5普通按钮——buon 144
8.3.6提交按钮——submit 146
8.3.7重置按钮——reset 147
8.3.8图像域——image 149
8.3.9隐藏域——hidden 151
8.3.10文件域——file 151
8.4菜单列表类的控件 153
8.4.1下拉菜单 153
8.4.2列表项 155
8.5文本域标签——<textarea> 156
8.6 <id>标签 157
8.7小结 158
8.8习题 158
第9章 使用多媒体 160
9.1设置动态文字 160
9.1.1设置滚动文字——marquee 160
9.1.2文字滚动方向——direction 161
9.1.3设置文字的滚动方式——behavior 163
9.1.4循环设置——loop 164
9.1.5滚动速度scrollamount 166
9.1.6滚动延迟——scrolldelay 166
9.1.7滚动文字的背景色设置——bgcolor 167
9.1.8滚动背景面积——width、 height 168
9.1.9设置空白空间——hspace、 vspace 169
9.2设置背景音乐 170
9.2.1设置背景音乐——bgsound 170
9.2.2设置背景音乐的循环播放次数——loop 171
9.3添加多媒体文件 171
9.3.1添加多媒体文件标签——<embed> 172
9.3.2设置自动运行——autosta 172
9.3.3设置媒体文件的循环播放——loop 173
9.3.4隐藏面板——hidden 174
9.3.5添加其他类型的媒体文件 175
9.4小结 175
9.5习题 175
第10章 使用框架 177
10.1窗口框架简介 177
10.1.1什么是框架 177
10.1.2框架的基本结构 177
10.2设置框架集的基本属性 178
10.2.1水平分割窗口——rows 178
10.2.2垂直分割窗口——cols 179
10.2.3嵌套分割窗口 179
10.2.4设置边框——ameborder 181
10.2.5框架的边框宽度——amespacing 182
10.2.6框架的边框颜色——bordercolor 183
10.3设置窗口属性 184
10.3.1页面源文件——src 184
10.3.2页面名称——name 185
10.3.3调整窗口的尺寸——noresize 186
10.3.4边框与页面内容的水平边距——marginwidth 187
10.3.5边框与页面内容的垂直边距——marginheight 188
10.3.6设置框架滚动条显示——scrolling 188
10.3.7不支持框架标签——＜noames> 189
10.4浮动框架 190
10.4.1必需参数：页面源文件——src 192
10.4.2特有属性：大小——width和height 193
10.4.3特有属性：对齐方式——align 193
10.4.4共有参数设置 194
10.4.5其他参数——ameborder 195
10.5框架与链接 196
10.5.1设置普通框架结构的链接 197
10.5.2浮动框架与链接 200
10.6小结 202
10.7习题 202
第3篇CSS的使用 204
第11章CSS样式表 204
11.1 CSS简介 204
11.1.1 CSS的概念 204
11.1.2 CSS的特点 204
11.2 CSS的使用 205
11.2.1 CSS的基本语法 205
11.2.2添加CSS的方法 206
11.2.3 CSS的继承性 208
11.2.4 CSS样式的冲突 208
11.2.5书写CSS的注意事项 209
11.3设置CSS的字体属性 209
11.3.1设置字体——font-family 209
11.3.2设置字号——font-size 210
11.3.3字体风格——font-sle 212
11.3.4设置加粗字体——font-weight 213
11.3.5设置字体变量——font-variant 214
11.3.6复合属性：字体——ont 215
11.4颜色及背景属性 216
11.4.1颜色属性设置——color 216
11.4.2背景颜色—— background-color 217
11.4.3背景图像—— background-image 218
11.4.4背景重复—— background-repeat 220
11.4.5背景附件—— background-aachment 221
11.4.6背景位置—— background-position 223
11.4.7复合属性：背景 ——background 224
11.5文本属性 225
11.5.1单词间隔——word-spacing 226
11.5.2字符间隔—— leer-spacing 227
11.5.3文字修饰——text-decoratio 227
11.5.4纵向排列 vertical-alig 228
11.5.5文本转换——text-transform 230
11.5.6文本排列——text-align 231
11.5.7文本缩进——text-indent 232
11.5.8文本行高——line-height 233
11.5.9处理空白——white-space 234
11.5.10文本反排unicode-bidi与direction 235
11.6边距与填充属性 237
11.6.1顶端边距——margin-top 237
11.6.2其他边距——margin-boom、 margin-le、 margin-right 238
11.6.3复合属性：边距——margin 238
11.6.4顶端填充——padding-top 239
11.6.5其他填充——padding-boom、 padding-right、 padding-le 240
11.6.6复合属性：填充——adding 241
11.7边框属性 242
11.7.1边框样式—— border-styl 243
11.7.2边框宽度—— border-width 245
11.7.3边框颜色—— border-color 246
11.7.4边框属性——border 247
11.8定位及尺寸属性 249
11.8.1定位方式——position 249
11.8.2元素位置——top、 right、 boom、 le 249
11.8.3层叠顺序——z-index 251
11.8.4浮动属性——oat 252
11.8.5清除属性——clear 254
11.8.6可视区域——clip 255
11.8.7设定大小—— width、 height 257
11.8.8超出范围——overow 258
11.8.9可见属性——visibili 260
11.9列表属性 261
11.9.1列表符号——list-style-type 261
11.9.2图像符号—— list-sle-image 263
11.9.3列表缩进—— list-sle-position 264
11.9.4复合属性：列表—— list-sl 265
11.10光标属性——cursor 266
11.11滤镜属性 267
11.11.1不透明度——alpha 267
11.11.2动感模糊——blur 269
11.11.3设置阴影—— dropShadow 270
11.11.4对象的翻转——ipH、 ipV 271
11.11.5发光效果——glow 273
11.11.6灰度处理——gray 274
11.11.7反相——invert 275
11.11.8 X光片效果——xray 276
11.11.9波形滤镜——wave 278
11.12小结 279
11.13习题 279
第12章在Dreamweaver中创建网页 282
12.1常用页面元素 282
12.1.1插入图像 282
12.1.2导入媒体 286
12.1.3添加表格 287
12.1.4添加时间元素 289
12.1.5设置超链接 290
12.2网页的布局 291
12.2.1使用布局表格 291
12.2.2设置框架 293
12.2.3使用层进行布局 295
12.3表单的使用 297
12.3.1插入空白表单 297
12.3.2插入文本类控件 298
12.3.3插入选择区域 300
12.3.4插入菜单和列表 303
12.3.5添加跳转菜单 304
12.3.6添加按钮 306
12.4添加各种类型的文本 307
12.5添加HTML网页的辅助内容 308
12.5.1添加水平线 308
12.5.2设置文件元信息 309
12.5.3添加脚本 310
12.6小结 311