电脑基础-实例-上机系列教程
Dreamweaver 中文版
网页制作
根据教材制作讲稿
2008.1.
第1章 网页制作基础 1
1.1 网页制作基础知识 1
1.1.1 网页的定义和分类 1
1.1.2 网页制作中的基本概念 2
1.1.3 页面的基本组成元素 4
1.1.4 认识网站 5
1.2 网页制作的一般步骤 5
1.2.1 收集、整理资料 5
1.2.2 规划、创建站点 5
1.2.3 制作网页 6
1.2.4 站点测试 6
1.2.5 网页发布 7
1.2.6 站点的更新与维护 7
1.3 网页的制作原则 7
1.4 启动与退出Dreamweaver MX 2004 8
1.4.1 启动Dreamweaver MX 2004 8
1.4.2 退出Dreamweaver MX 2004 10
1.5 Dreamweaver MX 2004的工作界面 10
1.5.1 插入栏 11
1.5.2 “文档”工具栏 11
1.5.3 “属性”面板 11
1.5.4 浮动面板组 12
1.6 上机练习 12
1.7 习题 12
第2章 创建站点及页面设置 13
2.1 规划站点 13
2.1.1 站点的概念 13
2.1.2 规划站点结构 14
2.1.3 创建导航草图 14
2.1.4 应用举例——规划“天书”站点 14
2.2 创建与管理站点 15
2.2.1 创建站点 15
2.2.2 管理站点 18
2.2.3 应用举例——创建tianshu站点 21
2.3 页面的创建、保存及属性设置 23
2.3.1 创建新页面 23
2.3.2 打开已有网页 23
2.3.3 预览网页效果 24
2.3.4 网页的保存 24
2.3.5 页面设置 25
修改/页面属性/外观、链接、标题、跟踪图像。
2.3.6 应用举例——为网页设置页面属性 30
2.4 上机练习 32
2.4.1 规划诚与广告公司站点结构 32
2.4.2 创建站点 33
2.4.3 创建主要文件夹及文件 34
2.5 习题 35
第3章 文本的应用 37
3.1 插入文本 37
3.1.1 “文本”插入栏 37
3.1.2 插入普通文本 38
3.1.3 插入不换行空格 38
3.1.4 插入水平线 38
3.1.5 插入日期 40
3.1.6 插入特殊符号 41
3.1.7 应用举例——为网页添加文本 42
3.2 设置文本格式 43
3.2.1 基本样式设置 43
3.2.2 设置段落格式 46
3.2.3 应用举例——设置网页文本格式 48
3.3 创建列表 49
3.3.1 编号列表 50
3.3.2 项目列表 50
3.3.3 定义列表 51
3.3.4 设置列表属性 51
3.3.5 应用举例——编辑“课程表”网页 52
3.4 用CSS样式设置文本 53
3.4.1 认识“CSS样式”面板 53
窗口/CSS样式/新建 CSS 样式、编辑 CSS 样式。
3.4.2 CSS样式的创建与编辑 53
1.创建 CSS 样式
新建 CSS 样式/.newCSS、类、新建样式表文件/如，style_file.css/
类型：如，字体：黑体、大小：24、颜色：红色。
2.编辑 CSS 样式
3.应用样式表
选中要套用格式的对象/CSS样式面板/右击样式，如.newCSS/套用。
3.4.3 应用举例——用CSS样式设置文本格式 58
3.5 上机练习 60
3.5.1 为“公司介绍”网页插入文本 60
3.5.2 设置网页文本格式 61
3.6 习题 63
第4章 图像的应用 65
4.1 网页图像的格式 65
4.2 插入图像 66
4.2.1 直接添加图像 66
4.2.2 用占位符添加图像 67
4.2.3 创建鼠标经过图像 68
1.鼠标经过图像（P68）
插入/图像对象/鼠标经过图像。
4.2.4 应用举例——在“乌镇”网页中插入图片 69
4.3 设置图像属性 71
4.3.1 图像属性的设置方法 72
1.裁切图像（P74）
选中图像/属性面板/单击裁切图像按钮/框住图像所需部分/再单击裁切图像按钮。
4.3.2 应用举例——设置网页图片属性 74
4.4 创建网站相册 76
命令/创建网站相册/相册标题、源图像文件夹、目标文件夹。
Dreamweaver 启动 Fireworks 创建“缩略图”“页面”“图像”3个文件夹。
4.5 上机练习 77
4.5.1 添加图像 78
4.5.2 图像的属性设置 79
4.6 习题 81
第5章 创建超级链接 83
5.1 超级链接的概念 83
5.1.1 源端点的链接 83
源端点的链接：图像、文本、表单。。
5.1.2 目标端点的链接 83
目标端点的链接：外部、内部、局部、电子邮件。
5.1.3 根据链接路径分类 84
链接路径：相对路径、绝对路径、站点根目录相对路径。
5.2 创建文本超级链接 84
5.2.1 创建普通文本链接 84
链接网页打开的方式：新窗口、父窗口、本窗口、最顶端窗口。
5.2.2 创建锚链接 85
5.2.3 创建电子邮件链接 87
5.2.4 应用举例——在页面中创建各类链接 87
5.3 创建图像链接 90
5.3.1 创建图像的一般链接 90
5.3.2 创建图像的热点链接 91
5.3.3 应用举例——在网页中创建图像链接 93
5.4 创建导航条 94
5.4.1 插入导航条 95
5.4.2 编辑导航条 97
5.5 上机练习 98
5.5.1 导航图像链接的创建 100
5.5.2 电子邮件及图像热点链接的创建 101
5.6 习题 102
第6章 插入动态元素 103
6.1 插入Flash媒体元素 103
6.1.1 插入Flash影片 104
6.1.2 插入Flash按钮 106
6.1.3 插入Flash文本 108
6.1.4 应用举例——在网页中插入Flash元素 110
6.2 插入其他动态元素 112
6.2.1 插入Shockwave影片 112
6.2.2 插入Applet 113
6.2.3 插入插件 114
6.3 为网页加入音乐 115
6.3.1 添加背景音乐 115
6.3.2 链接或嵌入音乐 115
6.4 上机练习 116
6.4.1 Flash影片的插入 116
6.4.2 Flash按钮的插入 118
6.4.3 Flash文本的插入 119
6.4.4 背景音乐的添加 119
6.5 习题 120
第7章 层的应用 121
7.1 创建层 121
7.1.1 创建层的方法 121
7.1.2 创建嵌套层 122
7.1.3 设置层的首选参数 123
7.2 层的基本操作 124
7.2.1 显示“层”面板 124
7.2.2 层的选择 125
7.2.3 层的拖动 125
7.2.4 层的对齐 125
7.2.5 层的大小调整 126
7.2.6 应用举例——利用层布局页面 127
7.3 层的高级操作 129
7.3.1 层的属性设置 129
7.3.2 层的显示或隐藏 131
7.3.3 层的堆叠顺序设置 131
7.4 上机练习 131
7.4.1 用层布局页面 132
7.4.2 添加网页元素 134
7.5 习题 135
第8章 表格的应用 137
8.1 插入表格 137
8.1.1 插入表格的方法 137
8.1.2 嵌套表格的创建 138
8.1.3 在表格中添加内容 140
8.1.4 应用举例——在网页中插入表格并添加网页元素 140
8.2 表格的基本操作 142
8.2.1 选中操作 143
8.2.2 单元格的合并及拆分 145
8.2.3 插入、删除行或列 146
8.3 表格属性 148
8.3.1 设置表格属性 148
8.3.2 设置单元格属性 148
8.4 表格的高级操作 150
8.4.1 移动整行、整列表格内容 150
8.4.2 表格的排序 150
8.4.3 表格中数据的导入与导出 152
8.5 层与表格的相互转换 155
8.5.1 将层转换为表格 155
8.5.2 将表格转换为层 156
8.6 上机练习 156
8.6.1 用表格布局页面 157
8.6.2 在表格中添加网页元素 159
8.7 习题 160
第9章 框架的应用 161
9.1 框架与框架集 161
9.1.1 框架与框架集的概念 161
9.1.2 创建框架与框架集 162
9.1.3 分割框架 165
9.1.4 创建嵌套框架集 166
9.1.5 应用举例——用框架布局页面 167
9.2 框架与框架集的选择及删除操作 168
9.2.1 了解“框架”面板 168
9.2.2 选择框架与框架集 169
9.2.3 删除框架 171
9.3 设置框架与框架集的属性 171
9.3.1 设置框架属性 172
9.3.2 设置框架集属性 172
9.3.3 设置框架集的网页标题 173
9.4 保存框架集与框架 173
9.4.1 保存框架 173
9.4.2 保存框架集 173
9.4.3 保存框架集中的所有文档 174
9.5 不能显示框架时的处理 174
9.6 上机练习 174
9.6.1 制作框架集及框架 175
9.6.2 添加网页元素 176
9.7 习题 177
第10章 布局视图的应用 179
10.1 认识布局模式 179
10.1.1 切换到布局模式 179
10.1.2 认识布局视图 180
10.1.3 退出布局模式 180
10.2 用布局视图布局页面 180
10.2.1 创建布局表格和布局单元格 180
10.2.2 设置布局表格和单元格属性 181
10.2.3 在布局表格中添加网页元素 183
10.2.4 调整布局表格和布局单元格 184
10.2.5 应用举例——在布局模式中布局页面 186
10.3 上机练习 187
10.3.1 布局页面 187
10.3.2 添加网页元素 189
10.4 习题 190
第11章 模板与资源列表的应用 191
11.1 使用模板 191
11.1.1 创建模板 191
11.1.2 编辑模板 192
11.1.3 用模板创建网页 194
11.1.4 更新已有网页的模板 197
11.1.5 应用举例——创建和应用模板 197
11.2 使用资源列表 200
11.2.1 认识“资源”面板 200
11.2.2 使用站点列表 201
11.2.3 使用收藏资源 202
11.3 上机练习 204
11.3.1 创建并编辑模板 204
11.3.2 应用模板 206
11.4 习题 207
第12章 行为的应用 209
12.1 行为简介 209
12.1.1 动作 209
12.1.2 事件 209
12.2 认识“行为”面板 211
12.3 行为的编辑 211
12.3.1 添加行为 211
12.3.2 修改行为 212
12.3.3 删除行为 213
12.3.4 获取更多的行为 213
12.4 行为的具体应用 213
12.4.1 交换图像 213
12.4.2 弹出信息 215
12.4.3 打开浏览器窗口 216
12.4.4 拖动层 218
12.4.5 显示弹出式菜单 221
12.4.6 检查插件 225
12.4.7 设置导航栏图像 226
12.4.8 调用JavaScript 227
12.4.9 跳转菜单 227
12.4.10 转到URL 228
12.4.11 控制Shockwave或Flash 228
12.4.12 播放声音 229
12.4.13 改变属性 229
12.4.14 显示-隐藏层 230
12.4.15 检查浏览器 230
12.4.16 检查表单 231
12.4.17 设置文本 232
12.4.18 预先载入图像 234
12.5 上机练习 235
12.5.1 添加“弹出信息”行为 237
12.5.2 添加“显示弹出式菜单”行为 237
12.5.3 添加“打开浏览器窗口”行为 238
12.6 习题 239
第13章 表单的应用 241
13.1 表单简介 241
13.2 创建表单 242
13.2.1 创建表单的方法 242
13.2.2 设置表单属性 242
13.3 表单对象 243
13.3.1 表单对象介绍 243
13.3.2 插入表单对象 245
13.4 上机练习 257
13.5 习题 262
第14章 发布站点 263
14.1 申请主页空间及域名 263
14.1.1 申请主页空间 263
免费主页空间：大小和运行支持条件受限。
收费主页空间：大小和运行支持条件可选择。
申请主页空间：数码城市 www.city01.com
14.1.2 申请域名 268
14.1.3 应用举例——申请免费主页空间 269
14.2 站点的本地测试 271
14.2.1 兼容性测试 271
14.2.2 检查站点范围的链接 274
1.检查网页链接
文件/检查/链接。
2.检查本地站点某部分的链接
站点面板/右击文件夹/检查链接/（选择文件/文件夹）。
3.检查整个站点的链接
站点面板/点击站点/结果面板/点击右三角按钮/为整个站点检查链接。
14.2.3 修复站点范围的链接 275
14.2.4 检测下载速度 276
14.3 站点的发布 277
14.3.1 配置远程信息 277
14.3.2 站点的发布方法 278
14.4 站点的管理和宣传 278
14.4.1 使用同步功能 279
14.4.2 使用设计笔记 280
14.4.3 使用站点报告 282
14.4.4 站点的宣传 283
5.设置 META 信息
插入栏/HTML 插入栏/关键字/关键字/输入关键字，如“网络天地”“教学园地”“网站建设”。
14.5 习题 284
第15章 项目设计案例 285
15.1 浏览“星之密语”网站 285
15.2 规划站点及收集素材 289
15.2.1 规划站点 289
15.2.2 收集素材 289
15.3 创建站点 290
15.3.1 创建站点的方法 290
15.3.2 创建主要文件夹及文件 291
15.4 制作页面 292
15.4.1 制作模板 292
15.4.2 制作首页 297
15.4.3 制作“星座壁纸”页面 299
15.4.4 制作“星座名人”页面 300
15.4.5 制作“星座故事”页面 301
15.4.6 制作“白羊座介绍”页面 303
15.5 习题 304