Dreamweaver CC 2019网页制作实例教程（微课版）

《Dreamweaver CC 2019网页制作实例教程(微课版)》是“计算机基础与实训教材系列”丛书中的一本，该书从教学实际需求出发，合理安排知识结构，由浅入深、循序渐进地讲解Dreamweaver CC 2019的基本知识和使用方法。全书共分12章，主要内容如下。
第1、2章介绍Dreamweaver CC 2019基本设置和HTML5的新增功能及语法特点。
第3章介绍定义网页段落、段落文字以及在网页中插入水平线和列表的方法。
第4、5章介绍网页图像路径和网页超链接的相关知识和使用方法。
第6章介绍表单和表单元素的基础知识，以及使用Dreamweaver制作表单网页的方法。
第7章介绍网页表格的基本结构，以及使用Dreamweaver创建、调整、编辑表格的方法。
第8章介绍使用Dreamweaver制作多媒体网页的方法与技巧。
第9章介绍使用HTML5绘制各种图形的方法与技巧。
第10章介绍使用Dreamweaver在网页中创建、编辑与应用CSS样式的方法。
第11章介绍Div与盒模型，以及使用Dreamweaver制作常用Div HTML网页的方法。
第12章介绍使用各种Dreamweaver内置行为的方法。
《Dreamweaver CC 2019网页制作实例教程(微课版)》图文并茂、条理清晰、通俗易懂、内容丰富，在讲解每个知识点时都配有相应的实例，方便读者上机实践。同时，为了方便老师教学，我们免费提供《Dreamweaver CC 2019网页制作实例教程(微课版)》对应的电子课件、实例源文件和习题答案下载。

http://www.tupwk.com.cn/edu

                
                        扫一扫，看视频               扫码推送配套资源到邮箱
《Dreamweaver CC 2019网页制作实例教程(微课版)》共12章，佳木斯大学的于莉莉编写了第2、3、6、12章，刘越编写了第1、4、8、9章，苏晓光编写了第5、7、10、11章。由于作者水平所限，《Dreamweaver CC 2019网页制作实例教程(微课版)》难免有不足之处，欢迎广大读者批评指正。我们的邮箱是huchenhao@263.net，电话是010-62796045。

编  者
2019年6月

《Dreamweaver CC 2019网页制作实例教程(微课版)》由浅入深、循序渐进地介绍Adobe公司新推出的Dreamweaver CC 2019的使用方法和技巧。全书共分12章，分别介绍Dreamweaver CC 2019概述，HTML5基础知识，设计网页文本内容，设计网页图像效果，建立超链接，创建表单，使用表格，使用多媒体，使用HTML5绘制图形，使用CSS，制作HTML CSS页面以及使用行为等内容。 《Dreamweaver CC 2019网页制作实例教程(微课版)》内容丰富、结构清晰、语言简练、图文并茂，具有很强的实用性和可操作性，是一本适用于高等院校的优秀教材，也可用作广大计算机初、中级用户的自学参考书。 《Dreamweaver CC 2019网页制作实例教程(微课版)》对应的电子课件、实例源文件和习题答案可以到http://www.tupwk.com.cn/edu网站下载，也可通过扫描前言中的二维码下载。

第1章  Dreamweaver CC 2019概述  1

1.1  工作界面  2

1.2  编码环境  7

1.2.1  代码提示  8

1.2.2  代码格式化  10

1.2.3  代码改写  10

1.3  编码工具  11

1.3.1  快速标签编辑器  11

1.3.2  【代码片段】面板  11

1.3.3  优化网页代码  12

1.4  辅助工具  14

1.4.1  标尺  15

1.4.2  网格  15

1.4.3  辅助线  16

1.5  自定义设置  17

1.5.1  常规设置  17

1.5.2  不可见元素设置  18

1.5.3  网页字体设置  19

1.5.4  文件类型/编辑器设置  19

1.5.5  界面颜色设置  19

1.6  实例演练  20

1.7  习题  22

第2章  HTML5基础知识  23

2.1  HTML5简介  24

2.2  HTML5文件的基本结构  24

2.2.1  文档类型声明  25

2.2.2  主标签  25

2.2.3  头部标签  26

2.2.4  主体标签  28

2.3  HTML5文件的编写方法  28

2.3.1  手动编写HTML5代码  28

2.3.2  使用Dreamweaver生成HTML5代码  29

2.4  HTML5元素  31

2.4.1  结构元素  31

2.4.2  功能元素  33

2.4.3  表单元素  36

2.5  HTML5属性  36

2.5.1  表单属性  37

2.5.2  链接属性  37

2.5.3  其他属性  37

2.6  HTML5全局属性  38

2.6.1  contenEditable属性  38

2.6.2  contextmenu属性  39

2.6.3  data-*属性  40

2.6.4  draggable属性  41

2.6.5  dropzone属性  43

2.6.6  hidden属性  43

2.6.7  spellcheck属性  44

2.6.8  translate属性  44

2.7  HTML5事件  45

2.7.1  window事件  45

2.7.2  form事件  45

2.7.3  mouse事件  46

2.7.4  media事件  46

2.8  实例演练  47

2.9  习题  48

第3章  设计网页文本内容  49

3.1  定义段落文字  50

3.1.1  使用段落标签  50

3.1.2  使用换行标签  51

3.2  定义标题文字  51

3.3  设置文字格式  52

3.3.1  设置文字字体  52

3.3.2  设置文字字号  53

3.3.3  设置文字颜色  55

3.3.4  设置字体效果  56

3.3.5  设置上标与下标  57

3.3.6  设置字体风格  58

3.3.7  设置文字粗细  59

3.3.8  设置文字复合属性  60

3.3.9  设置阴影文本  61

3.4  设置网页水平线  62

3.4.1  添加水平线  62

3.4.2  设置水平线的宽度和高度  63

3.4.3  设置水平线的颜色  64

3.4.4  设置水平线的对齐方式  64

3.4.5  消除水平线的阴影  65

3.5  建立网页文字列表  66

3.5.1  建立无序列表  66

3.5.2  建立有序列表  68

3.5.3  建立嵌套列表  69

3.5.4  建立自定义列表  70

3.6  设置段落格式  71

3.6.1  设计单词间隔  71

3.6.2  设置字符间隔  72

3.6.3  设置文字修饰  73

3.6.4  设置垂直对齐方式  73

3.6.5  设置水平对齐方式  75

3.6.6  设置文本缩进  76

3.6.7  设置文本行高  76

3.6.8  设置留白  77

3.6.9  设置文本反排  78

3.7  实例演练  79

3.8  习题  80

第4章  设计网页图像效果  81

4.1  网页图像简介  82

4.1.1  网页支持的图片格式  82

4.1.2  图像中的路径  82

4.2  在网页中插入图像  84

4.3  编辑网页中的图像  86

4.3.1  设置网页图像的高度和宽度  86

4.3.2  设置网页图像的提示文字  87

4.3.3  在Dreamweaver中编辑图像效果  88

4.3.4  在Photoshop中编辑图像效果  90

4.4  设置网页背景图像  91

4.5  排列网页中的图像  92

4.6  创建鼠标经过图像效果  92

4.7  实例演练  94

4.8  习题  96

第5章  建立超链接  97

5.1  超链接的基础知识  98

5.1.1  超链接的类型  98

5.1.2  超链接的路径  98

5.2  创建网页超链接  99

5.2.1  创建文本链接  99

5.2.2  创建图像链接  101

5.2.3  创建下载链接  102

5.2.4  设置电子邮件链接  103

5.2.5  设置以新窗口打开超链接  103

5.2.6  使用相对路径和绝#对路径  104

5.3  创建浮动框架  106

5.4  创建热点区域  107

5.5  实例演练  110

5.6  习题  112

第6章  创建表单  113

6.1  表单简介  114

6.2  基本表单元素  115

6.2.1  单行文本框  115

6.2.2  多行文本框  116

6.2.3  密码输入框  117

6.2.4  单选按钮  119

6.2.5  复选框  120

6.2.6  下拉列表框  121

6.2.7  普通按钮  123

6.2.8  提交按钮  123

6.2.9  重置按钮  124

6.3  HTML5增强输入类型  125

6.3.1  url类型  125

6.3.2  email类型  125

6.3.3  date和time类型  126

6.3.4  number类型  127

6.3.5  range类型  128

6.3.6  search类型  129

6.3.7  tel类型  130

6.3.8  color类型  130

6.4  HTML5 input属性  131

6.4.1  autocomplete属性  131

6.4.2  autofocus属性  133

6.4.3  form属性  135

6.4.4  height和width属性  135

6.4.5  list属性  136

6.4.6  min、max和step属性  137

6.4.7  pattern属性  138

6.4.8  placeholder属性  138

6.4.9  required属性  139

6.4.10  disabled属性  140

6.4.11  readonly属性  140

6.5  HTML5新增控件  141

6.5.1  datalist元素  141

6.5.2  keygen元素  141

6.5.3  output元素  142

6.6  HTML5表单属性  143

6.6.1  autocomplete属性  143

6.6.2  novalidate属性  143

6.7  实例演练  144

6.8  习题  148

第7章  使用表格  149

7.1  表格的基本结构  150

7.2  创建表格  151

7.2.1  创建带标题的表格  151

7.2.2  定义表格边框类型  153

7.2.3  定义表格的表头  154

7.2.4  定义表格单元格间距  155

7.2.5  定义表格单元格边距  156

7.2.6  定义表格宽度  157

7.3  调整表格  157

7.3.1  调整表格大小  158

7.3.2  添加行与列  158

7.3.3  删除行与列  158

7.3.4  合并单元格  159

7.3.5  拆分单元格  161

7.3.6  设置单元格高度与宽度  161

7.4  设置表格背景  162

7.4.1  定义表格背景颜色  162

7.4.2  定义表格背景图片  163

7.4.3  定义表格单元格背景  163

7.5  排列单元格内容  164

7.6  设置单元格内容不换行  166

7.7  实例演练  167

7.8  习题  170

第8章  使用多媒体  171

8.1  使用网页音频标签? 172

8.1.1  标签简介? 172

8.1.2  audio标签的属性  172

8.1.3  音频解码器  173

8.1.4  设置网页音频文件  173

《Dreamweaver CC 2019网页制作实例教程(微课版)》由浅入深、循序渐进地介绍Adobe公司新推出的Dreamweaver CC 2019的使用方法和技巧。全书共分12章，分别介绍Dreamweaver CC 2019概述，HTML5基础知识，设计网页文本内容，设计网页图像效果，建立超链接，创建表单，使用表格，使用多媒体，使用HTML5绘制图形，使用CSS，制作HTML CSS页面以及使用行为等内容。 《Dreamweaver CC 2019网页制作实例教程(微课版)》内容丰富、结构清晰、语言简练、图文并茂，具有很强的实用性和可操作性，是一本适用于高等院校的优秀教材，也可用作广大计算机初、中级用户的自学参考书。 《Dreamweaver CC 2019网页制作实例教程(微课版)》对应的电子课件、实例源文件和习题答案可以到http://www.tupwk.com.cn/edu网站下载，也可通过扫描前言中的二维码下载。