Dreamweaver网页制作课堂实录

《Dreamweaver网页制作课堂实录》包括：
模拟课堂真实教学过程
采用STEP by STEP讲解方式
专为Flash学习者量身打造。

《Dreamweaver网页制作课堂实录》模拟实际的课堂教学过程安排内容，采用“基础知识”+“课堂练习”+“高手支招”+“课后习题”+“综合案例”的结构，详细介绍了Dreamweaver CS3的操作界面使用、站点创建与管理、图像与文字的排版、超级链接的创建、表格的使用、特殊布局的框架制作、动感多媒体网页制作、CSS美化网页、网页特效制作、利用模板和库提高制作效率、Dreamweaver中编写HTML代码、动态网页制作基础等内容。书中所选实例大多源自真实的商业网站，并且采用“一步一图式”的讲解方式。每课的最后还提供了丰富的课堂练习和课后习题供自测，以保证读者在学好知识点的同时，反复练习，进而掌握更为实用的操作技能。《Dreamweaver网页制作课堂实录》内容全面、讲解通俗易懂，可作为高等院校相关专业的教学用书、各类电脑培训机构的培训教材、网页制作爱好者的学习用书。

第1课 认识Dreamweaver CS3操作界面 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 网站Logo 4
1.2.2 网站Banner 4
1.2.3 导航栏 4
1.2.4 文本 5
1.2.5 图像 5
1.2.6 Flash动画 6
1.3 网页的色彩搭配 6
1.3.1 网页色彩三要素 6
1.3.2 网页色彩搭配技巧 7
1.3.3 网页色彩选择标准 8
1.4 Dreamweaver CS3简介 9
1.5 Dreamweaver CS3的工作区 9
1.6 Dreamweaver CS3工具栏 10
1.7 插入栏 11
1.7.1 “常用”插入栏 11
1.7.2 “布局”插入栏 12
1.7.3 “表单”插入栏 13
1.7.4 “数据”插入栏 13
1.7.5 “Spry”插入栏 14
1.7.6 “文本”插入栏 15
1.7.7 “收藏夹”插入栏 15
1.8 菜单栏 16
1.8.1 “文件”菜单 16
1.8.2 “编辑”菜单 16
1.8.3 “查看”菜单 17
1.8.4 “插入记录”菜单 17
1.8.5 “修改”菜单 18
1.8.6 “文本”菜单 18
1.8.7 “命令”菜单 19
1.8.8 “站点”菜单 19
1.8.9 “窗口”菜单 20
1.8.10 “帮助”菜单 20
1.9 课后习题 21
1.9.1 选择题 21
1.9.2 填空题 21
1.9.3 操作题 21

第2课 创建与管理站点 22
2.1 创建本地站点 23
2.1.1 使用向导搭建站点 23
2.1.2 通过高级面板创建站点 25
2.2 站点的管理操作 26
2.2.1 打开站点 26
2.2.2 编辑站点 27
2.2.3 删除站点 27
2.2.4 复制站点 28
2.3 管理站点中的文件 28
2.3.1 创建文件夹和文件 28
2.3.2 移动和复制文件 29
2.4 站点地图的使用 30
2.4.1 查看站点地图 30
2.4.2 站点地图布局 30
2.5 高手支招 31
2.6 课后习题 34
2.6.1 选择题 34
2.6.2 填空题 34
2.6.3 操作题 34

第3课 设计基本文本网页 35
3.1 在网页中插入文本 36
3.1.1 普通文本的插入 36
3.1.2 特殊字符的插入 37
3.2 文本属性的设置 38
3.2.1 设置文本字体和字号 38
3.2.2 设置文本颜色 39
3.2.3 设置文本对齐方式 40
3.2.4 设置文本缩进和凸出 40
3.3 项目列表和编号列表的使用 40
3.3.1 创建项目列表 41
3.3.2 创建编号列表 41
3.4 插入网页头部内容 42
3.4.1 插入Meta 42
3.4.2 插入关键字 42
3.4.3 插入说明 43
3.4.4 设置刷新 43
3.4.5 设置基础 44
3.4.6 设置链接 44
3.5 插入其他元素 45
3.5.1 插入水平线 45
3.5.2 插入注释 46
3.6 检查拼写与查找替换 46
3.6.1 检查拼写 47
3.6.2 查找和替换 47
3.7 课堂练习——创建基本文本网页 49
3.8 高手支招 50
3.9 课后习题 52
3.9.1 选择题 52
3.9.2 填空题 52
3.9.3 操作题 53

第4课 制作精美的图像网页 54
4.1 网页中常用的图像格式 55
4.2 在网页中插入图像 56
4.2.1 插入普通图像 56
4.2.2 插入图像占位符 57
4.2.3 插入鼠标经过图像 58
4.3 设置图像属性 59
4.3.1 调整图像大小和边距 59
4.3.2 设置图像对齐方式 60
4.4 在Dreamweaver中编辑图像 61
4.4.1 优化图像 61
4.4.2 裁剪图像 62
4.4.3 重新取样图像 63
4.4.4 调整图像亮度和对比度 63
4.5 课堂练习 63
课堂练习1——创建图文混排网页 63
课堂练习2——创建翻转图像导航 65
4.6 高手支招 66
4.7 课后习题 67
4.7.1 选择题 67
4.7.2 填空题 67
4.7.3 操作题 67

第5课 超级链接的创建 69
5.1 超级链接的基本概念 70
5.2 超级链接的创建 70
5.2.1 使用属性面板创建链接 70
5.2.2 使用指向文件图标创建链接 71
5.2.3 使用菜单创建链接 71
5.3 超级链接的管理 71
5.3.1 自动更新链接 72
5.3.2 在站点范围内更改链接 72
5.3.3 检查站点中的链接错误 73
5.4 创建各种类型的链接 73
课堂练习1——文本链接 73
课堂练习2——图像热点链接 74
课堂练习3——E-mail链接 76
课堂练习4——下载文件链接 77
课堂练习5——锚点链接 77
课堂练习6——脚本链接 79
课堂练习7——空链接 80
5.5 高手支招 80
5.6 课后习题 84
5.6.1 选择题 84
5.6.2 填空题 84
5.6.3 操作题 84

第6课 应用表格排列网页数据 85
6.1 在网页中插入表格 86
6.1.1 表格的基本概念 86
6.1.2 插入表格 86
6.2 设置表格和单元格属性 87
6.2.1 设置表格属性 88
6.2.2 设置单元格属性 88
6.3 表格的基本操作 89
6.3.1 选择表格 89
6.3.2 调整表格和单元格的大小 90
6.3.3 添加或删除行或列 90
6.3.4 拆分单元格 91
6.3.5 合并单元格 91
6.3.6 剪切、复制、粘贴表格 92
6.4 表格的其他功能 92
6.4.1 导入表格式数据 92
6.4.2 排序表格 94
6.5 课堂练习 96
课堂练习1——制作网页 细线表格 96
课堂练习2——制作网页圆角表格 97
6.6 高手支招 99
6.7 课后习题 101
6.7.1 选择题 101
6.7.2 填空题 102
6.7.3 操作题 102

第7课 制作特殊布局的框架网页 103
7.1 框架概述 104
7.1.1 框架结构的组成 104
7.1.2 框架结构的优缺点 104
7.2 创建框架网页 105
7.2.1 创建框架集 105
7.2.2 插入预定义框架集 105
7.2.3 创建嵌套框架集再插入一个 106
7.3 框架的基本操作 107
7.3.1 选择框架和框架集 107
7.3.2 保存框架和框架集 108
7.3.3 在框架中创建链接 108
7.4 框架和框架集属性 109
7.4.1 设置框架属性 109
7.4.2 设置框架集属性 110
7.5 课堂练习 110
课堂练习1——使用浮动框架iframe 110
课堂练习2——创建完整的框架网页 112
7.6 高手支招 115
7.7 课后习题 115
7.7.1 选择题 115
7.7.2 填空题 115
7.7.3 操作题 116

第8课 制作动感的多媒体网页 117
8.1 在网页中插入Flash 118
8.1.1 插入Flash动画 118
8.1.2 插入Flash按钮 119
8.1.3 插入Flash文本 121
8.1.4 插入Flash视频 122
8.2 插入Shockwave动画 123
8.3 插入背景音乐 124
8.4 插入Java Applet 126
8.5 插入ActiveX控件 127
8.6 插入插件 128
8.7 课堂练习 129
课堂练习1——插入透明Flash动画 129
课堂练习2——利用Java Applet制作水中倒影效果 130
8.8 高手支招 131
8.9 课后习题 134
8.9.1 选择题 134
8.9.2 填空题 135
8.9.3 操作题 135

第9课 使用CSS美化与布局网页 137
9.1 CSS简介 138
9.1.1 CSS的基本概念 138
9.1.2 CSS的类型和语法 138
9.2 使用CSS 140
9.2.1 建立标签样式 140
9.2.2 建立类样式 141
9.2.3 建立自定义高级样式 141
9.3 设置CSS属性 142
9.3.1 设置文本属性 142
9.3.2 设置背景样式 143
9.3.3 设置区块样式 143
9.3.4 设置方框样式 144
9.3.5 设置边框样式 145
9.3.6 设置列表样式 145
9.3.7 设置定位样式 146
9.3.8 设置扩展样式 146
9.4 课堂练习 147
课堂练习1——应用CSS固定字体大小 147
课堂练习2——应用CSS改变文本间行距 149
课堂练习3——应用CSS创建动感光晕文字 150
9.5 高手支招 151
9.6 课后习题 157
9.6.1 选择题 157
9.6.2 填空题 157
9.6.3 操作题 158

第10课 使用行为给网页添加特效 159
10.1 行为的概念 160
10.2 动作和事件 161
10.2.1 常见动作类型 161
10.2.2 常见事件 162
10.3 使用Dreamweaver内置行为 163
10.3.1 制作交换图像 163
10.3.2 弹出提示信息 164
10.3.3 打开浏览器窗口 165
10.3.4 拖动AP元素 166
10.3.5 转到URL 167
10.3.6 添加声音 168
10.3.7 检查插件 169
10.3.8 检查浏览器 169
10.3.9 检查表单 170
10.3.10 设置导航栏图像 171
10.3.11 设置状态栏文本 172
10.3.12 调用JavaScript 173
10.3.13 应用跳转菜单 173
10.4 高手支招 174
10.5 课后习题 175
10.5.1 选择题 175
10.5.2 填空题 176
10.5.3 操作题 176

第11课 使用模板和库提高网页制作效率 177
11.1 使用资源面板 178
11.1.1 将资源添加到文档 178
11.1.2 添加或删除资源 178
11.2 模板的创建 179
11.2.1 直接创建模板 179
11.2.2 从现有文档创建模板 180
11.3 模板的设置 181
11.3.1 定义可编辑区 181
11.3.2 定义可选区域 181
11.3.3 定义重复区域 182
11.3.4 创建基于模板网页 182
11.4 管理模板 184
11.4.1 更新模板 184
11.4.2 从模板中分离 185
11.5 库项目的创建与使用 185
11.5.1 关于库项目 186
11.5.2 创建库项目 186
11.5.3 应用库项目 187
11.5.4 修改库项目 188
11.6 课堂练习 188
课堂练习1——创建模板 188
课堂练习2——利用模板创建网页 192
11.7 高手支招 193
11.8 课后习题 194
11.8.1 选择题 194
11.8.2 填空题 195
11.8.3 操作题 195

第12课 插入表单及表单元素 196
12.1 创建表单 197
12.1.1 表单概述 197
12.1.2 插入表单 197
12.2 插入文本域 199
12.2.1 单行文本域 199
12.2.2 多行文本域 200
12.2.3 密码域 200
12.3 插入复选框和单选按钮 200
12.3.1 插入复选框 201
12.3.2 插入单选按钮 201
12.4 插入列表和菜单 202
12.5 插入跳转菜单 203
12.6 使用隐藏域和文件域 204
12.6.1 文件域 204
12.6.2 隐藏域 204
12.7 插入按钮 205
12.8 课堂练习——创建电子邮件表单 206
12.9 高手支招 209
12.10 课后习题 210
12.10.1 选择题 210
12.10.2 填空题 211
12.10.3 操作题 211

第13课 Dreamweaver的插件扩展功能 212
13.1 Dreamweaver CS3插件简介 213
13.2 安装插件 213
13.3 插件应用实例 214
课堂练习1——使用插件制作背景音乐网页 214
课堂练习2——彩色渐变文字插件 215
课堂练习3——使用飘浮图像插件创建飘浮广告网页 216
课堂练习4——利用插件 创建E-mail链接 217
课堂练习5——根据不同的时段显示不同的问候语插件 218
课堂练习6——利用插件创建随机切换的广告图 218
课堂练习7——使用插件制作滚动标题栏 220
13.4 高手支招 220
13.5 课后习题 222
13.5.1 填空题 222
13.5.2 操作题 222

第14课 在Dreamweaver中编写HTML代码 223
14.1 HTML基础 224
14.1.1 HTML概述 224
14.1.2 HTML基本结构 224
14.2 HTML常用标记 225
14.2.1 文本与段落 225
14.2.2 表格 227
14.2.3 超级链接 228
14.2.4 图像 229
14.2.5 框架 230
14.2.6 表单 231
14.3 在Dreamweaver中编辑代码 235
14.3.1 查看源代码 235
14.3.2 使用标签选择器和标签编辑器 235
14.3.3 使用代码提示 236
14.4 使用代码片断面板 238
14.4.1 插入代码片断 238
14.4.2 创建代码片断 239
14.5 优化代码 240
14.5.1 清理HTML/XHTML代码 240
14.5.2 清理Word生成的HTML代码 241
14.6 课堂练习——使用标签选择器插入滚动公告 241
14.7 高手支招 244
14.8 课后习题 245
14.8.1 选择题 245
14.8.2 填空题 245
14.8.3 操作题 245

第15课 创建动态交互式网页 247
15.1 创建ASP应用程序开发环境 248
15.1.1 安装IIS 248
15.1.2 设置IIS 249
15.2 设计数据库 250
15.3 建立数据库连接 251
15.3.1 了解DSN 252
15.3.2 定义DSN 252
15.3.3 建立DSN连接 253
15.4 定义记录集 254
15.4.1 简单记录集的定义 254
15.4.2 高级记录集的定义 255
15.4.3 调用存储过程 256
15.4.4 简单的SQL查询语句 256
15.5 其他数据源的定义 257
15.5.1 请求变量 257
15.5.2 阶段变量 258
15.5.3 应用程序变量 258
15.6 动态数据的绑定 259
15.6.1 绑定动态文本 259
15.6.2 设置动态文本数据格式 259
15.6.3 绑定动态图像 261
15.6.4 向表单对象绑定动态数据 262
15.7 添加服务器行为 262
15.7.1 显示多条记录 263
15.7.2 移动记录 263
15.7.3 显示区域 264
15.7.4 页面之间信息传递 264
15.7.5 用户验证 265
15.8 课堂练习——创建新闻发布管理系统 267
15.8.1 新闻发布管理系统分析 267
15.8.2 设计数据库 270
15.8.3 创建数据库连接 270
15.8.4 新闻列表页面 271
15.8.5 新闻详细显示页面 275
15.8.6 管理员登录页面 276
15.8.7 新闻列表管理页面 279
15.8.8 新闻添加页面 283
15.8.9 新闻修改页面 285
15.8.10 新闻删除页面 287
15.9 高手支招 289
15.10 课后习题 290
15.10.1 选择题 290
15.10.2 填空题 290
15.10.3 操作题 290

第16课 设计房地产企业网站 291
16.1 网站建设准备工作 292
16.1.1 网站建设的目的 292
16.1.2 网站主要功能栏目 293
16.2 设计企业网站片头动画 294
16.3 设计留言系统 298
16.3.1 设计数据库 298
16.3.2 创建数据库连接 299
16.3.3 设计留言列表页面 300
16.3.4 设计留言添加页面 305
16.3.5 设计留言详细信息页面 308
16.4 高手支招 309
16.5 课后习题 312
16.5.1 填空题 312
16.5.2 操作题 312

第17课 设计在线购物网站 313
17.1 购物网站设计概述 314
17.1.1 购物网站概念 314
17.1.2 购物网站设计要点 315
17.1.3 主要功能页面 315
17.2 设计网页Banner 317
17.3 创建数据库与数据库连接 320
17.3.1 创建数据库表 320
17.3.2 创建数据库连接 321
17.4 设计购物系统前台页面 321
17.4.1 设计商品分类展示页面 321
17.4.2 设计商品详细信息页面 327
17.5 设计购物系统后台管理页面 329
17.5.1 设计管理员登录页面 329
17.5.2 设计添加商品分类 页面 332
17.5.3 设计添加商品页面 334
17.5.4 设计商品管理页面 336
17.5.5 制作修改页面 340
17.5.6 设计删除页面 342
17.6 高手支招 344
17.7 课后习题 347
17.7.1 填空题 347
17.7.2 操作题 347

第18课 站点的发布与推广 348
18.1 站点的测试 349
18.1.1 检查链接 349
18.1.2 站点报告 350
18.1.3 清理文档 350
18.2 发布网站 351
18.3 网站维护 352
18.3.1 网站内容的更新 353
18.3.2 网站风格的更新 353
18.4 网站的推广 353
18.4.1 登录搜索引擎 353
18.4.2 利用友情链接 353
18.4.3 借助网络广告 354
18.4.4 登录网址导航站点 354
18.4.5 BBS宣传 354
18.5 高手支招 355
18.6 课后习题 356
18.6.1 选择题 356
18.6.2 填空题 356
18.6.3 操作题 356

第1课认识Dreamweaver CS3操作界面
1.1 网页基础知识入门
随着网络技术的发展和因特网的普及，人们通过浏览网页可方便地获取信息。然而，越来越多的人已不满足于网上浏览，他们设计、制作自己的网页，并在网上发布，以进行1.1.1 认识互联网
Internet是一个全球性的计算机互联网络，中文名称为“因特网”，它集现代通信技术和现代计算机技术于一体，是计算机之间进行国际信息交流和实现资源共享的良好手段。Internet将各种各样的物理网络连接起来，构成一个整体，而不论这些网络类型的异同、规模的大小和地理位置的差异，如图1-1所示。
Internet是全球最大的信息资源库，几乎包括了人类生活的各个方面，如政府部门、教育、科研、商业、工业、出版、文化艺术、通信、已经在社会的各个方面为全人类提供便利。例如，电子邮件、即时消息、视频会议、网络日志和网上购物等已经成为越来越多人生活中不可缺少的部分。
1.1.2 网页与网站
网站是计算机在网络上的位置，它使信息以网页或文档的形式提供给使用浏览器访问站点的访问者。为了查看站点上的信息，访问者需要使用浏览器程序（如Internet Explorer或Netsc.ape Navigator），通过这些程序将Web站点上的HTML网页翻译为显示器上的文本或图形。使用浏览器访问网站时，网站中第一个被执行的文件称为主页，主页的基本功能是帮助访问者轻松浏览网站，其中可能包括有关站点创作者的个人信息、工作部门和公司，指向同一Web站点的其他文档的链接或指向相关内容的其他站点的链接等内容。为了吸引访问者，主页的页面要美观，内容要严谨，并且要提供有用的信息。

随着Intemet技术及其应用的不断发展，网络对于我们的生活、学习和工作的影响越来越大。
丛书规划
网站是Intemet提供服务的门户和基础，而网页又是宣传网站的重要窗口。如今越来越多的企业和个人建立网站来宣传自己，人才市场上对网页制作和网站建设人员的需求大大增加。但是由于网站建设是一项综合性的技能，包括网站的策划、网页动画和图像的设计、网页制作和动态网站的开发等几部分，真正完全懂得并具备这几项技能的网页设计师则相对较少，因此我们策划了本丛书。丛书的书目如下表所示。丛书特色
模拟实际的课堂教学过程安排内容，采用“基础知识”+“课堂练习”+“高手支招”+“课后习题”+“综合案例”的结构，全面展示了网页制作与网站建设的方方面面。
所选实例大多源自真实的商业网站，并且采用“一步一图式”的讲解方式。每课的最后还提供了丰富的课堂练习和课后习题供自测，以保证读者在学好知识点的同时，反复练习，进而掌握更为实用的操作技能。
采用双栏排版，信息量更大，力图在有限的篇幅内为读者展示更多的知识点和案例。
汇总了众多优秀网页设计师的创作灵感、设计理念等，以实战经验的形式全面展示给读者。