Dreamweaver CC中文版网页设计与制作（微课版）

目    录
第1章  网页设计制作基础入门 1
1.1  什么是网页 2
1.1.1  认识网站与网页 2
1.1.2  静态网页 3
1.1.3  动态网页 4
1.2  制作网页的常用工具 5
1.2.1  网页编辑排版软件Dreamweaver 5
1.2.2  图像制作软件Photoshop和Fireworks 6
1.2.3  网页动画制作软件Flash 7
1.2.4  网页标记语言HTML 8
1.2.5  网页脚本语言JavaScript 8
1.2.6  动态网页编程语言ASP 8
1.3  网页的基本要素 9
1.3.1  Logo 9
1.3.2  Banner 9
1.3.3  导航栏 10
1.3.4  文本 10
1.3.5  图像 10
1.3.6  Flash动画 11
1.3.7  表单 11
1.3.8  屏幕分辨率 11
1.4  网页的相关知识 12
1.4.1  因特网 12
1.4.2  万维网 13
1.4.3  浏览器 13
1.4.4  HTML 13
1.4.5  电子邮件 13
1.4.6  URL 14
1.4.7  域名 14
1.4.8  IP地址 14
1.5  网页设计中的色彩应用 15
1.5.1  网页色彩的特性 15
1.5.2  网页安全色 16
1.5.3  色彩模式 16
1.5.4  网页配色的基本规则 17
1.5.5  网页配色中的文本颜色 18
1.6  怎样设计出好的网页 19
1.6.1  网页设计的基本原则 19
1.6.2  网页设计的成功要素 20
1.6.3  网页的色彩搭配 21
1.7  范例应用与上机操作 22
1.7.1  网站的制作流程 22
1.7.2  静态网页的制作流程 24
1.7.3  网页编辑器 24
1.8  本章小结与课后练习 25
第2章  Dreamweaver CC轻松入门 27
2.1  认识工作界面 28
2.1.1  界面布局 28
2.1.2  菜单栏 28
2.1.3  【插入】面板 29
2.1.4  工具窗口和面板 30
2.1.5  属性检查器 31
2.1.6  使用管理面板和面板组 32
2.2  设置Dreamweaver视图 33
2.2.1  切换“文档”视图 33
2.2.2  使用可视化助理 34
2.3  范例应用与上机操作 36
2.3.1  使用辅助线 36
2.3.2  使用跟踪图像 37
2.3.3  设置缩放比率 38
2.3.4  调整窗口大小 39
2.3.5  调整页面方向 39
2.3.6  设置工具栏显示方式 40
2.4  本章小结与课后练习 41
2.4.1  思考与练习 41
2.4.2  上机操作 41
第3章  创建与管理本地站点 43
3.1  站点及站点结构 44
3.1.1  什么是站点 44
3.1.2  站点结构 44
3.2  创建本地站点 45
3.2.1  使用向导搭建站点 45
3.2.2  使用高级面板创建站点 46
3.3  管理站点 46
3.3.1  认识【管理站点】对话框 47
3.3.2  打开站点 48
3.3.3  编辑站点 48
3.3.4  复制站点 49
3.3.5  删除站点 49
3.3.6  站点的切换 50
3.4  站点的规划与操作 51
3.4.1  站点规划 51
3.4.2  在站点中新建文件夹 51
3.4.3  在站点中新建网页文件 52
3.4.4  使用【新建文档】对话框新建文件 53
3.4.5  移动和复制文件或文件夹 53
3.4.6  重命名文件或文件夹 55
3.4.7  删除文件或文件夹 56
3.5  范例应用与上机操作 57
3.5.1  在站点中新建名为“音乐”的文件夹 57
3.5.2  在站点中新建名为“视频网页”的文件 57
3.5.3  使用站点地图 58
3.5.4  Business Catalyst站点 58
3.5.5  文件视图列 59
3.6  本章小结与课后练习 60
3.6.1  思考与练习 60
3.6.2  上机操作 60
第4章  编辑结构清晰的网页信息 61
4.1  在网页中插入文本 62
4.1.1  输入网页文本 62
4.1.2  设置文本属性 63
4.1.3  允许输入连续的空格 63
4.1.4  设置是否显示不可见元素 64
4.1.5  设置页边距 64
4.2  插入特殊文本对象 65
4.2.1  插入特殊字符 66
4.2.2  插入水平线 66
4.2.3  插入日期和时间 67
4.3  项目列表和编号列表 67
4.3.1  设置项目列表或编号列表 68
4.3.2  修改项目列表或编号列表 68
4.3.3  设置文本缩进格式 69
4.4  设置页面的META信息 70
4.4.1  设置网页的文字编码格式 70
4.4.2  设置网页的到期时间 70
4.4.3  禁止浏览器从本地计算机的缓存中读取页面内容 70
4.5  设置网页的头信息 71
4.5.1  设置网页标题 71
4.5.2  添加关键字 72
4.5.3  添加说明 72
4.6  设置页面属性 73
4.6.1  设置外观(CSS) 73
4.6.2  设置外观(HTML) 74
4.6.3  设置链接(CSS) 74
4.6.4  设置标题(CSS) 75
4.6.5  设置标题和编码 75
4.6.6  设置跟踪图像 76
4.7  范例应用与上机操作 76
4.7.1  设置cookie过期 77
4.7.2  强制网页在当前窗口中以独立页面显示 77
4.7.3  设置网页打开时的效果 78
4.7.4  设置网页退出时的效果 78
4.7.5  插入短破折线 79
4.8  本章小结与课后练习 79
4.8.1  思考与练习 80
4.8.2  上机操作 80
第5章  在网页中应用图像与多媒体 81
5.1  常用的图像格式 82
5.1.1  JPEG格式图像 82
5.1.2  GIF格式图像 82
5.1.3  PNG格式图像 82
5.2  插入与设置图像 83
5.2.1  在网页中插入图像文件 83
5.2.2  设置网页背景图 84
5.2.3  图像的对齐方式 84
5.2.4  插入Photoshop智能对象 85
5.2.5  更改图像的基本属性 86
5.3  多媒体在网页中的应用 87
5.3.1  插入并设置Flash动画 88
5.3.2  插入Flash Video 89
5.3.3  插入普通音频 91
5.4  插入其他图像 92
5.4.1  插入鼠标经过图像 92
5.4.2  插入Fireworks HTML 93
5.5  编辑图像 94
5.5.1  裁剪图像 94
5.5.2  更改图像大小 95
5.5.3  调整亮度和对比度 95
5.5.4  锐化图像 96
5.6  使用热区 97
5.6.1  绘制热区 97
5.6.2  在【属性】面板中设置热区 98
5.7  范例应用与上机操作 98
5.7.1  插入HTML5 Video 98
5.7.2  插入HTML5 Audio 99
5.7.3  插入Edge Animate 100
5.7.4  重新取样 101
5.7.5  复制Photoshop选区图像 102
5.8  本章小结与课后练习 103
5.8.1  思考与练习 104
5.8.2  上机操作 104
第6章  超链接 105
6.1  超链接基本概念 106
6.1.1  超链接的定义 106
6.1.2  内部、外部与脚本链接 106
6.1.3  超链接的类型 107
6.2  链接路径 109
6.2.1  路径 109
6.2.2  文档相对路径 110
6.2.3  站点根目录相对路径 111
6.3  创建超链接的方法 112
6.3.1  使用指向文件图标创建链接 112
6.3.2  使用【属性】面板创建链接 112
6.4  创建不同种类的超链接 113
6.4.1  文本超链接 113
6.4.2  空链接 114
6.4.3  电子邮件链接 115
6.5  管理与设置超链接 116
6.5.1  自动更新链接 116
6.5.2  在站点范围内更改链接 117
6.5.3  检查站点中的链接错误 118
6.6  超链接的属性控制 119
6.6.1  a:link 119
6.6.2  a:active 119
6.6.3  a:hover 119
6.6.4  a:visited 119
6.7  范例应用与上机操作 120
6.7.1  创建脚本链接 120
6.7.2  创建下载文件链接 121
6.7.3  创建锚记链接 122
6.7.4  创建音视频链接 122
6.7.5  使用Hyperlink对话框 123
6.8  本章小结与课后练习 124
6.8.1  思考与练习 124
6.8.2  上机操作 125
第7章  使用表格布局页面 127
7.1  表格的创建与应用 128
7.1.1  表格的定义与用途 128
7.1.2  创建表格 129
7.1.3  在表格中输入内容 130
7.1.4  在单元格中插入图像 130
7.1.5  创建嵌套表格 131
7.2  设置表格及单元格的属性 132
7.2.1  设置表格属性 132
7.2.2  设置单元格属性 133
7.3  调整表格结构 134
7.3.1  选择单元格和表格 134
7.3.2  调整单元格和表格的大小 135
7.3.3  插入与删除表格的行和列 137
7.4  处理表格数据 139
7.4.1  导入Excel文档 139
7.4.2  排序表格 140
7.5  数据表格样式 141
7.5.1  表格模型 142
7.5.2  表格标题 143
7.5.3  表格样式控制 143
7.6  范例应用与上机操作 144
7.6.1  拆分单元格 144
7.6.2  合并单元格 145
7.6.3  复制、剪切和粘贴表格 146
7.6.4  导入表格式数据 148
7.6.5  导入Word文档 149
7.7  本章小结与课后练习 149
7.7.1  思考与练习 150
7.7.2  上机操作 150
第8章  应用CSS样式美化网页 151
8.1  什么是CSS样式表 152
8.1.1  认识CSS 152
8.1.2  CSS样式的类型 152
8.1.3  CSS样式基本语法 153
8.2  使用【CSS设计器】面板 154
8.2.1  认识【CSS设计器】面板 154
8.2.2  创建与附加CSS样式表 156
8.2.3  设定媒体查询 158
8.2.4  定义选择器 159
8.2.5  设置CSS规则属性 161
8.3  CSS选择器的类型 161
8.3.1  通配符选择器 162
8.3.2  标签选择器 162
8.3.3  类选择器 162
8.3.4  ID选择器 164
8.3.5  伪类及伪对象选择器 164
8.3.6  群选择器 165
8.3.7  派生选择器 165
8.4  创建CSS样式 166
8.4.1  创建标签CSS样式 166
8.4.2  创建类CSS样式 167
8.4.3  创建ID CSS样式 168
8.4.4  创建复合CSS样式 170
8.5  编辑CSS样式 171
8.5.1  设定类型属性 171
8.5.2  设定背景属性 172
8.5.3  设定方框属性 173
8.5.4  设定区块属性 174
8.5.5  设定边框属性 174
8.5.6  设定列表属性 175
8.5.7  设定定位属性 176
8.5.8  设定扩展属性 176
8.5.9  设定过渡属性 177
8.6  在Dreamweaver中使用CSS样式 178
8.6.1  内联CSS样式 178
8.6.2  内部CSS样式 178
8.6.3  链接外部CSS样式表文件 179
8.6.4  导入外部CSS样式表文件 179
8.7  应用CSS3过渡效果 179
8.7.1  创建CSS3过渡效果 179
8.7.2  编辑CSS3过渡效果 181
8.7.3  删除CSS3过渡效果 181
8.8  范例应用与上机操作 183
8.8.1  应用CSS设置固定字体、字号以及字体颜色 183
8.8.2  给网页添加边框效果 183
8.8.3  为网页添加CSS类选区 184
8.8.4  设置内边距属性 185
8.8.5  给文本添加列表项目符号 186
8.8.6  给网页添加背景 187
8.9  本章小结与课后练习 188
8.9.1  思考与练习 188
8.9.2  上机操作 188
第9章  应用Div CSS布局网页 189
9.1  Div概述 190
9.1.1  什么是Div 190
9.1.2  Div CSS布局的优势 190
9.1.3  Div标记和Span标记的区别 191
9.2  应用Div布局网页 191
9.2.1  页面布局分析 191
9.2.2  插入和编辑Div标签 192
9.2.3  Div的嵌套和固定格式 193
9.3  可视化盒模型 194
9.3.1  盒模型的概念 194
9.3.2  CSS盒模型的要点 195
9.3.3  margin属性 196
9.3.4  border属性 197
9.3.5  padding属性 198
9.3.6  空白边的叠加 200
9.4  CSS的布局定位 200
9.4.1  浮动定位 201
9.4.2  通过position属性定位 201
9.4.3  相对定位 203
9.4.4  定位 204
9.4.5  固定定位 205
9.5  范例应用与上机操作 205
9.5.1  一列固定宽度布局 205
9.5.2  一列自适应布局 206
9.5.3  两列固定宽度布局 207
9.5.4  两列宽度自适应布局 208
9.5.5  两列右列宽度自适应布局 209
9.5.6  三列浮动中间列宽度自适应布局 209
9.6  本章小结与课后练习 211
9.6.1  思考与练习 211
9.6.2  上机操作 212
第10章  使用模板和库创建网页 213
10.1  使用模板 214
10.1.1  模板的特点 214
10.1.2  创建模板 214
10.1.3  嵌套模板 215
10.2  设置模板 216
10.2.1  定义可编辑区域 216
10.2.2  定义可选区域 217
10.2.3  定义重复区域 217
10.2.4  定义可编辑的可选区域 218
10.2.5  定义重复表格 219
10.2.6  设置可编辑标签属性 220
10.3  应用模板 221
10.3.1  创建基于模板的网页 221
10.3.2  更新模板和基于模板的网页 222
10.3.3  从模板中脱离 223
10.4  创建与应用库项目 223
10.4.1  认识库项目 224
10.4.2  创建库项目 224
10.4.3  插入库项目 225
10.5  范例应用与上机操作 226
10.5.1  修改库项目 226
10.5.2  更新库项目 226
10.5.3  重命名库项目 227
10.5.4  删除库项目 228
10.5.5  恢复库项目 228
10.6  本章小结与课后练习 228
10.6.1  思考与练习 229
10.6.2  上机操作 229
第11章  创建表单网页 231
11.1  表单概述 232
11.1.1  关于表单 232
11.1.2  常用表单元素 232
11.1.3  HTML5表单元素 234
11.2  添加表单 236
11.2.1  插入表单域 236
11.2.2  插入文本域 237
11.3  网页元素 239
11.3.1  表单密码 239
11.3.2  Url对象 239
11.3.3  Tel对象 240
11.3.4  搜索对象 240
11.3.5  数字对象 241
11.3.6  范围对象 241
11.3.7  颜色对象 242
11.4  日期与时间元素 243
11.4.1  月对象 243
11.4.2  周对象 243
11.4.3  日期对象 244
11.4.4  时间对象 244
11.4.5  日期时间对象 245
11.5  选择元素 246
11.5.1  选择对象 246
11.5.2  单选按钮 247
11.5.3  单选按钮组 248
11.5.4  复选框 249
11.6  按钮元素 250
11.6.1  普通按钮 250
11.6.2  【提交】按钮 251
11.6.3  【重置】按钮 252
11.7  范例应用与上机操作 253
11.7.1  插入电子邮件对象 253
11.7.2  插入本地日期时间对象 254
11.7.3  复选框组 254
11.7.4  图像按钮 255
11.7.5  隐藏域 257
11.8  本章小结与课后练习 258
11.8.1  思考与练习 258
11.8.2  上机操作 258
第12章  使用行为创建动态效果 259
12.1  认识网页行为 260
12.1.1  事件与动作 260
12.1.2  使用【行为】面板 260
12.1.3  常见动作类型 261
12.1.4  常见事件 262
12.1.5  编辑与应用网页行为 263
12.2  使用行为调节浏览器 263
12.2.1  打开浏览器窗口 264
12.2.2  调用JavaScript 265
12.2.3  转到URL 266
12.3  使用行为控制图像 267
12.3.1  交换图像 267
12.3.2  预先载入图像 268
12.3.3  恢复交换图像 269
12.4  使用行为显示文本 269
12.4.1  弹出信息 269
12.4.2  设置状态栏文本 270
12.4.3  设置容器的文本 271
12.5  使用行为加载多媒体 272
12.5.1  检查插件 272
12.5.2  改变属性 274
12.6  控制表单 275
12.6.1  跳转菜单 275
12.6.2  跳转菜单开始 277
12.6.3  检查表单 277
12.7  使用JavaScript 278
12.7.1  利用JavaScript实现打印功能 279
12.7.2  利用JavaScript函数跳转到某个页面 279
12.7.3  利用JavaScript创建自动滚屏网页效果 280
12.7.4  利用JavaScript函数实现动态时间 281
12.7.5  利用JavaScript函数实现动态侧边栏 282
12.8  范例应用与上机操作 284
12.8.1  设置文本域文字 284
12.8.2  设置框架文本 285
12.8.3  显示和隐藏元素 285
12.8.4  拖动AP元素 287
12.8.5  利用JavaScript函数实现随意更改背景颜色 288
12.9  本章小结与课后练习 290
12.9.1  思考与练习 290
12.9.2  上机操作 290
第13章  制作jQuery Mobile页面 291
13.1  了解jQuery Mobile 292
13.1.1  什么是jQuery 292
13.1.2  认识jQuery Mobile 292
13.2  创建jQuery Mobile页面 293
13.2.1  使用jQuery Mobile起始页 293
13.2.2  使用HTML5页面 294
13.2.3  jQuery Mobile页面结构 294
13.3  使用jQuery Mobile组件 295
13.3.1  使用列表视图 295
13.3.2  使用布局网格 296
13.3.3  使用可折叠区块 297
13.3.4  使用文本输入框 298
13.3.5  使用密码输入框 298
13.3.6  使用文本区域 299
13.3.7  使用选择菜单 300
13.4  列表与主题 300
13.4.1  创建有序列表 301
13.4.2  创建内嵌列表 301
13.4.3  使用jQuery Mobile主题 301
13.5  范例应用与上机操作 303
13.5.1  使用复选框 303
13.5.2  使用单选按钮 304
13.5.3  使用按钮 304
13.5.4  使用滑块 305
13.5.5  设置翻转切换开关 306
13.6  本章小结与课后练习 307
13.6.1  思考与练习 307
13.6.2  上机操作 307
第14章  编辑HTML代码与实践应用 309
14.1  HTML概述 310
14.1.1  什么是HTML 310
14.1.2  HTML的语法结构 310
14.1.3  HTML中的3种标签形式 311
14.2  HTML中的标签 312
14.2.1  文件结构标签 312
14.2.2  字符格式标签 313
14.2.3  区段格式标签 313
14.2.4  列表标签 314
14.2.5  表格标签 315
14.2.6  超链接标签 315
14.3  在Dreamweaver中编辑HTML 316
14.3.1  在代码视图中创建HTML页面 316
14.3.2  代码视图 317
14.3.3  折叠代码 318
14.3.4  选择父标签 318
14.4  使用快速标签编辑器 319
14.4.1  使用插入模式的快速标签编辑器 319
14.4.2  使用编辑模式的快速标签编辑器 320
14.4.3  使用环绕模式的快速标签编辑器 320
14.5  使用代码片段 320
14.5.1  插入代码片段 321
14.5.2  创建代码片段 321
14.6  优化代码 322
14.6.1  优化HTML代码 322
14.6.2  清理Word生成的HTML代码 323
14.7  网页中的其他源代码 325
14.7.1  CSS样式代码 325
14.7.2  JavaScript脚本代码 325
14.7.3  源代码中的注释 326
14.8  范例应用与上机操作 326
14.8.1  多媒体标签 326
14.8.2  表单标签 327
14.8.3  代码的注释 327
14.8.4  分区标签 328
14.8.5  环绕标签 328
14.9  本章小结与课后练习 328
14.9.1  思考与练习 329
14.9.2  上机操作 330
第15章  站点的发布与推广 331
15.1  测试与维护站点 332
15.1.1  创建站点报告 332
15.1.2  使用链接检查器 333
15.2  上传发布网站 334
15.2.1  设置FTP服务器 334
15.2.2  连接到远程服务器 335
15.2.3  文件上传 335
15.3  网站的运营与维护 336
15.3.1  网站的运营 336
15.3.2  网站的更新维护 337
15.4  推广网站 338
15.4.1  注册搜索引擎 338
15.4.2  资源合作推广方法 338
15.4.3  电子邮件推广 339
15.4.4  导航网站登录 340
15.4.5  软文推广 340
15.4.6  BBS论坛网站推广 340
15.4.7  博客推广 340
15.4.8  微博推广 341
15.4.9  口碑营销 341
15.4.10  微信营销 342
15.5  范例应用与上机操作 343
15.5.1  W3C验证 343
15.5.2  文件下载 344
15.5.3  优化网站SEO 344
15.6  本章小结与课后练习 345
15.6.1  思考与练习 345
15.6.2  上机操作 345
第16章  设计与制作网站 347
16.1  确定网页主题 348
16.1.1  选择网站的主题 348
16.1.2  创建网页 348
16.1.3  创建CSS链接 348
16.1.4  设置CSS样式 349
16.2  添加网页内容 350
16.2.1  插入Div 350
16.2.2  插入图片 350
16.2.3  插入Flash 351
16.2.4  插入表单 352
16.2.5  插入类样式 353
16.2.6  添加列表标签代码 354
16.2.7  插入媒体插件 356
16.3  上传与浏览网页 357
16.3.1  连接远程服务器 357
16.3.2  浏览网页 357
参考答案 359