目    录

第1章  网页设计概述 1

1.1  网页与网站 2

1.1.1  网页 2

1.1.2  网站 2

1.1.3  网站的工作原理 3

1.1.4  网页的基本构成元素 3

1.2  网页制作的基础知识 4

1.2.1  网页的基础知识 4

1.2.2  网页制作工具 6

1.2.3  网页设计与制作的分类 7

1.3  网页设计的基本流程 7

1.4  创建本地站点 8

1.4.1  Dreamweaver CC 2019简介 8

1.4.2  建立本地站点 10

1.4.3  管理本地站点 13

1.4.4  网页文件的基本操作 14

1.4.5  设置首选参数 16

1.4.6  使用辅助工具 19

1.5  超文本标记语言HTML 21

1.5.1  HTML5概述 21

1.5.2  常用HTML5标记 22

1.5.3  新增HTML5结构标记 23

1.6  实例演示 26

1.6.1  实例情景——创建本地教学站点 26

1.6.2  实例效果 26

1.6.3  实现方案 26

1.7  任务训练 27

1.7.1  训练目的 27

1.7.2  训练内容 27

1.8  知识拓展 28

单元测试 28

学习评价 28

第2章  认识网页基本元素 29

2.1  文本 30

2.1.1  添加文本 30

2.1.2  设置文本属性 32

2.1.3  插入特殊文本 35

2.1.4  文本超链接 37

2.2  图像 40

2.2.1  图像格式 41

2.2.2  插入图像 42

2.2.3  设置图像属性 42

2.2.4  其他图像元素 43

2.2.5  图像超链接 44

2.3  多媒体 46

2.3.1  插入Flash SWF 46

2.3.2  插入Flash Video 48

2.4  HTML5中的figure标签 50

2.4.1  HTML5中<figure>标签的基本操作 50

2.4.2  HTML5中<figure>标签的使用 50

2.5  实例演示 51

2.5.1  实例情景——制作风景区网页 51

2.5.2  实例效果 52

2.5.3  实现方案 52

2.6  任务训练 53

2.6.1  训练目的 53

2.6.2  训练内容 53

2.7  知识拓展 54

单元测试 54

学习评价 55

第3章  认识表格布局 57

3.1  表格 58

3.2  插入表格及嵌套表格 58

3.2.1  插入表格 58

3.2.2  嵌套表格 60

3.3  设置表格和单元格属性 61

3.3.1  表格属性 61

3.3.2  单元格属性 62

3.4  选择单元格、行或列及表格 62

3.4.1  选择单元格 62

3.4.2  选择行或列 63

3.4.3  选择整个表格 63

3.5  表格的基本操作 63

3.5.1  调整表格的宽度 63

3.5.2  调整行高和列宽 64

3.5.3  拆分或合并单元格 64

3.5.4  插入和删除行或列 65

3.6  表格布局实例 65

3.7  实例演示 67

3.7.1  实例情景——制作中国节日——教师节主页 67

3.7.2  实例效果 67

3.7.3  实现方案 67

3.8  任务训练 71

3.8.1  训练目的 71

3.8.2  训练内容 71

3.9  知识拓展 72

单元测试 72

学习评价 73

第4章  认识Div+CSS布局 75

4.1  Div概述 76

4.1.1  什么是Div 76

4.1.2  在网页中插入Div 78

4.1.3  Div的嵌套 80

4.2  CSS概述 81

4.2.1  什么是CSS 81

4.2.2  创建CSS样式 82

4.2.3  CSS样式在网页中的应用 92

4.3  盒子模型 94

4.3.1  盒子模型概述 94

4.3.2  margin、padding与border 95

4.3.3  块级元素与内联元素 100

4.3.4  Div的浮动与定位 102

4.4  常用布局方式 108

4.4.1  居中布局 108

4.4.2  固定宽度布局 110

4.4.3  可变宽度布局 111

4.5  实例演示 113

4.5.1  实例情景——制作在线作业系统首页 113

4.5.2  实例效果 113

4.5.3  实现方案 114

4.6  任务训练 120

4.6.1  训练目的 120

4.6.2  训练内容 120

4.7  知识拓展 121

单元测试 122

学习评价 123

第5章  认识表单 125

5.1  创建表单 126

5.1.1  表单概述 126

5.1.2  插入表单 126

5.1.3  表单属性 127

5.2  创建表单对象 128

5.2.1  文本 128

5.2.2  隐藏域 130

5.2.3  复选框和复选框组 130

5.2.4  单选按钮和单选按钮组 132

5.2.5  列表 133

5.2.6  文件 135

5.2.7  各类按钮 136

5.2.8  标签 137

5.2.9  字段集 138

5.3  HTML5的新增对象 138

5.3.1  输入类型：number 138

5.3.2  输入类型：color 139

5.3.3  输入类型：range 139

5.3.4  输入类型：date 139

5.3.5  输入类型：month、week、time、datetime-local 140

5.3.6  输入类型：email 140

5.3.7  输入类型：search 141

5.3.8  输入类型：tel 141

5.3.9  输入类型：url 141

5.4  使用行为验证表单 141

5.5  实例演示 143

5.5.1  实例情景——制作邮箱注册单网页 143

5.5.2  实例效果 143

5.5.3  实现方案 143

5.6  任务训练 147

5.6.1  训练目的 147

5.6.2  训练内容 147

5.7  知识拓展 148

单元测试 148

学习评价 149

第6章  认识行为特效 151

6.1  认识行为 152

6.1.1  行为的基本概念 152

6.1.2  “行为”面板 153

6.1.3  添加行为的步骤 153

6.1.4  修改行为 155

6.2  使用内置行为 156

6.2.1  交换图像 156

6.2.2  弹出消息 156

6.2.3  打开浏览器窗口 157

6.2.4  转到URL 158

6.2.5  拖动AP元素 159

6.2.6  设置状态栏文本 159

6.2.7  改变属性 160

6.2.8  显示/渐隐 161

6.2.9  调用JavaScript 162

6.3  实例演示 165

6.3.1  实例情景——用JavaScript完成行为特效 165

6.3.2  实例效果 165

6.3.3  实现方案 165

6.4  任务训练 167

6.4.1  训练目的 167

6.4.2  训练内容 168

6.5  知识拓展 168

单元测试 169

学习评价 169

第7章  认识模板和库 171

7.1  模板 172

7.1.1  创建模板 172

7.1.2  创建可编辑区域 173

7.1.3  管理模板 174

7.2  库 178

7.2.1  创建库文件 178

7.2.2  编辑库项目 179

7.2.3  为页面添加库项目 180

7.3  实例演示 181

7.3.1  实例情景——制作风花雪月网站 181

7.3.2  实例效果 181

7.3.3  实现方案 181

7.4  任务训练——模板应用 186

7.4.1  训练目的 186

7.4.2  训练内容 187

7.5  知识拓展 187

单元测试 188

学习评价 188

第8章  初识HTML5 189

8.1  HTML5概述 190

8.1.1  HTML5简介 190

8.1.2  HTML5的新特性 190

8.1.3  HTML5的优点 190

8.2  HTML5视频 191

8.2.1  HTML5视频简介 191

8.2.2  HTML5视频实例 192

8.2.3  使用 DOM控制 193

8.3  HTML5音频 195

8.3.1  HTML5音频简介 195

8.3.2  HTML5音频实例 196

8.4  初识Canvas 197

8.4.1  Canvas简介 197

8.4.2  绘制图形 198

8.4.3  使用图像 202

8.5  实例演示 204

8.5.1  实例情景——制作七巧板 204

8.5.2  实例效果 204

8.5.3  实现方案 205

8.6  任务训练 207

8.6.1  训练目的 207

8.6.2  训练内容 207

8.7  知识拓展 209

单元测试 209

学习评价 210

参考文献 211