Dreamweaver 2020网页制作实例教程(微课版)

第1章 初识Dreamweaver 2020 1

1.1 熟悉Dreamweaver 2020 2

1.1.1 工作界面 2

1.1.2 编码环境 5

1.1.3 编码工具 7

1.1.4 辅助工具 11

1.1.5 自定义设置 13

1.2 新建网页文档 15

1.3 设置页面属性 17

1.3.1 设置外观 17

1.3.2 设置链接 19

1.3.3 设置标题 19

1.3.4 设置标题/编码 19

1.3.5 设置跟踪图像 19

1.4 创建站点 20

1.4.1 创建本地站点 20

1.4.2 管理站点 21

1.4.3 操作站点文件及文件夹 22

1.5 实例演练 24

1.6 习题 26

第2章 HTML和CSS 27

2.1 HTML 28

2.1.1 什么是HTML 28

2.1.2 常用的HTML标记 28

2.1.3 使用HTML编辑器 31

2.1.4 插入HTML代码 33

2.1.5 编辑HTML代码 35

2.2 CSS 36

2.2.1 什么是CSS 36

2.2.2 CSS的功能 36

2.2.3 CSS的规则 37

2.2.4 CSS的类型 37

2.2.5 创建CSS 39

2.2.6 添加CSS选择器 41

2.2.7 编辑CSS效果 49

2.3 实例演练 60

2.4 习题 64

第3章 设计网页文本 65

3.1 在网页中添加文本 66

3.1.1 添加文本 66

3.1.2 文本的基本操作 66

3.1.3 设置文本的字体和大小 67

3.1.4 设置文本颜色 68

3.1.5 设置文本样式 69

3.1.6 设置文本对齐方式 69

3.1.7 插入和设置水平线 70

3.1.8 插入特殊符号、日期和时间 70

3.2 在网页中设置段落 72

3.2.1 为文本设置段落 72

3.2.2 将文本设置为标题 72

3.2.3 设置空格和段落缩进 73

3.2.4 编辑文本列表 73

3.3 实例演练 75

3.4 习题 76

第4章 使用图像和多媒体文件 77

4.1 网页图像概述 78

4.1.1 网页支持的图像格式 78

4.1.2 网页图像的路径 78

4.2 在网页中插入图像 79

4.2.1 插入并设置图像 79

4.2.2 插入并设置图像占位符 81

4.2.3 插入鼠标经过图像 82

4.2.4 添加网页背景图像 83

4.3 在网页中添加音频和视频 84

4.3.1 添加网页音频 84

4.3.2 添加网页视频 87

4.4 在网页中添加插件 91

4.5 在网页中使用SWF文件 92

4.6 在网页中使用FLV文件 94

4.7 在网页中添加滚动文字 96

4.8 实例演练 100

4.9 习题 102

第5章 定义网页链接 103

5.1 认识超链接 104

5.1.1 超链接的类型 104

5.1.2 超链接的路径 104

5.2 创建超链接 105

5.2.1 创建文本链接 105

5.2.2 创建图像链接 106

5.2.3 应用热点链接 107

5.2.4 创建电子邮件链接 108

5.2.5 添加锚记 109

5.2.6 创建脚本链接和空链接 110

5.3 使用浮动框架 111

5.4 实例演练 112

5.5 习题 114

第6章 使用HTML5构建网页 115

6.1 HTML5概述 116

6.2 HTML5文档结构 117

6.2.1 文档类型声明 117

6.2.2 主标签 117

6.2.3 头部标签 118

6.2.4 主体标签 120

6.3 编写HTML5文档 120

6.4 HTML5元素 122

6.4.1 结构元素 122

6.4.2 功能元素 137

6.4.3 表单元素 140

6.5 HTML5属性 140

6.5.1 表单属性 140

6.5.2 链接属性 141

6.5.3 全局属性 141

6.5.4 其他属性 148

6.6 HTML5事件 148

6.6.1 window事件 148

6.6.2 form事件 149

6.6.3 mouse事件 149

6.6.4 media事件 150

6.7 实例演练 151

6.8 习题 152

第7章 使用表格 153

7.1 表格的基本操作 154

7.1.1 插入表格 154

7.1.2 设置表格属性 157

7.1.3 添加表格内容 160

7.1.4 操作行与列 160

7.1.5 拆分与合并单元格 161

7.2 创建嵌套表格 162

7.3 表格中常用的属性 167

7.4 使用表格布局网页 168

7.5 实例演练 169

7.6 习题 172

第8章 制作表单 173

8.1 表单简介 174

8.1.1 认识表单和表单标签 174

8.1.2 插入与设置表单标签 174

8.2 插入表单元素 176

8.3 设置表单元素属性 176

8.3.1 文本域 176

8.3.2 文本区域 178

8.3.3 密码域 179

8.3.4 按钮 179

8.3.5 图像按钮 181

8.3.6 复选框 182

8.3.7 单选按钮 184

8.3.8 选择(列表/菜单)对象 185

8.4 使用HTML5增强输入对象 187

8.4.1 url类型对象 187

8.4.2 email类型对象 188

8.4.3 date和time类型对象 189

8.4.4 number类型对象 189

8.4.5 range类型对象 190

8.4.6 search类型对象 191

8.4.7 tel类型对象 191

8.4.8 color类型对象 192

8.5 使用HTML5 input属性 193

8.6 使用HTML5的新增控件 201

8.6.1 datalist元素 202

8.6.2 keygen元素 202

8.6.3 output元素 202

8.7 设置HTML5表单属性 203

8.8 实例演练 204

8.9 习题 208

第9章 使用行为 209

9.1 行为简介 210

9.1.1 行为的基础知识 210

9.1.2 JavaScript代码简介 210

9.2 调节窗口 211

9.2.1 打开浏览器窗口 211

9.2.2 转到URL 213

9.2.3 调用JavaScript 215

9.3 应用图像 216

9.3.1 交换图像与恢复交换图像 216

9.3.2 拖动AP元素 219

9.4 显示文本 221

9.4.1 弹出信息 221

9.4.2 设置状态栏文本 222

9.4.3 设置容器的文本 223

9.4.4 设置文本域文字 224

9.5 加载多媒体 225

9.5.1 检查插件 226

9.5.2 显示-隐藏元素 227

9.5.3 改变属性 228

9.6 控制表单 229

9.6.1 跳转菜单、跳转菜单开始 229

9.6.2 检查表单 232

9.7 实例演练 233

9.8 习题 236

第10章 使用Div+CSS布局网页 237

10.1 Div与盒模型 238

10.2 标准布局 239

10.2.1 网页标准 239

10.2.2 内容、结构、表现和行为 240

10.3 Div+CSS技术 240

10.4 插入Div标签 241

10.5 常用的Div+CSS布局方式 244

10.5.1 高度自适应布局 244

10.5.2 网页内容居中布局 245

10.5.3 网页元素浮动布局 248

10.6 实例演练 251

10.7 习题 252

第11章 使用CSS3修饰网页 253

11.1 使用CSS3修饰文本 254

11.1.1 字体样式 254

11.1.2 文本格式 259

11.1.3 书写模式 264

11.1.4 文本效果 267

11.2 使用CSS3修饰图像 273

11.2.1 图像大小 273

11.2.2 图像边框 274

11.2.3 半透明图像 275

11.2.4 圆形图像 276

11.2.5 图像阴影 277

11.2.6 图像背景 279

11.2.7 渐变背景 285

11.3 实例演练 289

11.4 习题 290