Adobe Dreamweaver 2021经典教程
本书由Adobe公司的专家编写,是Adobe Dreamweaver 2021软件的经典学习用书。
本书共11课,每一课首先介绍重要的知识点,然后借助具体的示例进行讲解,步骤详细,重点明确,可帮助读者尽快学会如何进行实际操作。本书主要包含定制工作区,HTML基础知识,CSS基础知识,编写代码,网页设计基础,创建页面布局,使用模板,使用文本、列表和表格,使用图像,创建链接和发布站点等内容。
本书语言通俗易懂,并配以大量的图示,特别适合新手学习。有一定使用经验的读者也可从本书中学到大量高级功能和Adobe Dreamweaver 2021版本新增的功能。本书还适合作为高校相关专业和相关培训班的教材。
1.Adobe官方认证培训教材,课程清晰解释、逐步的指导,以及可供学生使用的项目文件。
2.教程内容涉及HTML、CSS、Web、xml、json等各种前端语言编码,讲解软件更新的快捷键功能,帮助用户学到切实提高设计效率的实用技术。
3.教程讲解了构建自适应的响应式网站的技巧,提高所设计的网页在移动端打开时的效果,比其他DW软件教程更具有先进性。
4.借助具体实例进行讲解,并配以大量图示,除此之外还介绍了大量2021版新功能,随书附赠素材文件、复习题及答案。
Jim Maivald是一位平面设计师和艺术家,拥有25年的出版和制作经验。他编写了多个版本的《Adobe Dreamweaver Classroom in a Book》,并制作了Adobe InDesign、XML、Adobe Photoshop和CorelDRAW的相关课件,他还在全国性杂志发表了数十篇关于电子出版和制作的文章。他在InDesign和XML领域为个人和世界500强公司举办了多次热门研讨会和培训。Jim是Dreamweaver、InDesign和Acrobat中的Adobe认证专家(ACE),同时也是芝加哥InDesign User Group协会的共同负责人。
第 1课 定制工作区 1
1.1 了解工作区 2
1.2 使用开始屏幕 3
1.3 上下文功能提示 5
1.4 设置界面首选项 6
1.5 切换与拆分视图 8
1.6 选择工作区布局 13
1.7 使用面板 14
1.8 定制Dreamweaver 19
1.9 使用工具栏 20
1.10 自定义键盘快捷键 22
1.11 使用【属性】面板 23
1.12 使用【相关文件】栏 25
1.13 使用标签选择器 26
1.14 使用CSS设计器 27
1.15 使用可视媒体查询栏 30
1.16 使用【DOM】面板 31
1.17使用元素显示框和检查器 31
1.18 在Dreamweaver中设置版本控制 33
1.19 探索、尝试、学习 34
1.20 复习题 35
1.21 答案 35
第 2课 HTML基础知识 36
2.1 什么是HTML 37
2.2 HTML的起源 37
2.3 常用的HTML元素 38
2.4 HTML5新增内容 40
2.5 复习题 42
2.6 答案 42
第3课 CSS基础知识 43
3.1 HTML与CSS 44
3.2 HTML格式化与CSS格式化 44
3.3 HTML默认样式 46
3.4 CSS盒子模型 48
3.5 应用CSS样式 49
3.6 多重选择器、类、id 61
3.7 复习题 65
3.8 答案 65
第4课 编写代码 66
4.1 编写HTML代码 67
4.2 使用多光标支持 73
4.3 添加代码注释 75
4.4 使用CSS预处理器 76
4.5 选择代码 89
4.6 折叠代码 91
4.7 展开代码 92
4.8 拆分【代码】视图 92
4.9 在【代码】视图中预览资源 94
4.10 复习题 95
4.11 答案 95
第5课 网页设计基础 96
5.1 开发一个新网站 97
5.2 一个虚构的旅游网站 99
5.3 使用缩览图和线框图 99
5.4 复习题 105
5.5 答案 105
第6课 创建页面布局 106
6.1 评估网页原型 107
6.2 使用预定义布局 107
6.3 为预定义布局设置样式 110
6.4 使用【Extract】面板设置元素样式 111
6.5 排查CSS中的冲突 116
6.6 从Photoshop原型提取文本 117
6.7 删除模板中的某些组件与属性 120
6.8 插入新菜单项 123
6.9 使用【DOM】面板新建菜单项 125
6.10 使用复制粘贴添加菜单项 126
6.11 提取文本样式 128
6.12 使用Extract创建渐变背景 130
6.13 从原型中提取图像资源 134
6.14 添加header元素 136
6.15 向header添加背景图像 139
6.16 最后调整 143
6.17 复习题 145
6.18 答案 145
第7课 使用模板 146
7.1 创建Dreamweaver模板 147
7.2 删除不必要的组件 148
7.3 调整Bootstrap页面布局 153
7.4 修改Bootstrap元素中的文本样式 157
7.5 添加样板和占位内容 158
7.6 修改语义错误 161
7.7 插入元数据 162
7.8 验证HTML代码 164
7.9 定义可编辑区域 165
7.10 创建子页面 174
7.11 更新模板 180
7.12 复习题 185
7.13 答案 185
第8课 使用文本、列表与表格 186
8.1 预览最终页面 187
8.2 创建与格式化文本 189
8.3 创建列表 196
8.4 使用列表组织内容 202
8.5 创建表格并添加样式 209
8.6 网页拼写检查 227
8.7 查找和替换文本 228
8.8 复习题 233
8.9 答案 233
第9课 使用图像 234
9.1 网页图像基础 235
9.2 浏览最终文件 239
9.3 插入图像 241
9.4 在【设计】视图下插入图像 244
9.5 调整图像尺寸 246
9.6 插入Photoshop图像 249
9.7 使用【资源】面板插入图像 254
9.8 使图像适应移动设计 256
9.9 使用【插入】菜单 258
9.10 使用【插入】面板 260
9.11 在模板中插入图像 261
9.12 在模板中添加CSS类 265
9.13 向图像轮播组件添加图像 268
9.14 向图像轮播组件中的文本和标题添加样式 270
9.15 在子页面中插入图像 272
9.16 复习题 274
9.17 答案 274
第 10课 创建链接 275
10.1 关于超链接 276
10.2 预览最终页面 277
10.3 创建站内链接 281
10.4 创建站外链接 291
10.5 创建电子邮件链接 294
10.6 创建图像链接 296
10.7 把页面元素指定为链接目标 300
10.8 把某个元素固定在屏幕上 304
10.9 设置导航菜单样式 306
10.10 添加电话号码链接 309
10.11 检查页面 310
10.12 自己动手:添加更多链接 311
10.13 复习题 312
10.14 答案 312
第 11课 发布站点 313
11.1 定义远程站点 314
11.2 遮盖文件夹和文件 319
11.3 完善网站 321
11.4 发布网站 326
11.5 同步本地站点和远程站点 331
11.6 复习题 336
11.7 答案 336