描述
开 本: 16开纸 张: 胶版纸包 装: 平装-胶订是否套装: 否国际标准书号ISBN: 9787302468431丛书名: 微课堂学电脑
本书具有令人过目不忘的潜质！
全新的阅读模式：看起来不累，学起来不繁琐，用起来更简单
进阶式学习体验：基础知识 专题课堂 实践经验与技巧 有问必答
多样化学习方式：看书学，上网学，用手机自学
全方位技术指导：PC网站 手机网站 微信公众号 QQ群交流
多元化知识拓展：免费赠送配套视频教学课程、素材文件、PPT课件
一站式VIP服务：在官方网站免费学习各类技术文章和更多的视频课程
Dreamweaver CC是一款集网页制作和网站管理于一身的网页编辑器，是针对专业网页设计师特别开发的视觉化网页开发工具。本书以通俗易懂的语言、翔实生动的操作案例、精挑细选的使用技巧，指导初学者快速掌握Dreamweaver CC中文版的基础知识与操作方法。本书的主要内容包括网页制作基础入门、Dreamweaver CC基础知识、创建与管理站点、编辑网页文本、在网页中应用图像与多媒体、超链接、使用表格布局页面、应用CSS样式美化网页、应用Div CSS布局网页、使用模板和库创建网页、使用表单、使用行为创建动态效果、制作jQuery Mobile页面以及站点的发布与推广等。全书结构清晰、图文并茂，以实战演练的方式介绍知识点，让读者一看就懂。
本书面向学习该软件的初、中级用户，适合无基础又想快速掌握Dreamweaver CC入门操作的读者，同时对有经验的Dreamweaver CC使用者也有很高的参考价值，还可以作为高等院校专业课教材和社会培训机构平面设计培训教材。
第1章 网页制作基础入门 1
1.1 认识网页 2
1.1.1 网页的基本要素 2
1.1.2 网页的基本术语 4
1.1.3 静态网页和动态网页 6
1.2 网站制作的基本流程 7
1.2.1 前期策划 7
1.2.2 收集素材 7
1.2.3 规划网站 8
1.2.4 制作HTML页面 8
1.2.5 测试并上传网站 8
1.2.6 网站的更新与维护 8
1.3 网页制作常用软件 9
1.3.1 网页编辑排版软件
Dreamweaver CC 9
1.3.2 Photoshop CC和
Fireworks CC 9
1.3.3 网页动画制作软件Flash CC 9
1.3.4 网页标记语言HTML 10
1.3.5 网页脚本语言JavaScript 10
1.3.6 动态网页编程语言ASP 10
1.4 专题课堂——网页色彩 11
1.4.1 网页色彩的特性 11
1.4.2 网页安全色 12
1.4.3 色彩模式 12
1.4.4 网页配色的基本规则 13
1.4.5 网页配色中的文本颜色 14
1.5 实践经验与技巧 15
1.5.1 网页编辑器 15
1.5.2 屏幕分辨率 15
1.6 有问必答 16
第2章 Dreamweaver CC基础知识 17
2.1 认识工作界面 18
2.1.1 界面布局 18
2.1.2 工具、窗口和面板 18
2.1.3 使用【插入】面板 20
2.1.4 属性检查器 21
2.1.5 管理面板和面板组 22
2.2 Dreamweaver的工作流程 23
2.3 专题课堂——可视化助理 24
2.3.1 使用标尺 25
2.3.2 设置网格 25
2.4 实践经验与技巧 26
2.4.1 使用辅助线 27
2.4.2 使用跟踪图像 27
2.4.3 设置缩放比率 28
2.4.4 设置窗口大小 29
2.5 有问必答 30
第3章 创建与管理站点 31
3.1 站点及站点结构 32
3.1.1 什么是站点 32
3.1.2 站点结构 32
3.1.3 【管理站点】对话框 32
3.2 创建本地站点 34
3.2.1 使用向导搭建站点 34
3.2.2 使用【高级设置】选项卡创建
站点 35
3.3 管理站点 36
3.3.1 打开站点 36
3.3.2 切换站点 36
3.4 专题课堂——管理站点文件 37
3.4.1 在站点中新建文件夹 37
3.4.2 在站点中新建页面 37
3.4.3 移动和复制文件或文件夹 38
3.4.4 删除文件或文件夹 38
3.5 实践经验与技巧 39
3.5.1 使用【新建文档】对话框创建
新文件 39
3.5.2 Business Catalyst站点 40
3.5.3 文件视图列 40
3.5.4 Edge Animate资源 41
3.5.5 【模板】选项卡 42
3.6 有问必答 42
第4章 编辑网页文本 43
4.1 文本的基本操作 44
4.1.1 输入文本 44
4.1.2 设置字体 45
4.1.3 设置字号 46
4.1.4 设置字体颜色 46
4.1.5 设置字体样式 47
4.1.6 设置段落 47
4.1.7 设置是否显示不可见元素 48
4.2 插入特殊文本对象 48
4.2.1 插入特殊字符 48
4.2.2 插入水平线 49
4.2.3 插入日期 50
4.3 设置项目列表 51
4.3.1 项目列表与编号 51
4.3.2 设置列表属性 52
4.4 专题课堂——页面的头信息 53
4.4.1 设置网页标题 53
4.4.2 添加关键字 54
4.4.3 添加说明 54
4.4.4 插入视口 55
4.4.5 设置链接 56
4.4.6 设置页面的META信息 56
4.5 实践经验与技巧 57
4.5.1 使用查找与替换功能 57
4.5.2 设置页边距 58
4.5.3 设置网页的默认格式 59
4.5.4 设置文本缩进格式 59
4.5.5 设置网页打开时的效果 60
4.5.6 设置网页退出时的效果 60
4.5.7 设置Cookie过期时间 61
4.6 有问必答 61
第5章 在网页中应用图像与多媒体 63
5.1 常用的图像格式 64
5.1.1 JPEG格式图像 64
5.1.2 GIF格式图像 64
5.1.3 PNG格式图像 64
5.2 插入与设置图像 65
5.2.1 在网页中插入图像文件 65
5.2.2 设置网页背景图 66
5.2.3 图像的对齐方式 67
5.2.4 更改图像的基本属性 67
5.3 多媒体在网页中的应用 69
5.3.1 插入并设置Flash动画 69
5.3.2 插入FLV视频 71
5.3.3 插入音乐 72
5.4 专题课堂——插入其他图像 74
5.4.1 插入鼠标经过图像 74
5.4.2 插入Fireworks HTML 75
5.5 实践经验与技巧 76
5.5.1 插入HTML5 Video 76
5.5.2 插入HTML5 Audio 77
5.5.3 插入Edge Animate作品 78
5.5.4 插入Flash Video 79
5.6 有问必答 81
第6章 超链接 83
6.1 超链接概述 84
6.1.1 超链接的定义 84
6.1.2 内部超链接、外部超链接
与脚本链接 84
6.2 链接路径 86
6.2.1 路径 86
6.2.2 文档相对路径 86
6.2.3 站点根目录相对路径 87
6.3 创建超链接 87
6.3.1 使用【指向文件】按钮创建
链接 87
6.3.2 使用【属性】面板创建链接 88
6.4 创建不同种类的超链接 89
6.4.1 文本超链接 89
6.4.2 图像热点链接 90
6.4.3 空链接 91
6.4.4 电子邮件链接 92
6.4.5 脚本链接 92
6.5 专题课堂——管理与设置超链接 93
6.5.1 自动更新链接 93
6.5.2 在站点范围内更改链接 94
6.5.3 检查站点中的链接错误 95
6.6 实践经验与技巧 96
6.6.1 创建锚记链接 96
6.6.2 创建文件下载链接 96
6.6.3 创建音视频链接 97
6.7 有问必答 98
第7章 使用表格布局页面 99
7.1 表格的创建与应用 100
7.1.1 表格的定义与用途 100
7.1.2 创建基本表格 101
7.1.3 向表格中输入文本 102
7.1.4 在单元格中插入图像 102
7.2 设置表格和单元格属性 103
7.2.1 设置表格属性 103
7.2.2 设置单元格属性 104
7.3 调整表格结构 105
7.3.1 选择单元格和表格 105
7.3.2 调整单元格和表格的大小 106
7.3.3 插入与删除表格的行和列 108
7.3.4 拆分单元格 110
7.3.5 合并单元格 110
7.3.6 复制、剪切和粘贴表格 111
7.4 处理表格数据 113
7.4.1 导入Excel文档 113
7.4.2 排序表格 114
7.5 专题课堂——数据表格样式 115
7.5.1 表格模型 115
7.5.2 表格标题 116
7.5.3 表格样式控制 117
7.6 实践经验与技巧 117
7.6.1 在表格中插入表格 118
7.6.2 导出表格数据 118
7.6.3 导入Word文档 119
7.7 有问必答 120
第8章 应用CSS样式美化网页 123
8.1 什么是CSS样式表 124
8.1.1 认识CSS 124
8.1.2 CSS样式的类型 124
8.1.3 CSS样式的基本语法 125
8.2 使用【CSS设计器】面板 126
8.2.1 认识【CSS设计器】面板 126
8.2.2 创建CSS样式表 129
8.3 CSS选择器的类型 130
8.3.1 通配符选择器 130
8.3.2 标签选择器 130
8.3.3 类选择器 130
8.3.4 ID选择器 131
8.3.5 伪类及伪对象选择器 131
8.4 专题课堂——设置CSS样式 132
8.4.1 设置背景类型 132
8.4.2 设置方框样式 133
8.4.3 设置区块样式 134
8.4.4 设置边框样式 135
8.4.5 设置定位样式 135
8.4.6 设置扩展样式 136
8.4.7 设置过渡样式 137
8.5 实践经验与技巧 138
8.5.1 CSS静态过滤器 138
8.5.2 样式冲突 139
8.5.3 内联CSS样式 139
8.5.4 内部CSS样式 139
8.6 有问必答 140
第9章 应用Div CSS布局网页 141
9.1 Div概述 142
9.1.1 概述 142
9.1.2 Div CSS布局的优势 142
9.1.3 盒模型 143
9.2 常见的布局方式 144
9.2.1 居中版式布局 144
9.2.2 浮动版式布局 146
9.2.3 高度自适应布局 147
9.3 应用Div布局网页 148
9.3.1 页面布局分析 148
9.3.2 插入和编辑Div标签 149
9.3.3 使用CSS定位 150
9.4 专题课堂——宽度自适应 151
9.4.1 一列自适应宽度 151
9.4.2 两列自适应宽度 152
9.4.3 两列右列宽度自适应 152
9.4.4 三列浮动中间宽度自适应 153
9.5 实践经验与技巧 154
9.5.1 盒子取向属性box-orient 154
9.5.2 盒子顺序属性box-direction 155
9.5.3 盒子位置属性
box-ordinal-group 155
9.6 有问必答 155
第10章 使用模板和库创建网页 157
10.1 使用模板 158
10.1.1 模板的特点 158
10.1.2 创建模板 158
10.1.3 嵌套模板 159
10.2 设置模板 160
10.2.1 定义可编辑区域 160
10.2.2 定义可选区域 161
10.2.3 定义重复区域 161
10.2.4 定义重复表格 162
10.3 管理模板 163
10.3.1 创建基于模板的网页 163
10.3.2 更新模板和基于模板的
网页 164
10.3.3 删除页面中使用的模板 165
10.4 专题课堂——创建与应用库项目 165
10.4.1 认识库项目 165
10.4.2 创建库项目 166
10.4.3 插入库项目 167
10.4.4 修改库项目 168
10.4.5 更新库项目 168
10.5 实践经验与技巧 169
10.5.1 重命名库项目 169
10.5.2 删除库项目 169
10.5.3 恢复删除的库项目 170
10.5.4 定义可编辑的可选区域 171
10.6 有问必答 171
第11章 使用表单 173
11.1 表单概述 174
11.1.1 关于表单 174
11.1.2 常用表单元素 174
11.1.3 HTML5表单元素 176
11.2 添加表单 178
11.2.1 插入表单域 178
11.2.2 插入文本域 179
11.3 网页元素 181
11.3.1 表单密码 181
11.3.2 URL对象 182
11.3.3 Tel对象 182
11.3.4 搜索对象 183
11.3.5 数字对象 183
11.3.6 范围对象 184
11.3.7 颜色对象 184
11.3.8 电子邮件对象 185
11.4 日期与时间元素 185
11.4.1 月对象 185
11.4.2 周对象 186
11.4.3 日期对象 187
11.4.4 时间对象 187
11.4.5 日期时间对象 188
11.4.6 当地日期时间对象 188
11.5 选择元素 189
11.5.1 选择对象 189
11.5.2 单选按钮 190
11.5.3 单选按钮组 191
11.5.4 复选框 192
11.5.5 复选框组 192
11.6 专题课堂——按钮元素 193
11.6.1 普通按钮 193
11.6.2 【提交】按钮 194
11.6.3 【重置】按钮 195
11.6.4 图像按钮 196
11.7 实践经验与技巧 197
11.7.1 插入文件对象 197
11.7.2 插入隐藏对象 198
11.7.3 插入文本区域 199
11.8 有问必答 200
第12章 使用行为创建动态效果 201
12.1 认识网页行为 202
12.1.1 事件与动作 202
12.1.2 使用【行为】面板 202
12.1.3 常见的动作类型 203
12.1.4 编辑网页行为 204
12.2 使用行为调节浏览器 205
12.2.1 打开浏览器窗口 205
12.2.2 调用JavaScript 207
12.2.3 转到URL 207
12.3 使用行为控制图像 208
12.3.1 交换图像 209
12.3.2 预先载入图像 210
12.4 使用行为显示文本 210
12.4.1 弹出信息 211
12.4.2 设置状态栏文本 211
12.4.3 设置容器的文本 212
12.4.4 设置文本域文字 213
12.5 使用行为加载多媒体 214
12.5.1 检查插件 214
12.5.2 改变属性 216
12.5.3 显示和隐藏元素 217
12.6 专题课堂——控制表单 219
12.6.1 跳转菜单 220
12.6.2 跳转菜单开始 221
12.6.3 检查表单 222
12.7 实践经验与技巧 223
12.7.1 拖动AP元素行为 223
12.7.2 恢复交换图像行为 224
12.7.3 设置框架文本 224
12.8 有问必答 225
第13章 制作jQuery Mobile页面 227
13.1 jQuery与jQuery Mobile概述 228
13.1.1 jQuery 228
13.1.2 jQuery Mobile 228
13.2 创建jQuery Mobile页面 229
13.2.1 使用jQuery Mobile
起始页 229
13.2.2 使用HTML5页面 230
13.2.3 jQuery Mobile页面结构 231
13.3 使用jQuery Mobile组件 232
13.3.1 使用列表视图 232
13.3.2 使用布局网格 233
13.3.3 使用可折叠区块 234
13.3.4 使用文本输入框 235
13.3.5 使用密码输入框 235
13.3.6 使用文本区域 236
13.3.7 使用选择菜单 237
13.3.8 使用复选框 237
13.4 专题课堂——列表 238
13.4.1 创建有序列表 238
13.4.2 创建内嵌列表 239
13.5 实践经验与技巧 239
13.5.1 jQuery Mobile主题 239
13.5.2 使用滑块 241
13.5.3 设置翻转切换开关 241
13.6 有问必答 242
第14章 站点的发布与推广 243
14.1 测试与维护站点 244
14.1.1 创建站点报告 244
14.1.2 使用链接检查器 245
14.1.3 W3C验证 246
14.2 上传与发布网站 247
14.2.1 连接到远程服务器 247
14.2.2 文件上传 248
14.2.3 文件下载 249
14.3 网站运营与维护 249
14.3.1 网站的运营 249
14.3.2 网站的更新维护 251
14.3.3 优化网站SEO 251
14.4 专题课堂——网站推广 252
14.4.1 注册搜索引擎 252
14.4.2 资源合作推广方法 253
14.4.3 电子邮件推广 253
14.4.4 导航网站登录 254
14.4.5 软文推广 254
14.4.6 BBS论坛网站推广 254
14.4.7 博客推广 255
14.4.8 微博推广 255
14.5 实践经验与技巧 256
14.5.1 病毒性营销方法 256
14.5.2 口碑营销 256
14.5.3 微信营销 257
14.6 有问必答 258
致读者
“微课堂学电脑”系列丛书立足于“全新的阅读与学习体验”，整合电脑和手机同步视频课程推送功能，提供了全程学习与工作技术指导服务，汲取了同类图书作品的成功经验，帮助读者从图书开始学习基础知识，进而通过微信公众号和互联网站进一步深入学习与提高。
我们力争打造一个线上和线下互动交流的立体化学习模式，为您量身定做一套完美的学习方案，为您奉上一道丰盛的学习盛宴！创造一个全方位多媒体互动的全景学习模式，是我们一直以来的心愿，也是我们不懈追求的动力，愿我们为您奉献的图书和视频课程可以成为您步入神奇电脑世界的钥匙，并祝您在短时间内能够学有所成、学以致用。
>> 这是一本与众不同的书
“微课堂学电脑”系列丛书汇聚作者20年技术之精华，是读者学习电脑知识的新起点，是您迈向成功的步！本系列丛书涵盖电脑应用各个领域，为各类初、中级读者提供全面的学习与交流平台，适合学习计算机操作的初、中级读者，也可作为大中专院校、各类电脑培训班的教材。热切希望通过我们的努力能满足读者的需求，不断提高我们的服务水平，进而达到与读者共同学习、共同提高的目的。
> 全新的阅读模式：看起来不累，学起来不烦琐，用起来更简单。
> 进阶式学习体验：基础知识 专题课堂 实践经验与技巧 有问必答。
> 多样化学习方式：看书学、上网学、用手机自学。
> 全方位技术指导：PC网站 手机网站 微信公众号 QQ群交流。
> 多元化知识拓展：免费赠送配套视频教学课程、素材文件、PPT课件。
> 一站式VIP服务：在官方网站免费学习各类技术文章和更多的视频课程。
>> 全新的阅读与学习体验
我们秉承“打造秀的图书、制作秀的电脑学习软件、提供完善的学习与工作指导”的原则，在本系列图书编写过程中，聘请电脑操作与教学经验丰富的老师和来自工作一线的技术骨干倾力合作编著，为您系统化地学习和掌握相关知识与技术奠定扎实的基础。
1. 循序渐进的高效学习模式
本套图书特别注重读者学习习惯和实践工作应用，针对图书的内容与知识点，设计了更加贴近读者学习的教学模式，采用“基础知识学习 专题课堂 实践经验与技巧 有问必答”的教学模式，帮助读者从初步了解到掌握到实践应用，循序渐进地成为电脑应用高手与行业精英。
2. 简洁明了的教学体例
为便于读者学习和阅读本书，我们聘请专业的图书排版与设计师，根据读者的阅读习惯，精心设计了赏心悦目的版式，全书图案精美、布局美观。在编写图书的过程中，注重内容起点低、操作上手快、讲解言简意赅，读者不需要复杂的思考，即可快速掌握所学的知识与内容。同时针对知识点及各个知识板块的衔接，科学地划分章节，知识点分布由浅入深，符合读者循序渐进与逐步提高的学习习惯，从而使学习达到事半功倍的效果。
(1) 本章要点：以言简意赅的语言，清晰地表述了本章即将介绍的知识点，读者可以有目的地学习与掌握相关知识。
(2) 基础知识：主要讲解本章的基础知识、应用案例和具体知识点。读者可以在大量的实践案例练习中，不断提高操作技能和经验。
(3) 专题课堂：对于软件功能和实际操作应用比较复杂的知识，或者难于理解的内容，进行更为详尽的讲解，帮助读者拓展、提高与掌握更多的技巧。
(4) 实践经验与技巧：主要介绍的内容为与本章内容相关的实践操作经验及技巧，读者通过学习，可以不断提高自己的实践操作能力和水平。
(5) 有问必答：主要介绍与本章内容相关的一些知识点，并对具体操作过程中可能遇到的常见问题给予必要的解答。
>> 图书产品和读者对象
“微课堂学电脑”系列丛书涵盖电脑应用各个领域，为各类初、中级读者提供了全面的学习与交流平台，帮助读者轻松实现对电脑技能的了解、掌握和提高。本系列图书本次共计出版14个分册，具体书目如下：
> 《Adobe Audition CS6音频编辑入门与应用》
> 《计算机组装·维护与故障排除》
> 《After Effects CC入门与应用》
> 《Premiere CC视频编辑入门与应用》
> 《Flash CC中文版动画设计与制作》
> 《Excel 2013电子表格处理》
> 《Excel 2013公式·函数与数据分析》
> 《Dreamweaver CC中文版网页设计与制作》
> 《AutoCAD 2016中文版入门与应用》
> 《电脑入门与应用(Windows 7 Office 2013版)》
> 《Photoshop CC中文版图像处理》
> 《Word·Excel·PowerPoint 2013三合一高效办公应用》
> 《淘宝开店·装修·管理与推广》
> 《计算机常用工具软件入门与应用》
>> 完善的售后服务与技术支持
为了帮助您顺利学习、高效就业，如果您在学习与工作中遇到疑难问题，欢迎来信与我们及时交流与沟通，我们将全程免费答疑。希望我们的工作能够让您更加满意，希望我们的指导能够为您带来更大的收获，希望我们可以成为志同道合的朋友！
1. 关注微信公众号——获取免费视频教学课程
读者关注微信公众号“文杰书院”，不但可以学习的知识和技巧，同时还能获得免费网上专业课程学习的机会，可以下载书中所有配套的视频资源。
获得免费视频课程的具体方法为：扫描右侧二维码关注“文杰书院”公众号，同时在本书前言末页找到本书识别码，例如2016017，然后将此识别码输入到官方微信公众号下面的留言栏并点击【发送】按钮，读者可以根据自动回复提示地址下载本书的配套教学视频课程资源。
2. 访问作者网站——购书读者免费专享服务
我们为读者准备了与本书相关的配套视频课程、学习素材、PPT课件资源和在线学习资源，敬请访问作者官方网站“文杰书院”免费获取，网址：http://www.itbook.net.cn。
扫描右侧二维码访问作者网站，除可以获得本书配套视频资源以外，还能获得更多的网上免费视频教学课程，以及免费提供的各类技术文章，让读者能汲取来自行业精英的经验分享，获得全程一站式贵宾服务。
3. 互动交流方式——实时在线技术支持服务
为方便学习，如果您在使用本书时遇到问题，可以通过以下方式与我们取得联系。
QQ号码：18523650
读者服务QQ群号：185118229和128780298
电子邮箱：[email protected]
文杰书院网站：www.itbook.net.cn
后，感谢您对本系列图书的支持，我们将再接再厉，努力为读者奉献更加优秀的图书。衷心地祝愿您能早日成为电脑高手！
编 者
前言
Dreamweaver CC主要用于Web应用程序的设计、编码和开发，利用它可以轻而易举地制作出跨越平台限制、充满动感的网页。其功能强大、易学易用，深受网页制作爱好者和网页设计师的喜爱，目前已经成为这一领域流行的软件之一。为帮助读者快速掌握与应用Dreamweaver CC软件，以便在工作中学以致用，我们编写了本书。
本书为读者快速入门Dreamweaver CC提供了一个崭新的学习和实践平台，无论从基础知识的安排还是应用能力的训练，都充分地考虑了用户的需求，可以快速达到理论知识与应用能力的同步提高。本书在编写过程中，根据计算机初学者的学习习惯，采用由浅入深、由易到难的方式讲解。全书结构清晰、内容丰富，主要内容包括以下4个方面。
1. 基础入门
第1～2章介绍关于Dreamweaver CC的一些基础知识，包括网页的基本要素、网页中的色彩特性以及Dreamweaver CC的工作环境等内容。
2. 网页设计与制作
第3～7章主要介绍网页设计与制作的内容，包括创建与管理站点、在网页中编排文本、使用图像与多媒体丰富网页内容、网页超链接的应用和使用表格布局页面的方法与技巧。
3. CSS样式布局页面
第8～9章主要讲解利用样式布局页面，包括认识CSS样式表、创建CSS样式表、将CSS应用到网页、应用Div CSS灵活布局网页和CSS布局方式等内容。
4. 动态网页设计
第10～14章全面讲解动态网页设计方面的知识，包括利用模板和库创建网页、使用表单、使用行为创建动态效果、制作jQuery Mobile页面以及站点的发布和推广方面的知识。
本书由文杰书院组织编写，参与本书编写的有李军、罗子超、袁帅、文雪、肖微微、李强、高桂华、蔺丹、张艳玲、李统财、安国英、贾亚军、蔺影、李伟、冯臣、宋艳辉等。
为方便学习，读者可以访问网站http://www.itbook.net.cn获得更多学习资源，如果您在使用本书时遇到问题，可以加入QQ群128780298或185118229，也可以发邮件至[email protected]与我们交流和沟通。
为了方便读者快速获取本书的配套视频教学课程、学习素材、PPT教学课件和在线学习资源，读者可以在文杰书院网站中搜索本书书名，或者扫描右侧的二维码，在打开的本书技术服务支持网页中，选择相关的配套学习资源。
我们提供了本书配套学习素材和视频课程，请关注微信公众号“文杰书院”免费获取。读者还可以订阅QQ部落“文杰书院”进一步学习与提高。
我们真切希望读者在阅读本书之后，可以开阔视野，增长实践操作技能，并从中学习和总结操作的经验和规律，达到灵活运用的水平。鉴于编者水平有限，书中疏漏和考虑不周之处在所难免，热忱欢迎读者予以批评、指正，以便我们编写更好的图书。
编 者
第5章 在网页中应用图像与多媒体
本章要点
常用的图像格式
插入与设置图像
多媒体在网页中的应用
专题课堂——插入其他图像
本章主要内容
本章主要介绍常用的图像格式、插入与设置图像、多媒体在网页中的应用等方面的知识与技巧，在本章的后还针对实际的工作需求，讲解了插入HTML5 Video、插入HTML5 Audio、插入Edge Animate作品和插入Flash Video的方法。通过本章的学习，读者可以掌握在网页中应用图像与多媒体方面的知识，为深入学习Dreamweaver CC知识奠定基础。
5.1 常用的图像格式
导读
网页中的图像常用格式通常有3种，即JPGE格式、GIF格式和PNG格式，其中使用广泛的是GIF格式和JPEG格式。本节将详细介绍网页中常见的图像格式方面的知识。
5.1.1 JPEG格式图像
JPG/JPEG(Joint Photographic Experts Group)可译为“联合图像专家组” ，是一种压缩格式的图像。JPEG文件通过压缩，使其在图像品质和文件大小之间达到较好的平衡，损失了原图像中不易为人眼察觉的内容，获得较小文件尺寸，使图像下载快捷。
JPG/JPEG支持24位真彩色，普遍用于显示摄影图片和其他连续色调图像的高级格式。若对图像颜色要求较高，应采用这种类型的图像。目前各类浏览器均支持JPEG图像格式。
5.1.2 GIF格式图像
GIF(Graphics Interchange Format)可译为“图像交换格式”，是一种无损压缩格式的图像。它可以使文件大小小化，支持动画格式，能在一个图像文件中包含多帧图像页，在浏览器中浏览时可看到动感图像效果。网络上小一点的动画一般都是GIF格式的图像。
GIF只支持8位颜色(256种色)，不能用于存储真彩色的图像文件，适合大面积单一颜色的图像，如导航条、按钮、图标等。其压缩率一般在50％左右，它不属于任何应用程序。在通常情况下，GIF图像的压缩算法是有版权的。
5.1.3 PNG格式图像
PNG(Portable Network Graphic)可译为“便携网络图像”，是一种格式非常灵活的图像，用于在因特网上无损压缩和显示图像，Fireworks制作的图像默认为PNG格式。PNG文件可以保留所有的原始图层、矢量、颜色和效果信息，并且在任何时候都可以完全编辑所有元素(文件必须具有.png扩展名才能被Dreamweaver CC识别为PNG文件)。
PNG图像支持多种颜色数目，从8位、16位、24位到32位都有。PNG格式图像可替代GIF格式，支持索引色、灰度、真彩色图像及透明背景。商业网站使用PNG格式的图像比较安全，因为没有版权问题。
5.2 插入与设置图像
导读
图像是网页中不可缺少的元素之一，为了使网页内容更加丰富，方便浏览者的浏览，可以将图像插入到网页中，并进行相应的设置。本节将介绍插入与设置图像方面的知识。
5.2.1 在网页中插入图像文件
要在Dreamweaver CC文档中插入图像，必须位于当前站点文件夹内或远程站点文件夹内，否则图像不能正确显示。所以在建立站点时，设计者常先创建一个名叫image的文件夹，并将需要的文件复制到其中，然后再从这个文件夹中选择图片，向网页插入图像。下面将详细介绍在网页中插入图像的操作方法。
操作步骤
第1步 将鼠标指针置于准备插入图像的位置，1. 单击【插入】主菜单，2. 在弹出的菜单中选择【图像】菜单项，3. 在弹出的子菜单中选择【图像】菜单项，如图5-1所示。
图5-1
通过以上步骤即可完成插入图像的操作，如图5-3所示。
图5-3
第2步 弹出【选择图像源文件】对话框，1.选择准备插入的图像，2. 单击【确定】按钮即可，如图5-2所示。
图5-2
5.2.2 设置网页背景图
背景图像是网页中的另外一种图像方式，该方式的图像既不影响文件输入，也不影响插入式图像的显示。下面详细介绍设置网页背景图的操作方法。
操作步骤
第1步 将鼠标指针定位在网页中，单击【属性】面板中的【页面属性】按钮，如图5-4所示。
图5-4
第2步 打开【页面属性】对话框，1. 在【分类】列表框中选择【外观(CSS)】选项，2. 单击右侧【背景图像】后面的【浏览】按钮，如图5-5所示。
图5-5
第3步 弹出【选择图像源文件】对话框，1. 选中准备设置为背景的图片，2. 单击【确定】按钮，如图5-6所示。
图5-6
第4步 返回到【页面属性】对话框中，单击【确定】按钮，如图5-7所示。
图5-7
第5步 通过以上步骤即可完成设置网页背景图的操作，如图5-8所示。
图5-8
指点迷津
在【页面属性】对话框中，除了可以设置背景图像外，还可以设置背景颜色、文本颜色、页面字体等属性。
评论
还没有评论。