Adobe Dreamweaver CC课堂实录（Div+CSS+HTML5）

第1章  网页设计入门学习
1.1 网页的基本概念 2
1.1.1 网页与网站 2
1.1.2 静态网页与动态网页 2
1.2 网站制作流程 4
1.2.1 网站策划 4
1.2.2 网站设计 5
1.2.3 网页制作 6
1.2.4 测试和发布网站 6
1.2.5 网站维护 7
1.3 网页布局与配色 7
1.3.1 网页的布局类型 7
1.3.2 网页色彩基础 11
1.3.3 色彩搭配原则 12
1.4 网页设计常用工具 17
1.5 课后练习 18
第2章  Dreamweaver基础操作
2.1 Dreamweaver 的工作界面 20
2.1.1 启动Dreamweaver  20
2.1.2 自定义软件界面 20
实例：设置主浏览器 22
2.1.3 Dreamweaver的视图模式 23
2.2 站点的创建与管理 23
2.2.1 创建站点 24
实例：创建远程站点 25
2.2.2 编辑站点 26
2.2.3 导入和导出站点 28
2.2.4 新建文件或文件夹 28
2.2.5 编辑文件或文件夹 29
2.3 文档的基础操作 29
2.3.1 新建文档 29
2.3.2 保存文档 29
2.3.3 打开文档 30
2.3.4 插入文档 30
2.3.5 关闭文档 31
2.4 课堂实战：创建我的站点 31
2.5 课后练习 33
第3章  HTML基础
3.1 认识HTML 36
3.1.1 HTML简介 36
3.1.2 HTML的基本结构 36
3.1.3 文件开始标签 37
3.1.4 文件头部标签 37
3.1.5 标题标签 37
3.1.6 主体标签 38
3.1.7 元信息标签 38
3.1.8 标签 38
3.2 HTML的基本标签 38
3.2.1 标题文字 38
3.2.2 文字字体 39
实例：使用HTML在网页中添加文本 40
3.2.3 段落换行 40
3.2.4 不换行标签 41
3.2.5 图像标签 42
实例：插入网页图像 43
3.2.6 超链接标签 43
3.2.7 列表标签 45
3.2.8 表格标签 47
3.2.9 表单标签 49
3.3 HTML 5简介 50
3.3.1 HTML 5的语法变化 50
3.3.2 HTML 5中的标记方法 50
3.3.3 HTML 5中新增加的元素 51
3.3.4 HTML 5中新增加的属性元素 55
3.4 课堂实战:制作简单的网页布局 59
3.5 课后练习 62
第4章  文本的应用
4.1 创建文本 66
4.1.1 直接输入文本 66
4.1.2 通过“导入”命令导入文本 66
实例：制作古诗文网页 67
4.2 设置网页中的文本属性 68
4.2.1 “属性”面板 69
4.2.2 设置文本格式 69
实例：添加文字字体 71
4.2.3 设置段落格式 73
4.2.4 设置文本样式 74
4.2.5 使用段落列表 75
4.3 在网页中插入特殊元素 75
4.3.1 插入特殊符号 75
4.3.2 插入水平线 76
4.4 课堂实战：制作文字标签 76
4.5 课后练习 79
第5章  图像元素的应用
5.1 在网页中插入图像 82
5.1.1 网页中图像的常见格式 82
5.1.2 插入图像 83
5.1.3 图像的属性设置 83
5.1.4 图像的对齐方式 85
5.1.5 运用HTML代码设置图像属性 86
实例：为文档添加图像 86
5.1.6 设置网页背景图像 88
实例：添加网页背景 88
5.1.7 鼠标经过图像 90
实例 制作鼠标经过图像效果 90
5.2 编辑图像 91
5.2.1 裁剪图像 91
5.2.2 调整图像的亮度和对比度 92
5.2.3 锐化图像 92
5.3 课堂实战：制作鼠标经过图像效果 93
5.4 课后练习 95
第6章  超链接的应用
6.1 超级链接的概念 98
6.1.1 相对路径 98
6.1.2 路径 98
6.2 管理网页超链接 98
6.2.1 自动更新链接 98
6.2.2 检查站点中的链接错误 99
6.3 在文本中应用链接 99
6.3.1 文本链接 99
实例：制作电子邮件链接 101
6.3.2 下载链接 101
实例：下载电子文档 102
6.4 在图像中应用链接 103
6.4.1 图像链接 103
6.4.2 图像热点链接 103
6.5 课堂实战：制作书店网页 103
6.6 课后练习 105
第7章  表格的应用
7.1 插入表格 108
7.1.1 与表格有关的术语 108
7.1.2 插入表格 108
7.1.3 表格的基本代码 109
实例：制作活动信息表 109
7.2 表格属性 112
7.2.1 设置表格属性 112
7.2.2 设置单元格属性 112
7.2.3 鼠标经过颜色 113
7.2.4 表格的属性代码 114
实例：添加表格背景 116
7.3 选择表格 117
7.3.1 选择整个表格 117
7.3.2 选择一个单元格 117
7.4 编辑表格 118
7.4.1 拷贝和粘贴表格 118
7.4.2 添加行和列 119
7.4.3 删除行和列 120
7.4.4 合并或拆分单元格 120
7.5 课堂实战：制作西餐厅网页 121
7.6 课后练习 123
第8章  CSS网页美化技术
8.1 CSS概述 126
8.1.1 CSS的特点 126
8.1.2 CSS的定义 126
8.2 创建CSS样式 129
8.2.1 CSS设计器 129
8.2.2 创建CSS样式 129
实例：添加图片边框 132
8.3 CSS的设置 134
8.3.1 类型 134
8.3.2 背景 135
8.3.3 区块 135
8.3.4 方框 136
8.3.5 边框 137
8.3.6 列表 137
8.3.7 定位 138
8.3.8 扩展 138
8.3.9 过渡 139
实例：创建内部样式表 139
8.4 课堂实战：制作花店网页 141
8.5 课后练习 145
第9章  Div CSS网页布局技术
9.1 CSS与Div布局基础 148
9.1.1 什么是Web标准 148
9.1.2 Div概述 148
9.1.3 创建Div 149
9.2 CSS布局方法 150
9.2.1 盒子模型 150
9.2.2 外边距设置 151
实例：设置矩形边距 152
9.2.3 外边距合并 155
实例：避免外边距合并 157
9.2.4 内边距设置 158
9.3 课堂实战：制作幼儿园网页 159
9.4 课后练习 167
第10章  模板和库
10.1 创建模板 170
10.1.1 直接创建模板 170
10.1.2 从现有网页中创建模板 170
10.1.3 创建可编辑区域 171
实例：创建网页模板 172
10.2 管理和使用模板 174
10.2.1 应用模板 174
10.2.2 从模板中分离 175
10.2.3 更新模板及模板内容页 175
10.2.4 创建嵌套模板 175
10.2.5 创建可选区域 176
10.3 创建和使用库 176
10.3.1 创建库项目 177
实例：新建库项目 177
10.3.2 插入库项目 178
10.3.3 编辑和更新库项目 179
10.4 课堂实战：制作旅行社网页 180
10.5 课后作业 183
第11章  表单的应用
11.1 使用表单 186
11.1.1 认识表单 186
11.1.2 基本表单元素 186
11.2 文本类表单 187
11.2.1 文本 187
11.2.2 密码 188
11.2.3 文本区域 189
实例：制作登录界面 189
11.3 单选按钮和复选框表单 191
11.3.1 单选按钮和单选按钮组 191
11.3.3 复选框和复选框组 192
实例：制作问答网页 193
11.4 其他常用表单 196
11.4.1 “提交”和“重置”按钮 196
11.4.2 文件 196
11.4.3 选择 196
11.5 课堂实战：制作读书网站网页 197
11.6 课后作业 203
第12章  行为的应用
12.1 什么是行为 206
12.1.1 行为 206
12.1.2 事件 207
12.1.3 常见事件的使用 207
12.2 利用行为调节浏览器窗口 208
12.2.1 调用JavaScript 208
12.2.2 转到URL 208
12.2.3 打开浏览器窗口 209
12.3 利用行为制作图像特效 210
12.3.1 交换图像与恢复交换图像 210
实例：制作图像交换效果 211
12.3.2 预先载入图像 212
12.4 利用行为显示文本 213
12.4.1 弹出信息 213
实例：制作网页弹出信息 213
12.4.2 设置状态栏文本 214
12.4.3 设置容器的文本 214
12.4.4 设置文本域文字 215
12.5 利用行为控制表单 215
12.5.1 跳转菜单 215
12.5.2 检查表单 216
12.6 课堂实战：美化宠物网站首页 217
12.7 课后作业 219
第13章  制作动物园网页
13.1 项目背景及需求 222
13.1.1 项目背景 222
13.1.2 设计要求 222
13.2 项目制作 222
13.2.1 项目分析 223
13.2.2 制作步骤 224