ADOBE DREAMWEAVER 2022经典教程

第 1课　定制工作区 1

1.1　了解工作区 2

1.2　使用开始界面 3

1.3　上下文功能提示 5

1.4　切换视图 5

1.5　使用面板 8

1.6　自定义工作区 13

1.7　使用工具栏 13

1.8　自定义键盘快捷键 14

1.9　使用【属性】面板 16

1.10　使用相关文件栏 18

1.11　使用标签选择器 19

1.12　使用【CSS设计器】面板 19

1.13　使用可视媒体查询栏 22

1.14　使用【DOM】面板 23

1.15　使用定位辅助面板、显示框和检查器 23

1.16　在Dreamweaver中设置版本控制 24

1.17　探索、尝试和学习 26

1.18　复习题 27

1.19　答案 27



第 2课　HTML基础 28

2.1　什么是HTML 29

2.2　HTML的起源 29

2.3　HMTL的组成 30

2.4　常用的HTML元素 30

2.5　HTML5新增内容 32

2.6　复习题 34

2.7　答案 34



第3课　CSS基础 35

3.1　CSS是什么 36

3.2　HTML格式化与CSS格式化 36

3.3　HTML默认样式 38

3.4　CSS盒子模型 40

3.5　应用CSS样式 41

3.6　多重选择器、类和ID 49

3.7　复习题 53

3.8　答案 53



第4课　编写代码 54

4.1　编写HTML代码 55

4.2　使用多光标支持 61

4.3　添加代码注释 63

4.4　使用CSS预处理器 64

4.5　选择代码 76

4.6　折叠代码 79

4.7　展开代码 80

4.8　拆分【代码】视图 80

4.9　在【代码】视图中预览资源 81

4.10　复习题 83

4.11　答案 83



第5课　网页设计基础 84

5.1　开发一个新网站 85

5.2　一个虚构的旅游网站 86

5.3　使用缩略图和线框图 87

5.4　复习题 93

5.5　答案 93



第6课　创建页面布局 94

6.1　查看网站原型 95

6.2　使用预定义布局 95

6.3　为预定义布局设置样式 98

6.4　使用【Extract】面板设置元素样式 99

6.5　排查CSS中的冲突 104

6.6　从原型中提取文本 105

6.7　删除模板中的某些组件与属性 108

6.8　创建新菜单项 111

6.9　使用【DOM】面板新建菜单项 112

6.10　使用复制和粘贴添加菜单项 114

6.11　提取文本样式 116

6.12　使用【Extract】面板创建渐变背景 118

6.13　从原型中提取图像资源 122

6.14　添加 元素 123

6.15　向元素添加背景图像 127

6.16　*后的调整 130

6.17　复习题 132

6.18　答案 132



第7课　使用模板 133

7.1　Dreamweaver模板概述 134

7.2　删除不必要的组件 135

7.3　调整Bootstrap页面布局 139

7.4　修改Bootstrap元素中的文本样式 142

7.5　添加样板和占位内容 144

7.6　修改语义错误 146

7.7　插入元数据 148

7.8　验证HTML代码 149

7.9　定义可编辑区域 150

7.10　创建子页面 158

7.11　更新模板 163

7.12　复习题 168

7.13　答案 168



第8课　使用文本、列表与表格 169

8.1　预览*终页面 170

8.2　创建与格式化文本 172

8.3　创建列表 178

8.4　使用列表组织内容 184

8.5　创建表格并添加样式 190

8.6　网页拼写检查 207

8.7　查找和替换文本 208

8.8　复习题 213

8.9　答案 213



第9课　使用图像 214

9.1　网页图像基础 215

9.2　预览*终文件 219

9.3　插入图像 221

9.4　在【设计】视图下插入图像 223

9.5　调整图像尺寸 224

9.6　插入Photoshop图像 227

9.7　使用【资源】面板插入图像 231

9.8　使图像适应移动设计 233

9.9　使用【插入】菜单 234

9.10　使用【插入】面板 236

9.11　在模板中插入图像 237

9.12　在模板中添加CSS类 240

9.13　向图像轮播组件添加图像 243

9.14　向图像轮播组件中的文本添加样式 245

9.15　在子页面中插入图像 247

9.16　复习题 249

9.17　答案 249



第 10课　创建链接 250

10.1　关于超链接 251

10.2　预览*终页面 252

10.3　创建站内链接 256

10.4　创建站外链接 264

10.5　创建电子邮件链接 267

10.6　创建图像链接 268

10.7　把页面元素指定为链接目标 271

10.8　把某个元素固定在屏幕上 276

10.9　设置导航菜单样式 277

10.10　添加电话号码链接 280

10.11　检查页面 281

10.12　添加更多链接 282

10.13　复习题 283

10.14　答案 283



第 11课　发布站点 284

11.1　定义远程站点 285

11.2　遮盖文件夹和文件 290

11.3　完善网站 291

11.4　发布网站 296

11.5　同步本地站点和远程站点 300

11.6　复习题 304

11.7　答案 304



第 12课　移动网页设计 305

12.1　响应式设计 306

12.2　媒体类型属性 310

12.3　媒体查询 310

12.4　媒体查询语法 310

12.5　使用可视媒体查询栏 311

12.6　Web框架 313

12.7　使用网络字体 314

12.8　自定义媒体查询 325

12.9　控制Bootstrap元素的对齐方式 338

12.10　修改Bootstrap模板结构 340

12.11　调整内容以适应移动设计 344

12.12　使用【实时预览】检查页面 351

12.13　解决发现的问题 354

12.14　复习题 356

12.15　答案 356