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