中文版Dreamweaver CC基础培训教程 移动学习版
作者：马娜，陈中元，王文兵 主编
出版时间：2019年版
内容简介
Dreamweaver 是用户需求量*大、*受个人和企业青睐的网页制作软件之一。本书以目前广泛流行的 Dreamweaver CC 为蓝本，讲解使用 Dreamweaver 制作网页的方法。首先对网页的 基础知识进行详细介绍，然后再介绍使用 Dreamweaver CC 制作简单网页的方法，如制作基础的文本网页、图像网页。再逐步深入，探讨超链接、网页布局、模板、行为、表单和库等相关 知识的操作。*后将 Dreamweaver 操作与网页设计实战进行结合，通过一个完整网页的设计与制作来对全书知识进行综合应用。 为了便于读者更好地学习本书内容，本书除了提供“疑难解答”“技巧”与“提示”小栏目来辅助学习外，在对应需要扩展、详解的知识点及操作步骤旁均附有对应的二维码，通过手 机或平板电脑扫描二维码，即可观看该知识点的详解及操作步骤视频演示。本书不仅可作为各类学校网页设计相关专业的教材使用，还可供相关行业及专业工作人员 进行学习和参考。
目录
第 1 章 网页的基本操作 ．．．．．． 1
1．1 网页设计基础 ．．．．．．．．．．．．．．．．．．．． 2 1．1．1 网站与网页的关系 ．．．．．．．．．．．．． 2 1．1．2 常见的网站类型 ．．．．．．．．．．．．．．．． 2 1．1．3 网页的分类 ．．．．．．．．．．．．．．．．．．．．．．． 3 1．1．4 网站的基本结构 ．．．．．．．．．．．．．．．． 4 1．1．5 网页的构成要素 ．．．．．．．．．．．．．．．． 4 1．1．6 网页制作的核心语言 ．．．．．．．．． 5 1．1．7 屏幕分辨率和网页编辑器．．． 8 1．1．8 网页色彩搭配 ．．．．．．．．．．．．．．．．．．．． 9 1．1．9 网页制作遵循的原则 ．．．．．．．．． 11
1．2 制作网站的基本流程 ．．．．．．．．．．． 12 1．2．1 网站分析与策划 ．．．．．．．．．．．．．．．． 12 1．2．2 网页效果图设计 ．．．．．．．．．．．．．．．． 13 1．2．3 创建并编辑网页文档 ．．．．．．．．． 13 1．2．4 优化与加工网页文档 ．．．．．．．．． 13 1．2．5 测试并发布 HTML 文档 ．．．． 13 1．2．6 网站的更新与维护 ．．．．．．．．．．．．． 14
1．3 上机实训—— 赏析特色网站 ．．． 14 1．3．1 实训要求 ．．．．．．．．．．．．．．．．．．．．．．．．．．． 14 1．3．2 实训分析 ．．．．．．．．．．．．．．．．．．．．．．．．．．． 14 1．3．3 操作思路 ．．．．．．．．．．．．．．．．．．．．．．．．．．． 14
1．4 课后练习 ．．．．．．．．．．．．．．．．．．．．．．．．．．．． 15
1． 练习 1——规划个人网站 ．．．．．．．．．．15 2． 练习 2——规划灯饰照明网站 ．．．16
第 2 章 Dreamweaver CC 的
基本操作 ．．．．．．．．．．．．．． 17
2．1 认识 Dreamweaver CC 工作
界面 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 18
2．1．1 课堂案例——自定义工作
界面 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 18 2．1．2 文档窗口 ．．．．．．．．．．．．．．．．．．．．．．．．．．． 19 2．1．3 面板组 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 20 2．1．4 “属性”面板 ．．．．．．．．．．．．．．．．．．．．．． 21 2．1．5 工作区布局 ．．．．．．．．．．．．．．．．．．．．．．． 21 2．1．6 视图模式 ．．．．．．．．．．．．．．．．．．．．．．．．．．． 22 2．1．7 环境设置 ．．．．．．．．．．．．．．．．．．．．．．．．．．． 24
2．2 创建与管理站点 ．．．．．．．．．．．．．．．．． 26 2．2．1 课堂案例——创建并编辑
“宝莱灯饰”网站 ．．．．．．．．．．．．．．． 26 2．2．2 创建本地站点 ．．．．．．．．．．．．．．．．．．．． 28 2．2．3 管理站点 ．．．．．．．．．．．．．．．．．．．．．．．．．．． 29 2．2．4 管理站点中的文件
和文件夹 ．．．．．．．．．．．．．．．．．．．．．．．．．．． 31
2．3 网页文档的基本操作 ．．．．．．．．．．． 31
2．3．1 课堂案例——创建并保存
zhuce．html 网页 ．．．．．．．．．．．．．．． 32 2．3．2 新建网页 ．．．．．．．．．．．．．．．．．．．．．．．．．．． 33 2．3．3 保存文档 ．．．．．．．．．．．．．．．．．．．．．．．．．．． 35 2．3．4 打开与关闭文档 ．．．．．．．．．．．．．．．． 35
2．4 设置页面属性 ．．．．．．．．．．．．．．．．．．．． 36 2．4．1 课堂案例——设置“djqsm．html”
网页属性 ．．．．．．．．．．．．．．．．．．．．．．．．．．． 36 2．4．2 设置“外观（CSS）”属性 ．．． 38 2．4．3 设置“外观（HTML）”
属性 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 38 2．4．4 设置“链接（CSS）”属性 ．．． 39 2．4．5 设置标题 ．．．．．．．．．．．．．．．．．．．．．．．．．．． 39 2．4．6 设置标题 / 编码 ．．．．．．．．．．．．．．．．． 39 2．4．7 跟踪图像 ．．．．．．．．．．．．．．．．．．．．．．．．．．． 40
2．5 上机实训—— 创建“花火植物”
站点 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 40 2．5．1 实训要求 ．．．．．．．．．．．．．．．．．．．．．．．．．．． 40
2．5．2 实训分析 ．．．．．．．．．．．．．．．．．．．．．．．．．．． 40
2．5．3 操作思路 ．．．．．．．．．．．．．．．．．．．．．．．．．．． 41
2．6 课后练习 ．．．．．．．．．．．．．．．．．．．．．．．．．．．． 41
1． 练习 1——自定义“我的工作区”．．．41
2． 练习 2——创建并规划“珠宝”
网站 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．42
第 3 章 制作基础的文本网页 ．．43
3．1 插入文本对象 ．．．．．．．．．．．．．．．．．．．． 44 3．1．1 课堂案例——制作“花火简介”
网页．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 44 3．1．2 输入文本 ．．．．．．．．．．．．．．．．．．．．．．．．．．． 47 3．1．3 设置文本属性 ．．．．．．．．．．．．．．．．．．．． 48 3．1．4 插入特殊符号 ．．．．．．．．．．．．．．．．．．．． 50 3．1．5 插入日期 ．．．．．．．．．．．．．．．．．．．．．．．．．．． 50 3．1．6 插入水平线 ．．．．．．．．．．．．．．．．．．．．．．． 51 3．1．7 插入列表 ．．．．．．．．．．．．．．．．．．．．．．．．．．． 52
3．2 设置网页头部内容 ．．．．．．．．．．．．．． 53 3．2．1 课堂案例——设置
“Index．html”文件头 ．．．．．．．． 53 3．2．2 Meta ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 55 3．2．3 关键字 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 55 3．2．4 说明 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 55 3．2．5 视口 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 55
3．3 上机实训—— 制作企业简介
网页 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 56
3．3．1 实训要求 ．．．．．．．．．．．．．．．．．．．．．．．．．．． 56 3．3．2 实训分析 ．．．．．．．．．．．．．．．．．．．．．．．．．．． 56 3．3．3 操作思路 ．．．．．．．．．．．．．．．．．．．．．．．．．．． 57
3．4 课后练习 ．．．．．．．．．．．．．．．．．．．．．．．．．．．． 57
1． 练习 1——制作学校简介网页 ．．．57 2． 练习 2——制作代金券说明网页 ．．．58
第 4 章 制作丰富的图像网页 ． 59
4．1 插入与设置图像 ．．．．．．．．．．．．．．．．． 60 4．1．1 课堂案例——制作“植物分类”
网页．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 60 4．1．2 网页中常用的图像格式 ．．．．．． 62 4．1．3 插入图像 ．．．．．．．．．．．．．．．．．．．．．．．．．．． 63 4．1．4 设置图像属性 ．．．．．．．．．．．．．．．．．．．． 63 4．1．5 插入鼠标经过图像 ．．．．．．．．．．．．． 66 4．1．6 插入 Fireworks HTML ．．．．． 67
4．2 插入并设置多媒体元素 ．．．．．．．． 68 4．2．1 课堂案例——制作“花火团购”
网页．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 68 4．2．2 使用 Edge Animate 动画 ．．． 71 4．2．3 使用 HTML5 Video 文件 ．．． 72 4．2．4 使用 HTML5 Audio
音频文件 ．．．．．．．．．．．．．．．．．．．．．．．．．．． 74 4．2．5 使用 Flash SWF 动画文件 74 4．2．6 使用 Flash Video
视频文件 ．．．．．．．．．．．．．．．．．．．．．．．．．．． 76 4．2．7 使用插件 ．．．．．．．．．．．．．．．．．．．．．．．．．．． 76
4．3 上机实训—— 美化“帮助中心”
网页 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 78
4．3．1 实训要求 ．．．．．．．．．．．．．．．．．．．．．．．．．．． 78 4．3．2 实训分析 ．．．．．．．．．．．．．．．．．．．．．．．．．．． 78 4．3．3 操作思路 ．．．．．．．．．．．．．．．．．．．．．．．．．．． 79
4．4 课后练习 ．．．．．．．．．．．．．．．．．．．．．．．．．．．． 80
1． 练习 1——制作“订餐”网页 ．．．80 2． 练习 2——制作“家居”网页 ．．．80
第 5 章 为网页添加超链接 ．．．81
5．1 认识超链接 ．．．．．．．．．．．．．．．．．．．．．．．． 82 5．1．1 超链接的定义 ．．．．．．．．．．．．．．．．．．．． 82 5．1．2 超链接的类型 ．．．．．．．．．．．．．．．．．．．． 83 5．1．3 链接路径 ．．．．．．．．．．．．．．．．．．．．．．．．．．． 83
5．2 创建超链接 ．．．．．．．．．．．．．．．．．．．．．．．． 84 5．2．1 课堂案例——为植物网站
设计跳转 ．．．．．．．．．．．．．．．．．．．．．．．．．．． 84 5．2．2 创建文本超链接 ．．．．．．．．．．．．．．．． 88 5．2．3 创建图像超链接和热点
链接．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 89 5．2．4 创建电子邮件超链接 ．．．．．．．．． 90 5．2．5 创建锚点超链接 ．．．．．．．．．．．．．．．． 90 5．2．6 创建其他超链接 ．．．．．．．．．．．．．．．． 91
5．3 管理超链接 ．．．．．．．．．．．．．．．．．．．．．．．． 93 5．3．1 检查超链接 ．．．．．．．．．．．．．．．．．．．．．．． 93 5．3．2 在站点范围内更改超链接 ．．． 93 5．3．3 自动更新超链接 ．．．．．．．．．．．．．．．． 93
5．4 上机实训—— 设计“详情页”
网页的跳转 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 94
5．4．1 实训要求 ．．．．．．．．．．．．．．．．．．．．．．．．．．． 94 5．4．2 实训分析 ．．．．．．．．．．．．．．．．．．．．．．．．．．． 94 5．4．3 操作思路 ．．．．．．．．．．．．．．．．．．．．．．．．．．． 95
5．5 课后练习 ．．．．．．．．．．．．．．．．．．．．．．．．．．．． 96
1． 练习 1——为“企业新闻”网页
创建超链接 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．96
2． 练习 2——为“帮助”网页创建
超链接 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．96
第 6 章 网页布局设计 ．．．．．．．． 97
6．1 使用表格布局网页 ．．．．．．．．．．．．．． 98 6．1．1 课堂案例——制作“上新活动”
网页．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 98
6．1．2 插入表格 ．．．．．．．．．．．．．．．．．．．．．．．．．．． 101 6．1．3 选择表格和单元格 ．．．．．．．．．．．．． 103 6．1．4 调整表格或单元格的大小．．． 104 6．1．5 增加和删除表格的行或列．．． 104 6．1．6 合并与拆分单元格 ．．．．．．．．．．．．． 105 6．1．7 设置表格和单元格的属性．．． 106 6．1．8 表格的高级操作 ．．．．．．．．．．．．．．．． 108
6．2 创建 CSS 样式表 ．．．．．．．．．．．．．．． 110 6．2．1 课堂案例——制作“style．css”
样式表 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 110 6．2．2 CSS 概述 ．．．．．．．．．．．．．．．．．．．．．．．．． 113 6．2．3 CSS 样式表的基本语法 ．．．． 114 6．2．4 CSS 样式表的类型 ．．．．．．．．．．． 114 6．2．5 认识 CSS 设计器 ．．．．．．．．．．．．．． 115 6．2．6 创建样式表 ．．．．．．．．．．．．．．．．．．．．．．． 116 6．2．7 使用丰富的 CSS 样式 ．．．．．．． 118 6．2．8 CSS 过渡效果的应用 ．．．．．．．． 123
6．3 DIV+CSS 美化网页 ．．．．．．．．．．． 125 6．3．1 课堂案例——制作花火植物
家居馆首页 ．．．．．．．．．．．．．．．．．．．．．．． 125 6．3．2 认识 DIV 标签 ．．．．．．．．．．．．．．．．．．． 131 6．3．3 认识 DIV+CSS 布局模式 ．． 131 6．3．4 插入 DIV 元素 ．．．．．．．．．．．．．．．．．．． 131 6．3．5 HTML5 结构元素 ．．．．．．．．．．．．． 132 6．3．6 使用 jQuery UI ．．．．．．．．．．．．．．．．． 133
6．4 上机实训—— 制作“产品展示”
网页 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 137
6．4．1 实训要求 ．．．．．．．．．．．．．．．．．．．．．．．．．．． 137 6．4．2 实训分析 ．．．．．．．．．．．．．．．．．．．．．．．．．．． 137 6．4．3 操作思路 ．．．．．．．．．．．．．．．．．．．．．．．．．．． 138
6．4 课后练习 ．．．．．．．．．．．．．．．．．．．．．．．．．．．． 138
1． 练习 1——制作“蓉锦大学
教务处”网页 ．．．．．．．．．．．．．．．．．．．．．．．．．．．138 2． 练习 2——制作“花店”网页 ．．．139
第 7 章 使用模板与库文件 ．．153
7．1 创建并编辑模板 ．．．．．．．．．．．．．．．．．142 7．1．1 课堂案例——制作“宅家优购”
网页 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 142 7．1．2 模板的概述 ．．．．．．．．．．．．．．．．．．．．．．． 146 7．1．3 创建模板 ．．．．．．．．．．．．．．．．．．．．．．．．．．． 146 7．1．4 编辑模板 ．．．．．．．．．．．．．．．．．．．．．．．．．．． 147 7．1．5 应用模板 ．．．．．．．．．．．．．．．．．．．．．．．．．．． 149
7．2 创建并使用库 ．．．．．．．．．．．．．．．．．．．．150 7．2．1 课堂案例——制作“新品体验”
网页 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 150 7．2．2 认识库 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 154 7．2．3 创建库项目 ．．．．．．．．．．．．．．．．．．．．．．． 155 7．2．4 库项目的其他操作 ．．．．．．．．．．．．． 155 7．2．5 设置库属性 ．．．．．．．．．．．．．．．．．．．．．．． 155
7．3 上机实训—— 制作“婚纱详情页”
网页模板 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．157
7．3．1 实训要求 ．．．．．．．．．．．．．．．．．．．．．．．．．．． 157 7．3．2 实训分析 ．．．．．．．．．．．．．．．．．．．．．．．．．．． 157 7．3．3 操作思路 ．．．．．．．．．．．．．．．．．．．．．．．．．．． 158
7．4 课后练习 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．158 1． 练习 1——制作“精品推广”
网页 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．158 2． 练习 2——制作“合作交流”模板
网页 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．159
第 8 章 使用表单和行为 ．．．．173
8．1 使用表单 ．．．．．．．．．．．．．．．．．．．．．．．．．．．162 8．1．1 课堂案例——制作“植物网
登录”网页 ．．．．．．．．．．．．．．．．．．．．．．．． 162 8．1．2 表单的概述 ．．．．．．．．．．．．．．．．．．．．．．． 165 8．1．3 创建表单并设置属性 ．．．．．．．．． 167 8．1．4 插入表单元素 ．．．．．．．．．．．．．．．．．．．． 168 8．1．5 使用 jQuery UI 的表单部分 ．． 174
8．2 应用 JavaScript 行为 ．．．．．．．．．177 8．2．1 课堂案例——完善“植物网
注册”效果 ．．．．．．．．．．．．．．．．．．．．．．．． 178 8．2．2 认识行为 ．．．．．．．．．．．．．．．．．．．．．．．．．．． 180 8．2．3 弹出窗口信息 ．．．．．．．．．．．．．．．．．．．． 181 8．2．4 打开浏览器窗口 ．．．．．．．．．．．．．．．． 182 8．2．5 调用 JavaScript 行为．．．．．．．． 182 8．2．6 转到 URL 行为 ．．．．．．．．．．．．．．．．． 183 8．2．7 显示文本行为 ．．．．．．．．．．．．．．．．．．．． 183 8．2．8 图像与多媒体的行为 ．．．．．．．．． 184 8．2．9 用行为控制表单 ．．．．．．．．．．．．．．．． 186 8．2．10 使用行为添加 jQueryt
效果 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 187 8．3 上机实训—— 制作“用户注册”
网页 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．190 8．3．1 实训要求 ．．．．．．．．．．．．．．．．．．．．．．．．．．． 190 8．3．2 实训分析 ．．．．．．．．．．．．．．．．．．．．．．．．．．． 190 8．3．3 操作思路 ．．．．．．．．．．．．．．．．．．．．．．．．．．． 190
8．4 课后练习 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．191 1． 练习 1——制作“小儿郎注册
网页”．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．191 2． 练习 2——制作“宅粉注册”
网页 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．192
第 9 章 制作移动端网页 ．．．．205 9．1 使用 jQuery Mobile ．．．．．．．．．．．194
9．1．1 课堂案例——制作美食 App
主页 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 194 9．1．2 认识 jQuery Mobile ．．．．．．．．．． 197 9．1．3 创建 jQuery Mobile 页面 ．． 198 9．1．4 使用 jQuery Mobile 组件 ．． 199
9．2 使用 PhoneGap Build 打包
移动应用．．．．．．．．．．．．．．．．．．．．．．．．．．．202
9．2．1 认识 PhoneGap Build ．．．．．． 202 9．2．2 注册 PhoneGap Build ．．．．．． 203
9．2．3 打包移动应用程序 ．．．．．．．．．．．．． 203 9．3 上机实训—— 制作移动端页面 204
9．3．1 实训要求 ．．．．．．．．．．．．．．．．．．．．．．．．．．． 204 9．3．2 实训分析 ．．．．．．．．．．．．．．．．．．．．．．．．．．． 204 9．3．3 操作思路 ．．．．．．．．．．．．．．．．．．．．．．．．．．． 205
9．4 课后练习 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．205 1． 练习 1——制作手机软件网页 ．．．205 2． 练习 2——制作“App 个人信息”
网页 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．206
第 10 章 综合案例——制作“御
茶”官方网站 ．．．．．．208
10．1 制作“御茶主页”网页 ．．．．．．208 10．1．1 案例分析 ．．．．．．．．．．．．．．．．．．．．．．．．． 209
10．1．2 设计思路 ．．．．．．．．．．．．．．．．．．．．．．．．． 209 10．1．3 制作过程 ．．．．．．．．．．．．．．．．．．．．．．．．． 213
10．2 制作移动端御茶网站页面 ．．232 10．2．1 案例分析 ．．．．．．．．．．．．．．．．．．．．．．．．． 234 10．2．2 设计思路 ．．．．．．．．．．．．．．．．．．．．．．．．． 234 10．2．3 制作过程 ．．．．．．．．．．．．．．．．．．．．．．．．． 236
10．3 上机实训—— 制作珠宝网页
页面 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．238
10．3．1 实训要求 ．．．．．．．．．．．．．．．．．．．．．．．．． 238 10．3．2 实训分析 ．．．．．．．．．．．．．．．．．．．．．．．．． 238 10．3．3 操作思路 ．．．．．．．．．．．．．．．．．．．．．．．．． 240
10．4 课后练习 ．．．．．．．．．．．．．．．．．．．．．．．．．．241 1．练习 1——制作珠宝官网首页．．．241 2．练习 2——制作墨韵箱包馆
网页 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．242
