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

 
第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