- 清华大学出版社
- 9787302647003
- 1-1
- 508227
- 66257648-7
- 16开
- 2023-12
- 计算机网络、计算机应用
- 高职
作者简介
内容简介
《网页设计与制作案例教程（微课版）》以实用为原则，每章围绕知识点储备、实例演示、任务训练、知识拓展、单元测试、学习评价六部分展开。全书共分为8章，内容涵盖网页设计概述、网页基本元素、表格布局、Div+CSS表格、表单、行为特效、模板和库、HTML5等。为方便学习，《网页设计与制作案例教程（微课版）》配备了微课视频和习题答案等资源；针对教师，另赠电子课件等。 《网页设计与制作案例教程（微课版）》可作为计算机相关专业网页设计与制作的教材，也可供网页设计爱好者学习参考，尤其适合网页设计初学者使用。
目录
目 录
第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中标签的基本操作 50
2.4.2 HTML5中标签的使用 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
第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中
2.4.2 HTML5中
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
