正版 Dreamweaver CC 2018中文版入门与提高 职场无忧工作室 清华

目 录

第 1 章 初识 Dreamweaver CC 2018 001
1.1 认识 Dreamweaver CC 2018 002
1.1.1 安装 Dreamweaver CC 2018 002
1.1.2 卸载 Dreamweaver CC 2018 004
1.1.3 启动与退出 .004
1.2 Dreamweaver CC 2018 的工作界面 006
1.2.1 菜单栏 007
1.2.2 文档工具栏 .009
1.2.3 通用工具栏 .009
1.2.4 文档窗口 010
1.2.5 状态栏 012
1.2.6 浮动面板组 .014
1.2.7 上机练习——组合、拆分浮动面板组 .016
1.3 网页的基本操作 .017
1.3.1 上机练习——创建一个 HTML 页面 017
1.3.2 保存网页 018
1.3.3 上机练习——打开已有的网页 .019
1.4 设置页面属性 .019
1.4.1 设置页面外观 .020
1.4.2 设置页面链接样式 .022
1.4.3 设置标题属性 .022
1.4.4 设置页面标题和编码 .023
1.4.5 上机练习——设置网页外观 .023
1.5 答疑解惑 .024
1.6 学习效果自测 .024
第 2 章 站点构建与管理 026
2.1 创建本地站点 .027
2.1.1 建立站点 027
2.1.2 上机练习——创建“美食天下” .031
2.2 管理站点 .033
2.2.1 切换站点 033
2.2.2 上机练习——编辑“美食天下”站点 .034
2.2.3 添加站点 035
目 录

IV Dreamweaver CC 2018
中文版入门与提高
IV Dreamweaver CC 2018
中文版入门与提高
2.2.4 删除站点 035
2.2.5 导入、导出站点 .035
2.3 管理站点文件 .036
2.3.1 认识“文件”面板 .036
2.3.2 新建、删除站点文件 .037
2.3.3 重命名站点文件 .038
2.3.4 上机练习——添加页 .038
2.3.5 移动、复制站点文件 .039
2.4 答疑解惑 .039
2.5 学习效果自测 .040
第 3 章 编辑网页文本 042
3.1 添加网页文本 .043
3.1.1 上机练习——直接输入文本 .043
3.1.2 从其他文档中复制文本 .043
3.1.3 导入表格式数据 .044
3.2 设置文本格式 .045
3.2.1 设置文本属性 .045
3.2.2 文本空格 047
3.2.3 文本换行 048
3.2.4 上机练习——美化网页文本 .048
3.3 添加其他文本要素 050
3.3.1 插入日期 050
3.3.2 插入特殊字符 .051
3.3.3 创建列表 052
3.3.4 上机练习——制作李白诗作列表 .053
3.4 实例精讲——制作简单的文本页面 055
3.5 答疑解惑 .060
3.6 学习效果自测 .061
第 4 章 在网页中应用图像 062
4.1 网页中常用的图像格式 063
4.2 图像效果 .063
4.2.1 插入图像 063
4.2.2 设置图像属性 .064
4.2.3 上机练习——图文混排 .065
4.2.4 鼠标经过图像 .066
4.2.5 上机练习——制作导航条 .067
4.2.6 水平线 068
4.3 编辑图像 .069
4.3.1 编辑属性 069
4.3.2 上机练习——使用外部编辑器修改图像 .070
4.4 实例精讲——制作饮料宣传页面 072

目 录 V
4.5 答疑解惑 .076
4.6 学习效果自测 .077
第 5 章 用表格规划网页 078
5.1 创建表格的方法 .079
5.1.1 表格的基本组成 .079
5.1.2 上机练习——使用“表格”对话框插入表格 .079
5.1.3 创建嵌套表格 .081
5.2 编辑表格和单元格 082
5.2.1 选择表格元素 .082
5.2.2 设置表格属性 .083
5.2.3 设置单元格属性 .084
5.2.4 拆分与合并单元格 .086
5.2.5 上机练习——设计简单的页面布局 .086
5.2.6 增加、删除行或列 .090
5.2.7 复制、粘贴单元格 .091
5.2.8 上机练习——在单元格中添加内容 .091
5.3 表格的其他操作 .096
5.3.1 上机练习——导入表格式数据 .096
5.3.2 导出表格数据 .097
5.3.3 表格数据排序 .098
5.4 实例精讲——制作艺术品页 099
5.4.1 设计网页基本框架 .100
5.4.2 设计正文区域布局 .105
5.4.3 添加网页内容 .110
5.5 答疑解惑 .114
5.6 学习效果自测 .115
第 6 章 链接的应用? 116
6.1 认识链接 .117
6.1.1 路径 117
6.1.2 相对路径 118
6.1.3 根相对路径 .118
6.2 设置页面链接 .119
6.2.1 上机练习——创建文本链接 .119
6.2.2 图像链接 122
6.2.3 上机练习——制作旅游景点地图 .124
6.2.4 E-mail 链接 .126
6.2.5 空链接和脚本链接 .126
6.2.6 链接 128
6.2.7 上机练习——创建锚点链接 .128
6.3 管理超链接 .131
6.3.1 认识“URLs”面板 131

VI Dreamweaver CC 2018
中文版入门与提高
VI Dreamweaver CC 2018
中文版入门与提高
6.3.2 上机练习——添加超链接资源 .131
6.4 实例精讲——古诗词鉴赏页面 133
6.4.1 设计页面布局 .134
6.4.2 制作导航和页脚 .138
6.4.3 制作正文部分 .143
6.4.4 添加链接 147
6.5 答疑解惑 .150
6.6 学习效果自测 .150
第 7 章 使用多媒体对象 152
7.1 插入动画和视频 .153
7.1.1 插入 Flash SWF 153
7.1.2 插入 Flash 视频.156
7.1.3 上机练习——制作游戏引导页面 .158
7.1.4 插入 HTML5 视频 161
7.1.5 插入 Canvas 163
7.1.6 插入动画合成 .164
7.2 插入音频 .165
7.2.1 网页中常用的音频格式 .165
7.2.2 上机练习——链接到声音文件 .166
7.2.3 将声音嵌入网页 .167
7.2.4 上机练习——添加背景音乐 .168
7.2.5 插入 HTML5 音频 171
7.3 实例精讲——多媒体页面制作 173
7.3.1 规划页面布局 .174
7.3.2 制作正文区域 .177
7.3.3 添加媒体对象 .182
7.3.4 制作页脚 185
7.4 答疑解惑 .187
7.5 学习效果自测 .187
第 8 章 利用 CSS Div 设计网页 .189
8.1 了解 CSS 样式表 190
8.2 创建 CSS 规则 190
8.2.1 认识 CSS 设计器 190
8.2.2 指定使用 CSS 的方式 191
8.2.3 定义媒体查询 .192
8.2.4 指定 CSS 选择器 194
8.2.5 设置 CSS 属性 196
8.2.6 上机练习——变化的鼠标样式 .198
8.3 编辑和使用 CSS 规则 .201
8.3.1 修改 CSS 规则 201
8.3.2 删除 CSS 样式表 202

目 录 VII
8.3.3 上机练习——使用外部样式表美化网页 .203
8.4 认识 CSS 布局块 205
8.4.1 CSS 盒模型简介 .206
8.4.2 创建 Div 标签 .209
8.4.3 编辑 Div 标签 .211
8.4.4 上机练习——制作简易公告栏 .213
8.5 常用 CSS 布局版式 .218
8.5.1 上机练习——列固定居中 .218
8.5.2 上机练习——左、右两列并排居中 .222
8.5.3 上机练习——制作三列布局 .224
8.6 实例精讲——流金岁月 226
8.7 答疑解惑 .231
8.8 学习效果自测 .232
第 9 章 创建表单网页 233
9.1 认识表单 .234
9.1.1 插入表单 234
9.1.2 设置表单属性 .234
9.2 创建表单控件 .236
9.2.1 文本域 236
9.2.2 单选按钮 239
9.2.3 复选框 240
9.2.4 选择框 242
9.2.5 文件域 244
9.2.6 按钮 245
9.2.7 图像按钮 246
9.2.8 上机练习——制作个人信息采集页面 .247
9.2.9 HTML5 表单元素 .250
9.3 表单提交与验证 .252
9.3.1 用 E-mail 提交表单 252
9.3.2 上机练习——验证必填信息是否为空 .253
9.4 实例精讲——制作在线订购表单页面 254
9.5 答疑解惑 .264
9.6 学习效果自测 .264
第 10 章 应用行为创建交互 266
10.1 认识“行为”面板 267
10.1.1 了解事件与动作 .267
10.1.2 上机练习——查看图像可用的行为 .268
10.1.3 应用行为 .269
10.1.4 修改行为 .270
10.2 内置行为的应用 .270

VIII Dreamweaver CC 2018
中文版入门与提高
VIII Dreamweaver CC 2018
中文版入门与提高
10.2.1 调用 JavaScript.271
10.2.2 弹出信息 .271
10.2.3 上机练习——显示图片信息 .272
10.2.4 改变属性 .273
10.2.5 上机练习——单击改变背景颜色 .273
10.2.6 检查插件 .275
10.2.7 jQuery 效果 .276
10.2.8 上机练习——跳动的小鱼 .278
10.2.9 转到 URL 279
10.2.10 打开浏览器窗口 .280
10.2.11 预先载入图像 .280
10.2.12 交换图像 / 恢复交换图像 281
10.2.13 上机练习——制作产品展示页面 .281
10.2.14 设置文本 .283
10.2.15 上机练习——制作圣诞贺卡 .284
10.2.16 显示 - 隐藏元素 287
10.2.17 上机练习——制作简易相册 .288
10.2.18 检查表单 .291
10.2.19 上机练习——验证表单内容的正确性 .292
10.3 答疑解惑 .294
10.4 学习效果自测 .295
第 11 章 统一站点风格 296
11.1 认识“资源”面板 .297
11.2 创建模板 298
11.2.1 使用“模板”面板创建模板 .298
11.2.2 使用“新建文档”对话框创建模板 .299
11.2.3 上机练习——将文档保存为模板 .300
11.3 编辑模板元素 302
11.3.1 可编辑区域 .302
11.3.2 上机练习——制作景点门票 .303
11.3.3 重复区域 .305
11.3.4 上机练习——定义嵌套模板 .307
11.4 使用模板 310
11.4.1 基于模板创建网页 .310
11.4.2 上机练习——应用模板到页 .311
11.4.3 分离模板 .313
11.4.4 修改模板并更新站点 .313
11.5 创建与使用库项目 .315
11.5.1 创建库项目 .315
11.5.2 使用库项目 .317
11.5.3 上机练习——在网页中添加版权声明 .318
11.5.4 编辑库项目 .320

11.6 实例精讲——柳永名作欣赏 .321
11.6.1 制作页面基本框架 .321
11.6.2 定义可编辑区域 .326
11.6.3 制作库项目 .327
11.6.4 套用模板制作新页面 .328
11.7 答疑解惑 330
11.8 学习效果自测 330
第 12 章 旅游综合实例 332
12.1 实例效果 .333
12.2 设计思路 .335
12.3 制作步骤 .336
12.3.1 制作页面基本框架 .336
12.3.2 制作导航条 .341
12.3.3 制作侧边栏 .345
12.3.4 制作库项目 .348
12.3.5 添加可编辑区域 .350
12.3.6 制作页 .350
12.3.7 制作其他页面 .353
附录 1 HTML 标签概述 355
附录 2 参考答案 .366

目 录
DW 实例源文件 II
1-1 安装 Dreamweaver CC 2018 .002
1-2 上机练习——组合、拆分浮动面板组 016
1-3 上机练习——创建一个 HTML 页面 .017
1-4 上机练习——打开已有的网页 019
1-5 上机练习——设置网页外观 023
2-1 上机练习——创建“美食天下” 031
2-2 上机练习——编辑“美食天下”站点 034
2-3 上机练习——添加页 038
3-1 上机练习——直接输入文本 043
3-2 上机练习——美化网页文本 048
3-3 上机练习——制作李白诗作列表 053
3-4 实例精讲——制作简单的文本页面 055
4-1 上机练习——图文混排 065
4-2 上机练习——制作导航条 067
4-3 上机练习——使用外部编辑器修改图像 070
4-4 实例精讲——制作饮料宣传页面 072
5-1 上机练习——使用“表格”对话框插入表格 079
5-2 上机练习——设计简单的页面布局 086
5-3 上机练习——在单元格中添加内容 091
5-4 上机练习——导入表格式数据 096
5-5 设计网页基本框架 .100
5-6 设计正文区域布局 .105
5-7 添加网页内容 .110
6-1 上机练习——创建文本链接 119
6-2 上机练习——制作旅游景点地图 124
6-3 上机练习——创建锚点链接 128
6-4 上机练习——添加超链接资源 131
6-5 设计页面布局 .134
6-6 制作导航和页脚 .138
6-7 制作正文部分 .143
6-8 添加链接 .147
二 维 码 目 录

XII Dreamweaver CC 2018
中文版入门与提高
7-1 上机练习——制作游戏引导页面 158
7-2 上机练习——链接到声音文件 166
7-3 上机练习——添加背景音乐 168
7-4 规划页面布局 .174
7-5 制作正文区域 .177
7-6 添加媒体对象 .182
7-7 制作页脚 .185
8-1 上机练习——变化的鼠标样式 198
8-2 上机练习——使用外部样式表美化网页 203
8-3 上机练习——制作简易公告栏 213
8-4 上机练习——列固定居中 218
8-5 上机练习——左、右两列并排居中 222
8-6 上机练习——制作三列布局 225
8-7 实例精讲——流金岁月 226
9-1 上机练习——制作个人信息采集页面 247
9-2 上机练习——验证必填信息是否为空 253
9-3 实例精讲——制作在线订购表单页面 254
10-1 上机练习——查看图像可用的行为 268
10-2 上机练习——显示图片信息 272
10-3 上机练习——单击改变背景颜色 273
10-4 上机练习——跳动的小鱼 278
10-5 上机练习——制作产品展示页面 281
10-6 上机练习——制作圣诞贺卡 284
10-7 上机练习——制作简易相册 288
10-8 上机练习——验证表单内容的正确性 292
11-1 上机练习——将文档保存为模板 300
11-2 上机练习——制作景点门票 303
11-3 上机练习——定义嵌套模板 307
11-4 上机练习——应用模板到页 311
11-5 上机练习——在网页中添加版权声明 318
11-6 制作页面基本框架 .321
11-7 定义可编辑区域 .326
11-8 制作库项目 .327
11-9 套用模板制作新页面 .328
12-1 制作页面基本框架 .336
12-2 制作导航条 .341
12-3 制作侧边栏 .345
12-4 制作库项目 .348
12-5 添加可编辑区域 .350
12-6 制作页 .350
12-7 制作其他页面 .353

"胡仁喜，男，湖北麻城人，1976年5月出生，任职于军械工程学院机械设计教研室，北京理工大学车辆工程博士。目前是Autodesk中国认证考试中心首席专家.主要从事机械设计、流体动力学、CAD/CAM/CAE领域的研究和教学工作.自1999年参与编写计算机教材以来，已陆续出版计算机应用和大中专理论教材书籍近1000本，拥有近30人的稳定创作团队。"

本书全面讲述了Dreamweaver中进行动画制作和图形图像处理的相关基础知识和实例，内容完整，实例丰富，可以帮助读者快速掌握Dreamweaver各种功能，提高网络网页设计能力。本书主要针对工科和艺术专业在校大中专学生以及各种社会培训机构学员作为自学教材，也可以作为工程技术和艺术设计人员快速入门教材和参考书。

本书全面讲述了Dreamweaver中进行动画制作和图形图像处理的相关基础知识和实例