标题：DreamweaverCS3网站制作炫例精讲
图书信息

作　者：戴一波编著
出 版 社： 电子工业出版社
出版时间： 2008-10-1
页　数： 492页
开　本： 16开
ISBN 9787121071256
分类： 图书 >> 计算机/网页设计>>Dreamweaver
定价：￥59.00元（含光盘1张）
内容简介

本书是一本介绍利用Dreamweaver 软件进行网页制作、网站建设的书籍。Dreamweaver 是工具，制作网页建设网站是目的。本书通过大量的网页实例让读者在掌握网页制作技巧的同时不知不觉理解并应用Dreamweaver 的工具功能，这是本书的最大特点。
本书内容由三部分组成，分别是基础篇、提高篇和综合篇。基础篇主要是针对网页制作所需要的基础技术作入门性讲解，通俗易懂能很快上手。提高篇则对于如何快速制作网页、如何融入最新网页制作技术作详细介绍，以确保读者在掌握基础的同时也能接触到网页制作的流行技术。对于综合篇，本书则通过介绍各类不同网站的建设作为每章的叙事蓝本，让读者深切体会到制作网页、建设网站的完整流程，同时也是对不同类型网站的建设体验。
本书重点推荐使用遵循Web 标准的CSS 布局方式进行网页的设计制作，并且本书介绍的就是通过Dreamweaver 软件来进行的CSS 布局。这是本书的又一特点也是最大亮点。
本书对于网页初学者建立新思维指明了方向，对于传统网页设计者转变新思维提供了借鉴，更重要的是对Dreamweaver 各项功能进行了立体化的范例介绍，是一本适合初、中级网页设计爱好者们的不错书籍。
前言

网页设计和制作已经不再是什么新鲜而难学的技术了。那么对于初学者来说，如何快速上手、融合技术，通过各种各样网页范例的学习操作无疑是最好的学习方法之一，本书的核心主旨就是围绕于此。同时，为适应越来越趋向于Web 标准化建设网站的步伐，进行网页的CSS 布局则是首要之重点。所以本书总括即是以CSS 布局为基础的网页实例集合的描述。
本书内容
本书主要介绍的是各种各样网页实例的制作。通过对这些实例的学习和应用，逐渐掌握Dreamweaver 这个作为网页制作利器的各项功能。全书共分为三篇进行结构组成。
第1 篇是基础篇，主要针对初学者，如何快速掌握最全面的基础知识。本篇由5章组成。
第1 章，轻轻松松网页文本。本章是文本在网页中多属性多状态的全方位描述。
第2 章，耳目一新的网页图像。通过图像才使得我们的网页“多姿多彩”，同时在本章我们还会运用到“图文混排”。
第3 章，表格布局网页。传统的网页布局的方法是使用表格布局的，那么我们如何认识和使用表格，将在本章详细看到。
第4 章，炫酷的网页多媒体。音频、视频和Flash 动画，这些网页元素的加入使得我们的网页更酷更炫了，本章将逐一介绍。
第5 章，超能的超链接。超链接的作用是举足轻重的，没有超链接的网页是一个信息孤岛。同样超链接的方式也是多种多样的，欲知详情，本章即知。
第2 篇是提高篇，在基础的前提下提高，本篇的提高内容共分为3 章。
第6 章，耀眼的DIV 标签。DIV 作为网页中的一个小小的标签，我们竟然需要一个篇章来介绍，必然有其闪亮之处。同时这也为我们进行CSS 布局打下了基础。
第7 章，网页模板。模板就是快速建设网页的很好的功能，这也绝对是值得每个网页爱好者使用的功能。
第8 章，Ajax 框架Spry。这是本书所介绍Dreamweaver CS3 版本软件所特有的附带功能，运用这些高级技术让我们的网页离现实越来越近了。
第3 篇则是综合篇，综合各种类型的互联网网站进行范例页面的讲解，这些网站有：
第9 章，个人博客网站
第10 章，婚纱摄影网站
第11 章，房地产类网站
第12 章，游戏类网站
第13 章，企业类网站
第14 章，门户类网站
所有类型网站的网页制作均通过Dreamweaver 软件进行CSS 布局。
本书光盘和技术支持
本书附赠光盘包含了书籍中相关案例的演练视频，通过对书中图文内容的阅读及对本教学视频的观看，相信能为读者加深内容的理解和具体操作的步骤带来一定的辅助作用。
同时光盘还收录了书中涉及的所有文件源码，为读者朋友在实践操作时能查看原始文档起一定的参考作用。
欢迎访问专业Dreamweaver 技术站点（www.dw8.cn）进行网页网站技术交流，同时欢迎点击作者博客（www.cnbruce.com/blog）。
本书特色
本书是一本介绍利用Dreamweaver 软件进行网页制作、网站建设的书籍。
Dreamweaver 是工具，制作网页建设网站是目的。本书通过大量的网页实例让读者在掌握网页制作技巧的同时不知不觉理解并应用Dreamweaver 的工具功能，这是本书的最大特点。本书重点推荐使用遵循Web 标准的CSS 布局方式进行网页的设计制作，并且本书介绍的就是通过Dreamweaver 软件来进行的CSS 布局，这是本书的又一特点也是最大亮点。
致 谢
全书由戴一波负责执笔编写并统稿，同时参加本书编写和审校的还有叶新红、刘东、周天敏、巫明、王友萍、夏爱军、王常红、朱婷、管春风、孟长会等。特别感谢刘东，感谢北斗科技所有同仁的大力支持和鼓励，感谢朱沭红编辑辛苦工作，感谢你们一直以来对我的信任和等待。
感谢孕育着小生命的爱妻，这段时间你辛苦了，让我们共同期待着作品的诞生。
尽管作者为本书稿全力以赴、倾注心血，但由于本人水平有限，书中难免存在疏漏和错误之处，盼请各位读者朋友不吝斧正。
戴一波
于扬州
2008 年6 月
目录

基 础 篇
第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+CSS••••••••••••185
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 框架Spry•••••••••198
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 增加广告条并定义CSS••••••264
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 定义底部信息的CSS••••••••293
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 定义网页主体CSS••••••••••••425
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
网页赏析