描述
开 本: 16开纸 张: 胶版纸包 装: 平装-胶订是否套装: 否国际标准书号ISBN: 9787302515531丛书名: 常用办公软件快速入门与提高
第 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
在网络浪潮中随着宽带的普及，上网变得越来越方便，就连以前只有专业公司才能提供的 Web 服务
现在许多普通的宽带用户也能做到。您是否也有种冲动，想自己来制作网站，为自己在网上安个家？也
许你会觉得网页制作很难，然而如果使用 Dreamweaver CC 2018，即使制作一个功能强大的网站，也是
件非常容易的事情。
被誉为“网页制作三剑客”之一的 Dreamweaver CC 2018 是 Adobe 公司收购 Macromedia 公司后推
出的网页设计制作工具，是继 Dreamweaver CC 2017 之后的升级版本，是目前最完美的网站制作工具。
Dreamweaver CC 2018 是一种专业的 HTML 编辑器，用于对 Web 站点、Web 页和 Web 应用程序进行设计、
编码和开发。无论您喜欢直接编写 HTML 代码，还是偏爱“所见即所得”的工作环境，Dreamweaver
CS4 都会为您提供许多方便的工具，助您迅速高效地制作网站。
一、本书特点
. 实用性强
本书的编者都是高校从事计算机图形图像教学研究多年的一线人员，具有丰富的教学实践经验与
教材编写经验，有一些执笔者是国内 Dreamweaver CC 2018 图书出版界知名的作者，前期出版的一些
相关书籍经过市场检验很受读者欢迎。多年的教学工作使他们能够准确地把握学生的心理与实际需求，
本书是作者总结多年的设计经验以及教学的心得体会，历时多年的精心准备，力求全面、细致地展现
Dreamweaver CC 2018 软件在网站设计制作应用领域的各种功能和使用方法。
. 实例丰富
本书的实例不管是数量还是种类，都非常丰富。从数量上说，本书结合大量的网站设计制作实例，
详细讲解了 Dreamweaver CC 2018 知识要点，让读者在学习案例的过程中潜移默化地掌握 Dreamweaver
CC 2018 软件的操作技巧。
. 突出提升技能
本书从全面提升 Dreamweaver CC 2018 实际应用能力的角度出发，结合大量的案例来讲解如何利用
Dreamweaver CC 2018 软件设计开发网站，使读者了解 Dreamweaver CC 2018，并能够独立地完成各种网
站设计与制作。
本书有很多实例本身就是网站开发项目案例，经过作者精心提炼和改编，不仅保证读者能够学好知
识点，更重要的是能够帮助读者掌握实际的操作技能，同时培养网站开发实践能力。
二、本书内容
全书分为 12 章，全面、详细地介绍了 Dreamweaver CC 2018 的特点、功能、使用方法和技巧。具体
内容如下：网页制作基础知识、站点构建与管理、编辑网页文本、在网页中应用图像、用表格规划网页、
超级链接的应用、使用多媒体对象、利用 CSS Div 设计网页、创建表单网页、应用行为创建交互效果、
统一站点风格、旅游网站制作综合实例的详细制作过程。
三、本书服务
. 本书的技术问题或有关本书信息的发布
读 者 如 果 遇 到 有 关 本 书 的 技 术 问 题， 可 以 登 录 网 站 www.sjzswsw.com 或 将 问 题 发 到 邮 箱
[email protected]，我们将及时回复。也欢迎加入图书学习交流群（QQ 群：512809405）交流探讨。
. 安装软件的获取
按照本书上的实例进行操作练习，以及使用 Dreamweaver CC 2018 进行网站设计与制作时，需要事
先在计算机上安装相应的软件。读者可从 Internet 中下载相应软件，或者从软件经销商处购买。QQ 交流
群也会提供下载地址和安装方法的教学视频。
. 手机在线学习
为了配合各学校师生利用本书进行教学的需要，随书附有多个二维码，内容为书中所有实例网页文
件的源代码及相关资源以及实例操作过程录屏动画，另外附赠大量实例素材，供读者在学习中使用。
四、关于作者
本书主要由职场无忧工作室编写，具体参与本书编写的有胡仁喜、刘昌丽、康士廷、王敏、闫聪聪、
杨雪静、李亚莉、李兵、甘勤涛、王培合、王艳池、王玮、孟培、张亭、王佩楷、孙立明、王玉秋、王
义发、解江坤、秦志霞、井晓翠等。本书的编写和出版得到了很多朋友的大力支持，值此图书出版发行
之际，向他们表示衷心的感谢。同时，也深深感谢支持和关心本书出版的所有朋友。
书中主要内容来自于编者多年来使用 Dreamweaver 的经验总结，也有部分内容取自于国内外有关文
献资料。虽然几易其稿，但由于时间仓促，加之水平有限，书中纰漏与失误在所难免，恳请广大读者批
评指正。
编 者
2018 年 3 月
网页文本的典型文档类型有 ASCII 文本文件、RTF 文件和 Microsoft Office 文档。Dreamweaver CC
2018 可以从这些文档类型中的任何一种获取文本，然后将文本并入网页中。
3.1.1 上机练习——直接输入文本
练习目标
在 Dreamweaver CC 2018 中输入文本的方法与其他文字编辑软件类似，本节
通过输入在线问题的练习，使读者掌握在 Dreamweaver CC 2018 中直接输入文本
的方法。
设计思路
首先打开一个需要添加文本的网页，然后在网页中直接输入文本。
操作步骤
（1） 打开文件。执行“文件”|“打开”命令，在弹出的“打开”对话框中选择一个制作好的页面，如
图 3-1 所示。
（2） 输入文本。删除 Div 标签中的占位文本，然后单击，布局块中随即出现闪动的指针，表示输入
文字的起始位置。选择合适的输入法，即可在网页中输入文字，如图 3-2 所示。
（3） 保存文件。执行“文件”|“保存”命令保存文件。在浏览器中的页面效果如图 3-3 所示。
图 3-1 打开页面 图 3-2 输入文本 图 3-3 页面效果
3.1.2 从其他文档中复制文本
如果其他应用程序中已存在需要的文本，可以从其他应用程序中复制文本，粘贴到 Dreamweaver CC
2018 文档窗口中。
（1） 在其他的应用程序或文档中复制文本，然后切换回 Dreamweaver CC 2018“文档”窗口的“设计”
视图。
（2） 在要放置文本的地方单击，选择“编辑”|“粘贴”命令。
如果执行“ 编辑”|“选择性粘贴”命令，则会弹出“选择性粘贴”对话框，如图 3-4 所示。
利用粘贴选项，可以保留所有源格式设置；也可以只粘贴文本，还可以指定粘贴文本的方式。
3-1 上机练习——直接
输入文本
044 Dreamweaver CC 2018
中文版入门与提高
044 Dreamweaver CC 2018
中文版入门与提高
图 3-4 “选择性粘贴”对话框（1）
教你一招：设置复制 | 粘贴首选项
执行“编辑”|“首选项”命令，在弹出的“首选项”对话框中选择“复制”|“粘贴”分类，
可以设置使用“编辑”|“粘贴”命令从其他应用程序粘贴文本到“设计”视图时，默认的粘贴方式，
如图 3-5 所示。
图 3-5 “选择性粘贴”对话框（2）
此外，也可以从支持文本拖放功能的应用程序中拖放文本到 Dreamweaver CC 2018 的文档窗口。方
法如下：
（1） 在支持文本拖放功能的应用程序（如 Word）中，选中需要复制的文本。
（2） 在选中的文本上按下鼠标左键，拖动到 Dreamweaver CC 2018 的“设计”视图，然后释放鼠标左
键，即可插入复制的文本。
评论
还没有评论。