Dreamweaver CS3网站制作炫例精讲

基础篇
第1章 轻轻松松网页文本2
1.1 个人简历——网页文本排版 2
1.1.1 文本行 2
1.1.2 文本段落4
1.1.3 项目列表5
1.1.4 个人简历示例 6
1.2 有色有彩——网页文本颜色 11
1.2.1 为文本挑选颜色 11
1.2.2 为文本应用颜色样式 12
1.2.3 自定义（颜色）样式 13
1.3 唐诗三首——网页文本字体 16
1.3.1 编辑字体列表 16
1.3.2 定义文本字体样式 18
1.3.3 应用文本字体样式 19
1.4 花色文本——网页特色文本 20
1.4.1 解决网页空格问题 21
1.4.2 Dreamweaver 软件自带的特殊字符22
1.4.3 输入法自带特殊字符 22
1.4.4 特殊字体——特殊字符24
1.5 多彩文案稿——网页背景 26
1.5.1 文本的背景颜色 26
1.5.2 文本的背景图像28
1.6 网页字体样式正常设置步骤 30
1.6.1 网页主体文本的定义 30
1.6.2 网页段落文本的定义 32
1.6.3 自定义文本样式33
第2章 耳目一新的网页图像35
2.1 一张照片——插入图像35
2.1.1 有关图像插入的反面案例35
2.1.2 规范的图像插入到网页39
2.1.3 缩略图效果43
2.2 网络相册——真正的网站相册45
2.2.1 创建网站相册45
2.2.2 相册边框48
2.3 老母鸡变鸭——鼠标经过图像50
2.3.1 鼠标经过图像效果前的准备工作50
2.3.2 鼠标经过图像的制作52
2.3.3 鼠标经过图像的网页应用53
2.3.4 网页导航条55
2.4 领导致辞——图文混排57
2.4.1 常规的图文混排57
2.4.2 CSS 设置的图文混排60
2.5 立体感的网页——背景图像62
2.5.1 书本活页——纵向重复的背景图像63
2.5.2 玻璃瓦屋檐——横向重复的背景图像65
2.5.3 书页卷角——定位的背景图像68
第3章 表格布局网页 71
3.1 课程表——表格基础71
3.1.1 建立Dreamweaver 站点71
3.1.2 插入表格73
3.1.3 合并单元格74
3.1.4 表格属性76
3.2 色卡填充——表格背景80
3.2.1 设置背景颜色80
3.2.2 CSS 定义背景颜色82
3.3 六神合体——插入切片图像84
3.3.1 获得切片图像85
3.3.2 插入表格86
3.3.3 插入切片图像87
3.4 表格大演习——圆角. 细线. 阴影表格88
3.4.1 圆角表格88
3.4.2 细线表格92
3.4.3 阴影渐变表格95
3.5 个人网页——表格布局100
3.5.1 个人网页制作前准备 100
3.5.2 表格布局网页 101
3.5.3 嵌套表格 103
3.5.4 CSS 样式定义 105
第4章 炫酷的网页多媒体109
4.1 我要听歌——插入音频到网页 109
4.1.1 音乐在线视听 109
4.1.2 网页背景音乐111
4.2 家庭影院——插入视频到网页 112
4.2.1 常见插入视频方案112
4.2.2 插入视频代码方案114
4.2.3 在线影院116
4.3 动感网页——插入Flash 动画119
4.3.1 纯Flash 网页119
4.3.2 插入Flash 按钮到页面 121
4.4 透明Flash——Flash 应用 122
4.4.1 透明Flash 的应用说明 122
4.5 FLV 视频站——Flash 视频 126
4.5.1 Flash 视频基础 126
4.5.2 插入Flash 视频 127
第5章 超能的超链接129
5.1 网址大全——外部链接 129
5.1.1 文本链接 129
5.1.2 图像链接 130
5.1.3 其他形式的链接 132
5.2 我的网站——内部链接 133
5.2.1 站内链接方法一 133
5.2.2 站内链接方法二 134
5.2.3 站内链接更新 134
5.3 页内链接——锚记链接 135
5.3.1 命名锚记 135
5.3.2 添加锚记链接 136
5.3.3 锚记链接的网页应用 137
5.4 中国地图——图像热点链接 140
5.4.1 图像热点链接的制作 140
5.4.2 图像热点链接的应用 142
5.5 链接也精彩——链接的CSS 样式 144
5.5.1 文本链接的样式145
5.5.2 单个页面的不同链接样式148

提高篇
第6章 “耀眼”的DIV 标签152
6.1 超酷相册——显示/隐藏层152
6.1.1 绘制层. 隐藏层153
6.1.2 显示/隐藏层154
6.1.3 显示/隐藏层的应用——超酷相册157
6.2 在线试衣——拖动AP 元素162
6.2.1 拖动AP 元素163
6.2.2 在线试衣165
6.3 漂浮广告——时间轴动画168
6.3.1 时间轴动画168
6.3.2 动感的下拉菜单171
6.4 CSS 布局——DIV 标签的应用175
6.4.1 一列固定居中显示176
6.4.2 两列固定并排显示178
6.4.3 两列并排居中显示181
6.5 Web 标准网页制作——XHTML+CSS185
6.5.1 认识Web 标准185
6.5.2 Web 标准的实现185
6.5.3 Web 标准的布局标签186
6.5.4 文本列表布局示例187
第7章 网页模板189
7.1 网页模板及可编辑区域189
7.1.1 新建网页模板189
7.1.2 新建可编辑区域190
7.1.3 应用模板到网页191
7.2 重复区域192
7.3 应用模板后的操作196
7.3.1 更新模板文件196
7.3.2 从模板中分离197
第8章 Ajax 框架Spry198
8.1 Spry 页面特效 198
8.1.1 Spry 菜单栏 198
8.1.2 Spry 选项卡式面板 201
8.1.3 Spry 折叠式 202
8.1.4 Spry 可折叠面板 204
8.2 Spry 验证表单 205
8.2.1 在网页中应用表单.. 205
8.2.2 Spry 验证文本域211
8.2.3 Spry 验证选择 214
8.2.4 Spry 验证复选框 215
8.2.5 Spry 验证文本区域 216
8.3 Spry XML 数据操作 217
8.3.1 Spry XML 数据集 218
8.3.2 Spry 区域 219
8.3.3 Spry 重复项 220
8.3.4 Spry 重复列表 222
8.3.5 Spry 表 223
8.3.6 Spry 远程XML 数据应用 226

综合篇
第9章 个人博客网站230
9.1 博客网站的策划准备 230
9.1.1 了解博客网站的概况 230
9.1.2 建立Dreamweaver 站点 231
9.2 博客网站模板网页建立 232
9.2.1 模板文件和CSS 文件的建立 232
9.2.2 设计模板布局 235
9.2.3 丰富模板内容 237
9.3 CSS 定义模板网页布局 245
9.3.1 定义网页的主体CSS 样式 245
9.3.2 定义网页的标识区CSS 样式 246
9.3.3 定义网页的导航区CSS 样式 249
9.3.4 定义网页的内容区CSS 样式 253
9.3.5 定义网页的底部信息区CSS 样式263
9.3.6 增加广告条并定义CSS264
9.4 定义模板的可编辑区域和重复区域266
9.4.1 定义可编辑区域266
9.4.2 定义重复区域267
9.5 应用模板完成博客网站269
9.5.1 制作博客首页269
9.5.2 制作博客内容页270
9.5.3 添加链接完成博客网站270
第10章 婚纱摄影网站272
10.1 婚纱摄影网站之思考272
10.1.1 如何设计婚纱摄影网站272
10.1.2 建立Dreamweaver 站点273
10.2 建立网站模板274
10.2.1 建立模板文件和CSS 文件275
10.2.2 设计模板网页的结构277
10.2.3 在模板页插入网页内容281
10.3 CSS 布局网页283
10.3.1 定义网页主体CSS 283
10.3.2 定义网页标识区CSS 284
10.3.3 定义广告条区CSS 285
10.3.4 定义侧栏CSS 287
10.3.5 定义主要内容区域的CSS 288
10.3.6 清除浮动292
10.3.7 定义底部信息的CSS293
10.4 设置模板可编辑区域并应用模板294
10.4.1 为模板新建可编辑区域294
10.4.2 应用模板制作网页295
10.5 完善网站首页和内容页从而完成网站制作296
10.5.1 完善“作品展示”页296
10.5.2 完善“关于我们”页300
第11章 房地产类网站304
11.1 房地产类网站之思考304
11.1.1 了解房地产类网站304
11.1.2 建立Dreamweaver 站点305
11.2 建立房地产类网站模板306
11.2.1 建立网站模板和CSS 文件306
11.2.2 设计网站模板文件的页面结构308
11.2.3 继续丰富网站模板结构312
11.3 CSS 定义网页布局 314
11.3.1 定义网页主体的CSS 314
11.3.2 定义顶部信息的CSS 315
11.3.3 定义页面内容区的CSS 316
11.3.4 定义侧栏区的CSS 317
11.3.5 定义主要内容区的CSS 319
11.3.6 清除浮动 322
11.3.7 定义底部信息区的CSS 323
11.4 定义模板可编辑区域并应用模板 324
11.4.1 定义模板的可编辑区域 324
11.4.2 应用模板完成站点内页 325
第12章 游戏类网站330
12.1 游戏类网站之思考 330
12.1.1 游戏类网站准备 330
12.1.2 建立Dreamweaver 站点 331
12.2 设计网站模板页面 332
12.2.1 新建模板文件和CSS 文件 332
12.2.2 设计模板页面结构 334
12.2.3 丰富模板页面内容 337
12.3 定义CSS 布局 339
12.3.1 定义网页主体的CSS 339
12.3.2 定义网页头部的CSS 布局 340
12.3.3 定义网页主要内容区的CSS 布局342
12.3.4 定义网页底部信息区的CSS 布局345
12.3.5 定义广告条区的CSS 布局 346
12.3.6 定义主要内容区的CSS 布局 348
12.3.7 清除浮动 349
12.4 定义模板可编辑区域和应用模板 350
12.4.1 定义模板的可编辑区域 350
12.4.2 应用模板到页 351
12.4.3 设计网页内容 352
12.4.4 定义网页内容CSS 布局 353
第13章 企业类网站360
13.1 企业类网站之思考 360
13.1.1 了解企业类网站 360
13.1.2 建立Dreamweaver 站点 360
13.2 网站模板建设 361
13.2.1 建立模板网页和CSS 文件 361
13.3.2 定义网页“顶部信息区”的CSS 373
13.2.3 丰富网页模板结构368
13.3 CSS 定义网页布局371
13.3.1 定义网页主体CSS 371
13.3.2 定义网页“顶部信息区”的CSS 373
13.3.3 定义网页“导航区”的CSS 378
13.3.4 定义网页“内容区”的CSS 382
13.3.5 定义网页“侧栏区”的CSS 386
13.3.6 定义网页“底部信息区”的CSS 394
13.4 应用模板制作网站内页395
13.4.1 定义模板的可编辑区域395
13.4.2 应用网页模板396
13.5 应用模板制作网站首页403
13.5.1 应用模板. 分离模板403
13.5.2 设计首页内容结构404
13.5.3 CSS 定义样式409
第14章 门户类网站416
14.1 门户类网站之准备416
14.1.1 了解门户类网站416
14.1.2 建立Dreamweaver 站点417
14.2 网站模板建设418
14.2.1 建立模板网页和CSS 文件418
14.2.2 设计网页模板结构420
14.2.3 丰富网页模板结构422
14.3 CSS 定义网页布局425
14.3.1 定义网页主体CSS425
14.3.2 定义网页头部区CSS 427
14.3.3 定义网页搜索区CSS 434
14.3.4 定义网页底部信息区CSS 437
14.4 定义和应用网页模板440
14.4.1 新建网页可编辑区域440
14.4.2 应用网页模板440
14.5 建设网站首页441
14.5.1 创建网站内容区域441
14.5.2 建设网站侧栏结构446
14.5.3 建设网站主要内容栏457
14.5.4 建设网页广告栏区域467