第1章  网页制作的基础知识  1

1.1  网页概述  2

1.1.1  Web的起源  2

1.1.2  Web的特点  3

1.1.3  Web的工作原理  3

1.1.4  Web的相关概念  4

1.2  网页开发技术  5

1.2.1  HTML  6

1.2.2  CSS  6

1.2.3  JavaScript  7

1.2.4  HTML DOM  7

1.2.5  BOM  8

1.2.6  Ajax  8

1.2.7  jQuery  8

1.3  网页开发工具  9

1.4  网页浏览工具  10

1.5  案例演练  11

第2章  Dreamweaver CC 2019概述  13

2.1  工作界面  14

2.2  基本操作  18

2.2.1  站点操作  18

2.2.2  网页操作  21

2.3  编码环境  25

2.3.1  代码提示  25

2.3.2  代码格式化  27

2.3.3  代码改写  28

2.4  编码工具  28

2.4.1  快速标签编辑器  28

2.4.2  【代码片断】面板  29

2.4.3  优化网页代码  29

2.5  辅助工具  31

2.5.1  标尺  31

2.5.2  网格  32

2.5.3  辅助线  33

2.6  自定义设置  33

2.6.1  常规设置  33

2.6.2  不可见元素的设置  34

2.6.3  网页字体设置  34

2.6.4  文件类型/编辑器设置  35

2.7  案例演练  35

第3章  HTML5基础  41

3.1  HTML5文档结构  42

3.1.1  文档类型声明  42

3.1.2  主标签  42

3.1.3  头部标签  43

3.1.4  主体标签  44

3.2  HTML5文件的编写方法  44

3.2.1  手动编写HTML5代码  44

3.2.2  用Dreamweaver生成代码  45

3.3  HTML5元素  46

3.3.1  结构元素  47

3.3.2  功能元素  48

3.3.3  表单元素  50

3.4  HTML5属性  51

3.4.1  表单属性  51

3.4.2  链接属性  51

3.4.3  其他属性  51

3.5  HTML5全局属性  52

3.5.1  contenEditable属性  52

3.5.2  contextmenu属性  53

3.5.3  data-*属性  53

3.5.4  draggable属性  55

3.5.5  dropzone属性  56

3.5.6  hidden属性  56

3.5.7  spellcheck属性  57

3.5.8  translate属性  57

3.6  HTML5事件  57

3.6.1  window事件  58

3.6.2  form事件  58

3.6.3  mouse事件  58

3.6.4  media事件  59

3.7  实例演练  60

第4章  格式化文本与段落  63

4.1  定义段落文字  64

4.1.1  使用段落标签  64

4.1.2  使用换行标签  64

4.2  定义标题文字  65

4.3  设置文字格式  65

4.3.1  设置文字字体  65

4.3.2  设置文字字号  66

4.3.3  设置文字颜色  68

4.3.4  设置文字效果  69

4.3.5  设置上标与下标  70

4.3.6  设置字体风格  70

4.3.7  设置文字粗细  71

4.3.8  设置文字的复合属性  71

4.3.9  设置阴影文本  72

4.4  设置网页水平线  73

4.4.1  添加水平线  73

4.4.2  设置水平线的宽度和高度  74

4.4.3  设置水平线的颜色  74

4.4.4  设置水平线的对齐方式  75

4.4.5  消除水平线的阴影  76

4.5  设置段落格式  76

4.5.1  设置单词间隔  76

4.5.2  设置字符间隔  77

4.5.3  设置文字修饰  78

4.5.4  设置垂直对齐方式  78

4.5.5  设置水平对齐方式  79

4.5.6  设置文本缩进  80

4.5.7  设置文本行高  81

4.5.8  处理空白  81

4.5.9  文本反排  82

4.6  案例演练  83

第5章  使用列表  85

5.1  列表概述  86

5.2  无序列表  86

5.3  有序列表  87

5.4  列表嵌套  89

5.5  定义列表  91

5.6  案例演练  91

第6章  使用超链接  95

6.1  超链接概述  96

6.1.1  超链接的类型  96

6.1.2  超链接的路径  96

6.2  创建超链接  97

6.2.1  创建文本链接  97

6.2.2  创建图片链接  98

6.2.3  创建下载链接  99

6.2.4  设置电子邮件链接  100

6.2.5  设置以新窗口打开超链接  100

6.2.6  使用相对路径和绝对路径  101

6.3  使用浮动框架  102

6.4  使用热点区域  103

6.5  案例演练  105

第7章  使用图像与多媒体文件  113

7.1  网页图像概述  114

7.1.1  网页支持的图像格式  114

7.1.2  网页图像的路径  114

7.2  在网页中插入图像  116

7.3  编辑网页图像  117

7.3.1  设置图像的高度和宽度  117

7.3.2  设置图像提示文字  118

7.3.3  编辑图像效果  119

7.3.4  在Photoshop中编辑图像  120

7.4  设置网页背景图像  121

7.5  排列网页中的图像  122

7.6  制作鼠标经过图像  122

7.7  插入网页音频  123

7.7.1  <audio>标签简介  124

7.7.2  <audio>标签的属性  124

7.7.3  音频解码器  124

7.7.4  设置网页音频文件  124

7.8  插入网页视频  126

7.8.1  <video>标签简介  126

7.8.2  <video>标签的属性  126

7.8.3  视频解码器  127

7.8.4  设置网页视频文件  127

7.9  在网页中添加插件  130

7.10  在网页中添加SWF文件  130

7.11  在网页中添加FLV文件  132

7.12  在网页中添加滚动文字  134

7.12.1  设置网页滚动文字  134

7.12.2  应用滚动方向属性  134

7.12.3  应用滚动方式属性  135

7.12.4  应用滚动速度属性  135

7.12.5  应用滚动延迟属性  136

7.12.6  应用滚动循环属性  136

7.12.7  应用滚动范围属性  137

7.12.8  应用滚动背景颜色属性  137

7.12.9  应用滚动空间属性  137

7.13  案例演练  138

第8章  使用CSS  141

8.1  CSS概述  142

8.1.1  CSS样式表的功能  142

8.1.2  CSS样式表的规则  142

8.1.3  CSS样式表的类型  142

8.2  创建CSS样式表  144

8.2.1  创建外部样式表  144

8.2.2  创建内部样式表  145

8.2.3  附加外部样式表  145

8.3  添加CSS选择器  146

8.4  编辑CSS样式效果  154

8.4.1  CSS类型设置  154

8.4.2  CSS背景设置  156

8.4.3  CSS区块设置  157

8.4.4  CSS方框设置  158

8.4.5  CSS边框设置  159

8.4.6  CSS列表设置  160

8.4.7  CSS定位设置  160

8.4.8  CSS扩展设置  162

8.4.9  CSS过渡设置  162

8.5  案例演练  163

第9章  制作Div+CSS页面布局  169

9.1  Div与盒模型简介  170

9.1.1  Div  170

9.1.2  盒模型  170

9.2  理解标准布局  171

9.2.1  网页标准  171

9.2.2  内容、结构、表现和行为  171

9.3  Div+CSS  172

9.4  插入Div标签  173

9.5  常用的Div+CSS布局方式  175

9.5.1  高度自适应布局  175

9.5.2  网页内容居中布局  176

9.5.3  网页元素浮动布局  178

9.6  案例演练  181

第10章  使用表格  191

10.1  表格概述  192

10.2  创建表格  193

10.2.1  创建带标题的表格  193

10.2.2  定义表格的边框类型  194

10.2.3  定义表格的表头  194

10.2.4  定义表格的单元格间距  196

10.2.5  定义表格的单元格边距  196

10.2.6  定义表格的宽度  197

10.3  调整表格  197

10.3.1  调整表格大小  197

10.3.2  添加行与列  198

10.3.3  删除行与列  198

10.3.4  合并单元格  198

10.3.5  拆分单元格  200

10.3.6  设置单元格的高度与宽度  200

10.4  设置表格背景  201

10.4.1  定义表格的背景颜色  201

10.4.2  定义表格的背景图片  201

10.4.3  定义表格单元格的背景  201

10.5  排列单元格的内容  202

10.6  设置单元格内容不换行  203

10.7  案例演练  204

第11章  使用表单  211

11.1  表单概述  212

11.2  定义基本表单元素  213

11.2.1  单行文本框  213

11.2.2  多行文本框  213

11.2.3  密码输入框  214

11.2.4  单选按钮  215

11.2.5  复选框  216

11.2.6  下拉列表框  217

11.2.7  普通按钮  218

11.2.8  提交按钮  219

11.2.9  重置按钮  219

11.3  HTML5增强输入类型  219

11.3.1  url类型  220

11.3.2  email类型  220

11.3.3  date和time类型  221

11.3.4  number类型  221

11.3.5  range类型  222

11.3.6  search类型  223

11.3.7  tel类型  223

11.3.8  color类型  224

11.4  HTML5 input属性  224

11.4.1  autocomplete属性  224

11.4.2  autofocus属性  226

11.4.3  form属性  227

11.4.4  height和width属性  228

11.4.5  list属性  228

11.4.6  min、max和step属性  229

11.4.7  pattern属性  230

11.4.8  placeholder属性  230

11.4.9  required属性  231

11.4.10  disabled属性  231

11.4.11  readonly属性  232

11.5  HTML5的新增控件  232

11.5.1  datalist元素  232

11.5.2  keygen元素  232

11.5.3  output元素  233

11.6  HTML5表单属性  233

11.6.1  autocomplete属性  233

11.6.2  novalidate属性  234

11.7  案例演练  234

第12章  使用HTML5绘制图形  243

12.1  canvas简介  244

12.2  绘制基本图形  244

12.2.1  绘制矩形  244

12.2.2  绘制圆形  246

12.2.3  绘制直线  247

12.2.4  绘制多边形  249

12.2.5  绘制曲线  249

12.2.6  绘制贝塞尔曲线  250

12.3  绘制渐变图形  252

12.3.1  绘制线性渐变  252

12.3.2  绘制径向渐变  253

12.4  设置图形样式  254

12.4.1  设置线型  254

12.4.2  设置不透明度  257

12.4.3  设置阴影  257

12.5  操作图形  258

12.5.1  清除绘图  258

12.5.2  移动坐标  259

12.5.3  旋转坐标  260

12.5.4  缩放图形  261

12.5.5  组合图形  261

12.5.6  裁切路径  263

12.6  绘制文字  264

12.6.1  绘制填充文字  264

12.6.2  绘制轮廓文字  265

12.6.3  设置文字属性  266

12.7  案例演练  266

第13章  使用行为  269

13.1  行为简介  270

13.1.1  行为的基础知识  270

13.1.2  JavaScript代码简介  270

13.2  调节窗口  271

13.2.1  打开浏览器窗口  271

13.2.2  转到URL  272

13.2.3  调用JavaScript  273

13.3  应用图像  274

13.3.1  交换图像与恢复交换图像  274

13.3.2  拖动AP元素  277

13.4  显示文本  278

13.4.1  弹出信息  278

13.4.2  设置状态栏文本  279

13.4.3  设置容器的文本  280

13.4.4  设置文本域文本  281

13.5  加载多媒体  282

13.5.1  检查插件  282

13.5.2  显示-隐藏元素  283

13.5.3  改变属性  284

13.6  控制表单  285

13.6.1  跳转菜单、跳转菜单开始  285

13.6.2  检查表单  288

13.7  案例演练  289