Dreamweaver MX中文版自学手册

第一篇  基本应用篇
第1章  Dreamweaver MX基础  3
1.1  概述  4
1.1.1  Dreamweaver MX的特性简述  4
1.1.2  Dreamweaver MX的含义  4
1.2  Dreamweaver MX的新特性  5
1.2.1  增强的工作环境  5
1.2.2  增强的HTML代码编辑特性  8
1.2.3  提供完整的Web应用开发能力  11
1.2.4  系统需求  12
1.3  Dreamweaver MX的工作环境  12
1.3.1  标题栏  14
1.3.2  菜单栏  14
1.3.3  工具栏  14
1.3.4  【文档】窗口  15
1.3.5  状态栏  15
1.3.6  【插入】栏  16
1.3.7  【属性】面板  16
1.3.8  可停靠浮动面板  16
1.4  Dreamweaver MX的默认值设置  17
1.5  设置Dreamweaver MX基本参数  17
1.5.1  设置Dreamweaver MX的常规选项  17
1.5.2  定制浮动面板  19
1.5.3  定制预览浏览器  20
1.5.4  定制屏幕字体  20
1.5.5  定制快捷键  21
1.6  查找帮助信息  22
1.7  自测练习题  23
第2章  基本操作  25
2.1  文档的创建和存储  26
2.1.1  创建空白文档  26
2.1.2  打开现有文档  26
2.1.3  基于模板创建文档  27
2.1.4  存储和关闭文档  28
2.1.5  设置默认的新建文档格式  29
2.1.6  理解空白文档的初始代码  30
2.2  添加文本和插入对象  31
2.2.1  添加文本  31
2.2.2  插入对象  31
2.2.3  插入日期  31
2.2.4  插入水平线  32
2.2.5  插入特殊字符  33
2.3  在设计视图中选择元素  33
2.3.1  不可见元素  34
2.3.2  控制不可见元素的显示和隐藏  34
2.3.3  显示头部元素  35
2.4  设置文档的页面属性  35
2.4.1  利用页面属性对话框设置页面属性  35
2.4.2  页面属性的其他设置方法  36
2.5  编辑网页的头部内容  37
2.5.1  插入元数据  38
2.5.2  插入关键字  40
2.5.3  插入描述信息  41
2.5.4  定义自动刷新  41
2.5.5  设置基础URL地址  42
2.5.6  设置文档链接  43
2.6  使用【历史记录】面板  44
2.6.1  显示【历史记录】面板  44
2.6.2  撤消改变  44
2.6.3  清空【历史记录】面板  45
2.6.4  自动完成任务  45
2.6.5  录制命令  47
2.7  自测练习题  47
第3章  本地站点的规划与站点的创建  49
3.1  规划站点  50
3.1.1  规划站点结构  50
3.1.2  规划站点的浏览机制  51
3.1.3  构建整体的站点风格  52
3.1.4  网页的设计和出版流程  52
3.2  创建本地站点  53
3.2.1  【站点】面板  53
3.2.2  利用建站向导构建站点  54
3.2.3  利用增强方式构建站点  57
3.3  管理站点内容  59
3.3.1  打开本地站点和编辑站点属性  59
3.3.2  操作站点文件  60
3.3.3  刷新站点文件列表  61
3.3.4  重建缓存  62
3.4  使用站点地图  62
3.4.1  设置主页  62
3.4.2  显示站点地图  64
3.4.3  在站点地图中显示文件标题  66
3.4.4  在站点地图中操作文件  67
3.4.5  从某个分支开始查看地图  71
3.4.6  显示或隐藏站点地图文件  72
3.4.7  改变站点地图的显示比例  74
3.4.8  设置站点地图布局的参数选项  75
3.4.9  保存站点地图  76
3.5  文件的上传和下载  76
3.5.1  上传文件  78
3.5.2  下载文件  79
3.5.3  同步本地站点和远端站点  79
3.6  屏蔽文件  82
3.6.1  屏蔽特性所影响的操作  82
3.6.2  设置屏蔽选项  83
3.6.3  激活或关闭站点的屏蔽特性  85
3.6.4  屏蔽特定的文件夹  85
3.6.5  取消所有文件夹和文件的屏蔽状态  86
3.7  自测练习题  88
第4章  表格  89
4.1  表格概述  90
4.1.1  表格的组成  90
4.1.2  表格中的间距设置  90
4.1.3  HTML中实现表格的代码  90
4.2  插入表格  93
4.2.1  在文档中插入表格  93
4.2.2  直接添加表格标识  93
4.2.3  显示插入表格时的属性对话框  93
4.2.4  在单元格中输入数据  95
4.2.5  表格数据的导入和导出  95
4.2.6  排序表格  97
4.3  选中表格元素  98
4.3.1  选中整张表格  98
4.3.2  选中表格行  99
4.3.3  选中表格列  99
4.3.4  选中单元格  99
4.3.5  取消选中状态  101
4.4  编辑表格  101
4.4.1  插入行或列  101
4.4.2  删除行或列  102
4.4.3  在表格右方或下方增删行或列  102
4.4.4  复制和粘贴单元格  102
4.4.5  删除单元格内容  103
4.5  格式化表格  103
4.5.1  设置表格格式  103
4.5.2  设置行、列和单元格的格式  105
4.5.3  套用现有表格格式  108
4.6  自测练习题  109
第5章  框架  111
5.1  框架概述  112
5.1.1  框架应用概述  112
5.1.2  框架和框架集  112
5.2  创建框架  113
5.2.1  创建框架集  113
5.2.2  创建预定义框架集  114
5.2.3  框架的嵌套  115
5.2.4  创建NOFRAMES内容  116
5.2.5  代码视图中的框架标记  117
5.3  存储框架和框架集文件  118
5.3.1  框架集和页面文档单独保存  118
5.3.2  框架集和页面文档同时保存  119
5.4  设置框架和框架集的属性  120
5.4.1  框架面板  120
5.4.2  选中框架和框架集  121
5.4.3  设置框架和框架集的属性  122
5.4.4  设置框架的大小  125
5.5  在框架中设置链接  126
5.6  自测练习题  128
第6章  网页的版面布局  129
6.1  概述  130
6.2  认识布局视图  130
6.3  布局表格和布局单元格  131
6.3.1  绘制布局表格和布局单元格  131
6.3.2  隐藏和显示布局表格标签  133
6.3.3  在单元格中添加内容  134
6.4  移动、重设布局表格和单元格的大小  134
6.4.1  移动布局表格和布局单元格  134
6.4.2  重设布局表格和布局单元格的大小  134
6.4.3  清除单元格高度  135
6.5  了解布局版面的宽度  135
6.5.1  将列宽设置为自动伸展宽度类型  136
6.5.2  将列宽设置为固定宽度类型  136
6.5.3  使列宽一致  137
6.5.4  使用分隔视图  137
6.5.5  删除嵌套  138
6.6  格式化布局表格和单元格  138
6.6.1  格式化布局表格  139
6.6.2  格式化布局单元格  139
6.7  设置布局视图参数  140
6.8  使用Dreamweaver MX的辅助定位工具  140
6.8.1  标尺  141
6.8.2  网格  142
6.8.3  草稿图  143
6.9  自测练习题  144
第7章  超级链接  145
7.1  超级链接概述  146
7.1.1  链接的基本概念  146
7.1.2  超文本链接标记  146
7.1.3  链接路径  147
7.1.4  链接的颜色  147
7.1.5  链接的下划线  148
7.2  创建链接  148
7.2.1  链接到文档  149
7.2.2  链接到命名锚记  150
7.2.3  创建E-mail链接  151
7.2.4  创建空链接  152
7.2.5  创建JavaScript脚本链接  152
7.2.6  使用指向文件图标构建链接  152
7.3  管理链接  154
7.3.1  设置Dreamweaver MX的链接管理特性  154
7.3.2  设置站点缓存  155
7.3.3  移动文件时更新链接  155
7.3.4  在站点地图中管理链接  156
7.3.5  改变链接的站点范围  157
7.3.6  测试链接  158
7.4  可以在链接上应用的行为  158
7.5  自测练习题  160
第8章  图像  161
8.1  在HTML文档中插入图像  162
8.1.1  【插入】面板上的相关工具按钮  162
8.1.2  插入图像和图像占位符  162
8.1.3  显示插入图像时的【属性】对话框  163
8.1.4  设置图像属性  164
8.1.5  控制图像的位置和显示大小  167
8.1.6  设置背景图像  168
8.2  创建交换图像  169
8.2.1  插入交换图像  169
8.2.2  预览交换图像  170
8.3  使用导航条  170
8.3.1  插入导航条  170
8.3.2  测试导航条  172
8.4  客户端图像映像  173
8.4.1  概述  173
8.4.2  创建客户端图像映像和热区  173
8.4.3  修改图像热区  175
8.4.4  客户端图像映像代码  175
8.5  同Fireworks MX的协作  177
8.6  创建网站相册  178
8.7  自测练习题  180
第9章  使用CSS样式  181
9.1  CSS概述  182
9.2  创建一个新CSS样式  182
9.2.1  显示【CSS样式】面板  182
9.2.2  创建自定义CSS样式  183
9.2.3  重定义HTML标签  184
9.2.4  使用CSS选择器  185
9.2.5  设置CSS样式格式化参数  185
9.3  设置CSS样式格式  186
9.3.1  编辑CSS样式文字格式  186
9.3.2  编辑CSS样式背景格式  188
9.3.3  编辑CSS样式块格式  189
9.3.4  编辑CSS样式框格式  190
9.3.5  编辑CSS样式边框格式  191
9.3.6  编辑CSS样式列表格式  192
9.3.7  编辑CSS样式定位格式  193
9.3.8  编辑CSS样式扩展格式  194
9.4  管理CSS样式  195
9.4.1  直接管理CSS样式  195
9.4.2  利用编辑CSS样式表对话框管理样式  196
9.4.3  利用【属性】面板编辑样式  196
9.5  创建、链接或导入外部的CSS样式  197
9.5.1  创建外部CSS样式文件  197
9.5.2  链接外部现有的CSS样式文件  198
9.5.3  编辑外部样式文件中的样式  198
9.5.4  断开同外部样式表文件的链接  199
9.5.5  导入外部CSS样式  199
9.5.6  导出到外部CSS样式表  199
9.5.7  使用设计时间样式  200
9.6  应用CSS样式  201
9.6.1  理解CSS样式的应用区域  201
9.6.2  利用【CSS样式】面板应用自定义CSS样式  203
9.6.3  理解CSS样式冲突  203
9.7  将CSS样式转换为HTML标记  203
9.8  自测练习题  204
第10章  层和绝对定位  205
10.1  层概述  206
10.2  创建层  206
10.2.1  创建新层  206
10.2.2  创建嵌入层  208
10.2.3  设置层格式  209
10.2.4  设置层的默认参数属性  211
10.3  操作层  213
10.3.1  激活层  213
10.3.2  选中层  213
10.3.3  重设层大小  215
10.3.4  移动层  216
10.3.5  对齐层  217
10.4  使用【层】面板  217
10.4.1  显示【层】面板  217
10.4.2  创建嵌入层  218
10.4.3  改变层的名称  218
10.4.4  控制层的重叠顺序  219
10.4.5  设置层的可见性  219
10.5  利用层设计表格  220
10.5.1  防止层重叠  220
10.5.2  将层转换为表格  221
10.5.3  将表格转换为层  222
10.5.4  创建3.0版本兼容文档  223
10.6  利用层排版时的注意事项  223
10.6.1  显示和隐藏层边框  224
10.6.2  显示和隐藏层标记  225
10.6.3  构建相对定位的层  225
10.7  自测练习题  226
第11章  模板和库  227
11.1  使用模板  228
11.1.1  模板概述  228
11.1.2  Dreamweaver MX模板的新特性  228
11.1.3  认识模板操作工具  228
11.1.4  创建和打开模板  229
11.1.5  在模板中定义可编辑区域  231
11.1.6  在模板中定义可编辑标记属性  231
11.1.7  在模板中定义重复区域和可选区域  233
11.1.8  管理模板  235
11.1.9  检查模板语法  237
11.1.10  创建基于模板的文档  237
11.1.11  编辑基于模板派生的文档  238
11.1.12  修改模板和更新站点  241
11.1.13  导入和导出XML内容  242
11.2  定制库项目  243
11.2.1  库项目概述  244
11.2.2  认识【库】面板  244
11.2.3  创建库项目  244
11.2.4  管理和应用库项目  245
11.2.5  修改库和更新站点  246
11.3  重设模板和库中的高亮颜色  247
11.3.1  重设和查看模板高亮颜色  247
11.3.2  重设和查看库项目的高亮颜色  248
11.4  使用服务器端引用  249
11.4.1  插入服务器端引用  249
11.4.2  编辑服务器端引用  250
11.5  自测练习题  250
第二篇  高级应用篇
第12章  编辑网页源代码  253
12.1  HTML语言简介  254
12.2  HTML的基本语法  254
12.2.1  文档结构  255
12.2.2  常用标签  257
12.3  设置HTML代码格式  265
12.3.1  设置代码颜色  265
12.3.2  设置代码格式  266
12.3.3  设置代码改写  267
12.4  【代码检查器】面板  268
12.4.1  【代码检查器】面板介绍  268
12.4.2  设置【代码检查器】面板属性  269
12.5  编辑HTML代码  270
12.5.1  在页面视图中编辑HTML代码  270
12.5.2  使用外部文本编辑器  271
12.6  清理HTML代码  272
12.6.1  清除多余的HTML代码  272
12.6.2  清除多余的Word代码  274
12.7  自测练习题  276
第13章  表单  277
13.1  表单概述  278
13.2  表单的组成  278
13.2.1  表单域  278
13.2.2  表单对象  279
13.3  创建表单域  280
13.4  添加表单对象  281
13.4.1  插入表单对象的通用方法  281
13.4.2  显示插入表单对象时的属性对话框  281
13.4.3  设置文本域属性  281
13.4.4  设置按钮属性  283
13.4.5  设置复选框属性  284
13.4.6  设置单选按钮属性  284
13.4.7  添加单选按钮组  285
13.4.8  设置【列表/菜单】属性  286
13.4.9  设置图像域属性  287
13.4.10  设置文件域属性  288
13.4.11  设置隐藏域属性  288
13.4.12  设置标签属性  289
13.4.13  设置字段集属性  289
13.4.14  操作常规控件  290
13.5  利用客户端脚本处理表单数据  290
13.6  跳转菜单  292
13.7  自测练习题  293
第14章  行为和时间轴  295
14.1  行为概述  296
14.1.1  行为的概念  296
14.1.2  事件的概念  296
14.2  应用行为  297
14.2.1  认识【行为】面板  297
14.2.2  设置针对行为的浏览器版本  298
14.2.3  绑定行为  299
14.2.4  修改现有行为  300
14.2.5  下载和安装第三方行为  300
14.3  应用Dreamweaver MX的自带行为  301
14.3.1  调用JavaScript  301
14.3.2  改变属性  302
14.3.3  检查浏览器  306
14.3.4  检查插件  307
14.3.5  控制Shockwave或Flash  308
14.3.6  拖动层  309
14.3.7  转到URL  311
14.3.8  跳转菜单  312
14.3.9  为跳转菜单附加【跳转菜单开始】行为  313
14.3.10  打开浏览器窗口  313
14.3.11  播放声音  314
14.3.12  【弹出信息】对话框  315
14.3.13  预先载入图像  315
14.3.14  设置导航条图像  316
14.3.15  设置框架文本  318
14.3.16  设置层文本  318
14.3.17  设置状态条文本  319
14.3.18  设置文本域文字  320
14.3.19  显示弹出式菜单  320
14.3.20  显示－隐藏层  321
14.3.21  控制交换图像  322
14.3.22  检查表单  323
14.4  时间轴  325
14.4.1  时间轴概述  325
14.4.2  认识【时间轴】面板  325
14.4.3  创建时间轴动画  326
14.4.4  控制时间轴  327
14.5  可用于时间轴上的行为  327
14.5.1  为时间轴绑定行为  327
14.5.2  播放时间轴  328
14.5.3  停止时间轴  328
14.5.4  转到时间轴帧  329
14.6  自测练习题  329
第15章  插入媒体  331
15.1  媒体概述  332
15.2  插入Flash对象  332
15.2.1  插入Flash动画  333
15.2.2  插入Flash按钮  335
15.2.3  插入Flash文本  336
15.3  插入其他媒体对象  337
15.3.1  插入Shockwave影片  337
15.3.2  插入ActiveX控件  338
15.3.3  插入Java小程序  339
15.3.4  插入插件  340
15.4  使用行为控制媒体  341
15.5  自测练习题  341
第16章  扩展Dreamweaver MX  343
16.1  Dreamweaver MX插件的类型  344
16.2  Extension Manager简介  344
16.3  下载和安装插件  345
16.3.1  下载插件  345
16.3.2  安装插件  346
16.4  插件应用实例  347
16.4.1  使用Form Builder创建表单  347
16.4.2  使用IE 5.5 Custom Scrollbars编辑滚动条  350
16.4.3  使用Calendar Object创建月历  351
16.4.4  使用PDOn-LineHtmlEditor创建HTML编辑器  352
16.4.5  使用Marquee创建滚动字幕  355
16.5  自测练习题  357
第17章  构建Web应用程序  359
17.1  Web应用程序概述  360
17.1.1  Web应用程序的概念  360
17.1.2  动态网页的概念  360
17.1.3  动态内容的实现技术——ASP  360
17.1.4  利用ASP进行Web应用程序开发的基本流程  361
17.2  构建Web应用程序的开发环境  362
17.2.1  安装Web服务器程序  362
17.2.2  将远端站点目录映射为Web站点  363
17.2.3  在Dreamweaver MX中指定要使用的Web技术  363
17.3  连接数据库  365
17.3.1  ODBC  365
17.3.2  ADO  365
17.3.3  在Dreamweaver MX中连接数据库  365
17.3.4  其他数据源的定义  367
17.4  创建记录集  370
17.4.1  记录集的概念  370
17.4.2  如何操作记录集中的数据  371
17.4.3  利用Dreamweaver MX创建简单记录集  371
17.4.4  利用SQL命令创建记录集  372
17.4.5  使用高级【记录集】对话框上的查询构建工具  373
17.4.6  在查询中使用参数  375
17.5  执行SQL命令  375
17.6  给页面绑定动态内容  377
17.6.1  添加动态内容的基本方法  377
17.6.2  使表单对象动态  377
17.6.3  使HTML属性动态  382
17.6.4  改变动态内容格式  384
17.6.5  使ActiveX和Flash等对象的参数动态  385
17.7  在页面中显示记录  385
17.7.1  利用【重复区域】的服务器行为显示多条记录  385
17.7.2  对记录进行计数和统计  386
17.7.3  构建导航链接  387
17.7.4  创建显示区域和隐藏区域  388
17.8  在页面之间传递信息  389
17.8.1  搜索页、结果页和细节页  390
17.8.2  创建搜索页  390
17.8.3  创建结果页  391
17.8.4  在结果页中创建指向细节页的链接  391
17.8.5  创建细节页  392
17.9  记录的添加、修改和删除  393
17.9.1  添加记录操作  393
17.9.2  更新记录操作  394
17.9.3  删除记录操作  394
17.10  用户验证  395
17.11  自测练习题  397
第18章  三剑客的集成  399
18.1  Fireworks MX与Dreamweaver MX  400
18.1.1  插入Fireworks MX图像  400
18.1.2  拷贝和粘贴Fireworks MX HTML  401
18.2  在Dreamweaver MX中使用Fireworks MX  403
18.2.1  指定Fireworks MX为Dreamweaver MX的主图像编辑器  403
18.2.2  关于设计备注和源文件  404
18.2.3  编辑Fireworks MX文档  407
18.2.4  更新Fireworks MX HTML  407
18.3  Flash MX与Dreamweaver MX  409
18.3.1  在Dreamweaver MX中编辑Flash影片  410
18.3.2  更新SWF文件内部的链接  411
18.4  自测练习题  414
第三篇  实战篇
第19章  建站流程  417
19.1  确定网站的主题  418
19.1.1  确定网站的题材  418
19.1.2  定位题材的建议  418
19.1.3  确定网站的名称  420
19.2  资料搜集  421
19.3  结构设计  422
19.3.1  栏目和版块  424
19.3.2  目录的结构设计  425
19.4  形象设计  426
19.4.1  设计网站的标志  426
19.4.2  规划网站的色彩和文字字体  427
19.4.3  设计网站的宣传标语  428
19.5  主页设计  428
19.6  其他页面设计  429
19.7  站点规划  429
19.7.1  用文件夹来保存文档  430
19.7.2  使用合理的文件名称  430
19.7.3  使用模板和库  430
19.8  定义站点  430
19.9  首页制作  431
19.9.1  页面属性  432
19.9.2  表格设计  432
19.9.3  填写内容  433
19.9.4  添加链接和交互  434
19.9.5  添加其他内容  434
19.10  测试  434
19.10.1  兼容性测试  434
19.10.2  链接测试  434
19.10.3  实地测试  435
19.10.4  使用站点报告  435
19.11  申请域名和空间  436
19.11.1  申请顶级域名  437
19.11.2  申请免费域名  437
19.11.3  申请专线  437
19.11.4  其他方案  438
19.11.5  免费空间和域名推荐  438
19.12  站点的上传  439
19.12.1  通过FTP访问远端站点  439
19.12.2  通过本地/网络连接远端站点  440
19.12.3  通过RDS连接远端站点  441
19.12.4  通过SourceSafe数据库连接远端站点  442
19.12.5  通过WebDAV连接远端站点  443
19.12.6  连接服务器  444
19.12.7  断开连接  444
19.13  宣传  445
19.13.1  传统宣传方式  445
19.13.2  借助网络广告  445
19.13.3  利用友情链接  446
19.13.4  注册搜索引擎  447
19.14  自测练习题  448
第20章  一个网站主页的制作实例  449
20.1  首页面的规划  450
20.2  设置页面属性及样式  450
20.2.1  设置页面属性  450
20.2.2  运用CSS样式定义普通文本  452
20.3  制作一个完整的主页  453
20.3.1  页眉区制作  453
20.3.2  导航区制作  454
20.3.3  添加搜索引擎  456
20.3.4  特别服务区制作  458
20.3.5  主内容区的制作  462
20.3.6  版权区制作  463
20.4  网页特效  464
20.5  自测练习题  466
第21章  制作一个留言板  467
21.1  实例分析  468
21.1.1  留言板的机制和制作前的准备  468
21.1.2  文件说明  468
21.2  数据库的创建  469
21.2.1  创建数据库  469
21.2.2  设计数据表guestbook  469
21.2.3  设计数据表Admin  469
21.2.4  定义系统DSN  470
21.3  首页的制作——显示留言  471
21.3.1  内容主体的制作  471
21.3.2  处理空格和回车  473
21.3.3  隐藏图标  473
21.3.4  添加导航按钮  474
21.4  留言  475
21.4.1  客户端验证  475
21.4.2  插入留言  476
21.5  管理留言  477
21.5.1  管理页面  477
21.5.2  删除页面  478
21.5.3  回复页面  479
21.6  登录机制  480
21.6.1  原理  480
21.6.2  访问权限  481
21.6.3  限制未登录用户访问  481
21.6.4  退出登录  482
21.7  自测练习题  482
读者意见交流卡  483