第1章 HTML入门 1
1.1 HTML的基本概念 2
1.1.1 HTML简介 2
1.1.2 HTML的结构概念 2
1.1.3 HTML的标记 2
1.2 HTML的发展历史 3
1.3 网页设计原则 3
1.4 Dreamweaver简介 4
1.4.1 标题栏 4
1.4.2 菜单栏 5
1.4.3 插入栏 5
1.4.4 文档工具栏 6
1.4.5 属性面板 7
1.4.6 其他面板 7
1.5 在Dreamweaver中直接编写HTML 8
1.5.1 编写HTML代码 8
1.5.2 保存并查看HTML文件 9
第2章 HTML基本标记 11
2.1 头部标记——<head> 12
2.2 标题标记——<title> 12
2.3 元信息标记——<meta> 13
2.3.1 设置页面关键字 13
2.3.2 设置页面描述 13
2.3.3 设置编辑工具 14
2.3.4 设定作者信息 14
2.3.5 限制搜索方式 15
2.3.6 设置网页文字及语言 15
2.3.7 设置网页的定时跳转 16
2.3.8 设定网页的到期时间 17
2.3.9 禁止从缓存中调用 18
2.3.10 删除过期的cookie 18
2.3.11 强制打开新窗口 19
2.3.12 设置网页的过渡效果 19
2.4 基底网址标记——<base> 21
2.5 页面的主体标记——body 23
2.5.1 设置页面背景色——bgcolor 23
2.5.2 设置背景图片——background 23
2.5.3 设置文字颜色——text 25
2.5.4 设置链接文字属性——link 25
2.5.5 设置边距——margin 27
2.6 页面注释标记——<!-- --> 28
第3章 文字与段落 29
3.1 标题文字的建立 30
3.1.1 标题文字标记 30
3.1.2 标题文字的对齐方式——align 30
3.2 文字格式标记 31
3.2.1 设置文字字体——face 31
3.2.2 设置字号——size 32
3.2.3 设置文字颜色——color 33
3.2.4 粗体、斜体、下划线——strong、em、u 33
3.2.5 上标与下标——sup、sub 34
3.2.6 设置删除线——strike 34
3.2.7 等宽文字标记——code 35
3.2.8 空格—— 36
3.2.9 其他特殊符号 37
3.3 段落标记 38
3.3.1 段落标记——p 38
3.3.2 取消文字换行标记——nobr 39
3.3.3 换行标记——br 39
3.3.4 保留原始排版方式标记——pre 40
3.3.5 居中对齐标记——center 41
3.3.6 向右缩进标记——blockquote 41
3.4 水平线标记 42
3.4.1 添加水平线——hr 42
3.4.2 设置水平线宽度与高度属性——width、height 43
3.4.3 设置水平线的颜色——color 44
3.4.4 设置水平线的对齐方式——align 45
3.4.5 去掉水平线阴影——noshade 45
3.5 其他标记 46
3.5.1 文字标注标记——ruby 46
3.5.2 声明变量标记——var 47
3.5.3 忽视HTML标签标记——plaintext、xmp 48
第4章 列表 49
4.1 无序列表的设计 50
4.1.1 无序列表标记——ul 50
4.1.2 设置无序列表的符号类型——type 51
4.2 有序列表的设计 52
4.2.1 有序列表标记——ol 52
4.2.2 有序列表的序号类型——type 53
4.2.3 有序列表的起始数值——start 54
4.3 定义列表标记——dl 56
4.4 菜单列表标记——menu 57
4.5 目录列表——dir 57
4.6 列表的高级应用 58
4.6.1 列表的简化 58
4.6.2 设置列表文字的颜色 59
4.7 列表的嵌套 60
第5章 超链接 63
5.1 超链接基本知识 64
5.1.1 超链接 64
5.1.2 绝对路径 64
5.1.3 相对路径 64
5.2 超链接的建立 65
5.2.1 超链接标记的基本语法 65
5.2.2 建立文本超链接 65
5.2.3 设置超链接的目标窗口 67
5.3 内部链接 69
5.4 书签链接 71
5.4.1 建立书签 71
5.4.2 链接到同一页面的书签 73
5.4.3 链接到不同页面的书签 74
5.5 外部链接 75
5.5.1 通过HTTP协议 76
5.5.2 通过FTP协议 76
5.5.3 通过Telnet链接 77
5.5.4 发送到Email 78
5.5.5 下载文件 79
第6章 使用图像 81
6.1 图像格式 82
6.2 添加图像——img 82
6.3 设置图像属性 83
6.3.1 图像高度——height 83
6.3.2 图像宽度——width 84
6.3.3 图像边框——border 85
6.3.4 图像水平间距——hspace 86
6.3.5 图像垂直间距——vspace 87
6.3.6 图像相对于文字基准线的对齐方式——align 88
6.3.7 图像的提示文字——alt 89
6.4 图像的超链接 90
6.4.1 设置图像的超链接 90
6.4.2 设置图像热区链接 92
第7章 添加多媒体元素 97
7.1 设置动态文字 98
7.1.1 设置滚动文字——marquee 98
7.1.2 文字滚动方向——direction 98
7.1.3 设置文字的滚动方式——behavior 100
7.1.4 循环设置——loop 101
7.1.5 滚动速度——scrollamount 101
7.1.6 滚动延迟——scrolldelay 102
7.1.7 滚动文字的背景设置——bgcolor 103
7.1.8 滚动背景面积——width、height 103
7.1.9 设置空白空间——hspace、vspace 104
7.2 设置背景音乐 105
7.2.1 设置背景音乐——bgsound 105
7.2.2 设置背景音乐的循环播放次数——loop 106
7.3 添加多媒体文件 106
7.3.1 添加多媒体文件标记——embed 107
7.3.2 设置自动运行——autostart 107
7.3.3 设置媒体文件的循环播放——loop 108
7.3.4 隐藏面板——hidden 108
7.3.5 添加其他类型的媒体文件 109
第8章 表格的应用 111
8.1 建立表格 112
8.1.1 添加表格——table、tr、td 112
8.1.2 设置表格的标题——caption 113
8.1.3 表格的表头——th 114
8.2 设置表格基本属性 115
8.2.1 设置表格宽度——width 115
8.2.2 设置表格高度——height 117
8.2.3 表格对齐方式——align 118
8.3 表格的边框 119
8.3.1 设置表格的边框宽度——border 119
8.3.2 表格边框颜色——bordercolor 120
8.3.3 内框宽度——cellspacing 121
8.3.4 表格内文字与边框距离——cellpadding 122
8.4 设定表格背景 124
8.4.1 设置表格背景色——bgcolor 124
8.4.2 设置表格的背景图像——background 125
8.5 修改表格的行属性 126
8.5.1 高度的控制——height 126
8.5.2 边框颜色——bordercolor 127
8.5.3 行背景——bgcolor、background 128
8.5.4 行文字的水平对齐方式——align 129
8.5.5 行文字的垂直对齐方式——valign 130
8.5.6 设置表格标题的垂直对齐方式——valign 131
8.6 调整单元格属性 132
8.6.1 单元格大小——width、height 132
8.6.2 水平跨度——colspan 133
8.6.3 垂直跨度——rowspan 134
8.6.4 对齐方式——align、valign 135
8.6.5 设置单元格的背景色 136
8.6.6 单元格的边框颜色——bordercolor 137
8.6.7 设置单元格的亮边框——bordercolorlight 138
8.6.8 设置单元格的暗边框——bordercolordark 139
8.6.9 设置单元格的背景图像——background 140
8.6.10 文字内容不换行——nowrap 141
8.7 表格的结构 143
8.7.1 设计表头样式——thead 144
8.7.2 设计表主体样式——tbody 145
8.7.3 设计表尾样式——tfoot 146
8.8 表格的嵌套 148
8.9 层标记——div 149
第9章 添加表单 151
9.1 表单标——form 152
9.1.1 处理程序——action 152
9.1.2 表单名称——name 153
9.1.3 传送方法——method 153
9.1.4 编码方式——enctype 154
9.1.5 目标显示方式——target 155
9.2 添加控件 156
9.3 输入类的控件 156
9.3.1 文字字段——text 156
9.3.2 密码域——password 158
9.3.3 单选按钮——radio 159
9.3.4 复选框——checkbox 160
9.3.5 普通按钮——button 161
9.3.6 提交按钮——submit 161
9.3.7 重置按钮——reset 163
9.3.8 图像域——image 165
9.3.9 隐藏域——hidden 166
9.3.10 文件域——file 166
9.4 菜单列表类的控件 168
9.4.1 下拉菜单 168
9.4.2 列表项 170
9.5 文本域标记——textarea 172
9.6 id标记 173
第10章 框架结构 175
10.1 窗口框架简介 176
10.1.1 什么是框架 176
10.1.2 框架的基本结构 176
10.2 设置框架集的基本属性 176
10.2.1 水平分割窗口——rows 177
10.2.2 垂直分割窗口——cols 178
10.2.3 嵌套分割窗口 178
10.2.4 设置边框——frameborder 180
10.2.5 框架的边框宽度——framespacing 180
10.2.6 框架的边框颜色——bordercolor 181
10.3 设置窗口属性 182
10.3.1 页面源文件——src 182
10.3.2 页面名称——name 183
10.3.3 调整窗口的尺寸——noresize 183
10.3.4 边框与页面内容的水平边——marginwidth 184
10.3.5 边框与页面内容的垂直边距——marginheight 185
10.3.6 设置框架滚动条显示——scrolling 185
10.3.7 不支持框架标记——noframes 186
10.4 浮动框架 187
10.4.1 必需参数：页面源文件——src 189
10.4.2 特有属性：大小——width和height 189
10.4.3 特有属性：对齐方式——align 190
10.4.4 共有参数设置 191
10.4.5 其他参数——frameborder 192
10.5 框架与链接 193
10.5.1 设置普通框架结构的链接 193
10.5.2 浮动框架与链接 195
第11章 CSS样式表 197
11.1 CSS简介 198
11.1.1 CSS的概念 198
11.1.2 CSS的特点 198
11.2 CSS的使用 199
11.2.1 CSS的基本语法 199
11.2.2 添加CSS的方法 200
11.2.3 CSS的继承 202
11.2.4 CSS样式的冲突 202
11.2.5 书写CSS的注意事项 203
11.3 设置CSS的字体属性 203
11.3.1 设置字体——font-family 203
11.3.2 设置字号——font-size 204
11.3.3 字体风格——font-style 206
11.3.4 设置加粗字体——font-weight 207
11.3.5 小型的大写字母——font-variant 208
11.3.6 复合属性：字体——font 208
11.4 颜色及背景属性 209
11.4.1 颜色属性设置——color 210
11.4.2 背景颜色——background-color 211
11.4.3 背景图像——background-image 212
11.4.4 背景重复——background-repeat 213
11.4.5 背景附件——background-attachment 214
11.4.6 背景位置——background-position 215
11.4.7 复合属性：背景——background 217
11.5 文本属性 218
11.5.1 单词间隔——word-spacing 218
11.5.2 字符间隔——letter-spacing 219
11.5.3 文字修饰——text-decoration 219
11.5.4 纵向排列——vertical-align 220
11.5.5 文本转换——text-transform 221
11.5.6 文本排列——text-align 222
11.5.7 文本缩进——text-indent 223
11.5.8 文本行高——line-height 224
11.5.9 处理空白——white-space 225
11.5.10 文本反排——unicode-bidi与direction 226
11.6 边距与填充属性 228
11.6.1 顶端边距——margin-top 228
11.6.2 其他边距——margin-bottom、margin-left、margin-right 229
11.6.3 复合属性：边距——margin 229
11.6.4 顶端填充——padding-top 230
11.6.5 其他填充——padding-bottom、padding-right、padding-left 231
11.6.6 复合属性：填充——padding 232
11.7 边框属性 233
11.7.1 边框样式——border-style 233
11.7.2 边框宽度——border-width 235
11.7.3 边框颜色——border-color 237
11.7.4 边框属性——border 238
11.8 定位及尺寸属性 239
11.8.1 定位方式——position 239
11.8.2 素位置——top、right、bottom、left 240
11.8.3 层叠顺序——z-index 241
11.8.4 浮动属性——float 242
11.8.5 清除属性——clear 244
11.8.6 可视区域——clip 244
11.8.7 设定大小——width、height 246
11.8.8 超出范围——overflow 247
11.8.9 可见属性——visibility 248
11.9 列表属性 250
11.9.1 列表符号——list-style-type 250
11.9.2 图像符号——list-style-image 251
11.9.3 列表缩进——list-style-position 252
11.9.4 复合属性：列表——list-style 253
11.10 光标属性——cursor 254
11.11 滤镜属性 256
11.11.1 不透明度——alpha 256
11.11.2 动感模糊——blur 257
11.11.3 对颜色进行透明处理——chroma 258
11.11.4 设置阴影——dropShadow 259
11.11.5 对象的翻转——flipH、flipV 260
11.11.6 发光效果——glow 262
11.11.7 灰度处 gray 263
11.11.8 反相——invert 264
11.11.9 X光片效果——xray 265
11.11.10 遮罩效果——mask 266
11.11.11 波形滤镜——wave 267
第12章 使用JavaScript脚本 269
12.1 JavaScript简介 270
12.1.1 什么是JavaScript 270
12.1.2 JavaScript特点 270
12.1.3 一个简单的JavaScript实例 270
12.2 JavaScript的基本语法 271
12.2.1 常量 272
12.2.2 变量 272
12.2.3 运算符 273
12.2.4 表达式 274
12.2.5 基本语句 275
12.2.6 函数 281
12.3 JavaScript对象 282
12.3.1 对象属性的引用 282
12.3.2 对象方法的使用 283
12.3.3 浏览器的内部对象 283
12.4 JavaScript事件 289
12.4.1 事件简介 289
12.4.2 单击事件——onClick 290
12.4.3 改变事件——onChange 290
12.4.4 选中事件——onSelect 291
12.4.5 获得焦点事件——onFocus 292
12.4.6 失去焦点事件——onBlur 292
12.4.7 载入文件事件——onLoad 293
12.4.8 卸载文件事件——onUnload 294
12.4.9 鼠标覆盖事件——onMouseOver 294
12.4.10 鼠标离开事件——onMouseOut 295
12.4.11 其他事件 296
12.5 利用JavaScript制作特效 297
12.5.1 动态显示时间 298
12.5.2 随鼠标移动的图像 298
12.5.3 禁止鼠标右击 300
12.5.4 设置链接文字的自动变色 300
12.5.5 显示浏览器信息 301
12.5.6 显示访客登录信息的窗口 303
12.5.7 标题渐变的窗口 305
12.5.8 网页中的loading条 307
12.5.9 页面的制作完成时间 308
12.5.10 在状态栏显示输入字符的页面 310
12.5.11 页面的加密功能 310
12.5.12 调色板更换页面背景 313
12.5.13 自由移动的图片 314
12.5.14 图片代替按钮效果 315
12.5.15 图片的翻转效果 316
12.5.16 跟着鼠标的烟花 317
12.5.17 跟随鼠标的时钟 319
12.5.18 跟随鼠标的滚动字幕 322
12.5.19 不断闪动的链接 323
12.5.20 在按钮上定时显示不同的链接 325
12.5.21 带链接的滚动字幕 326
第13章 在Dreamweaver中创建网页 329
13.1 常用页面元素 330
13.1.1 插入图像 330
13.1.2 导入媒体 332
13.1.3 添加表格 332
13.1.4 添加时间元素 333
13.1.5 设置超级链接 334
13.2 网页的布局 334
13.2.1 使用布局表格 335
13.2.2 设置框架 336
13.2.3 使用层进行布局 337
13.3 表单的使用 338
13.3.1 插入空白表单 338
13.3.2 插入文本类控件 338
13.3.3 插入选择区域 339
13.3.4 插入菜单和列表 341
13.3.5 添加跳转菜单 342
13.3.6 添加按钮 343
13.4 添加各种类型的文本 344
13.5 添加HTML网页的辅助内容 344
13.5.1 添加水平线 344
13.5.2 设置文件元信息 345
13.5.3 添加脚本 346
附录 颜色关键字对照表 347