网页设计与制作案例教程(微课版)

第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