Dreamweaver网页设计与制作教程

全面系统、深入浅出地介绍使用Dreamweaver 8进行网站开发和网页设计的必备知识。

每章都设置“本章习题”和“上机实训”两个模块，通过完成习题的方式巩固学习的理论知识，通过上机实训提高网页制作的实践技能，以制作出效果精彩、页面美观和可读性强的网页。

随着计算机和Internet技术的高速发展，网络与人们的工作、学习和生活密不可分，越来越多的企事业单位、政府部门、组织和个人都建起了自己的网站，用来发布信息，展示个人风采，进行信息的交流和互动。人们对网站的要求也越来越高，如网站的美观性、可操作性、交互性及安全性。

网站制作的首选软件是Dreamweaver，它是一款专业的HTML编辑器，用于对Web站点、Web页和Web应用程序进行设计、编码和开发。Dreamweaver中可视化编辑功能和功能强大的编码环境，使不同层次的用户都能拥有更加完美的Web创作体验。因此掌握Dreamweaver已经成为网页设计制作人员的一门必修课程。本书全面系统、深入浅出地介绍了使用Dreamweaver 8进行网站开发和网页设计的必备知识。本书共12章，主要内容如下所述。

第1章 网页设计与制作概述。主要介绍网络的基础知识、网页的基本元素、HTML语言的基础知识和网站建设的一般流程。

第2章 网页设计基础。主要介绍Dreamweaver 8的启动方式与工作环境、站点的概念及创建编辑本地站点和网页文本的基本操作。

第3章 图像和其他媒体。主要介绍网页中图像和其他媒体的基本概念与操作。

第4章 超链接及其应用。主要介绍在网页中创建超级链接的方法与技巧。

第5章 表格的创建与应用。主要介绍在Dreamweaver中表格的创建、编辑等基本操作和应用方法。

第6章 框架实现多窗口页面。主要介绍Dreamweaver中框架的概念和基本操作。

第7章 层与行为。主要介绍层与行为的基本概念与操作，包括创建层、创建嵌套层、层的属性面板与控制面板的设置、添加和编辑行为等方法。

第8章 样式表。主要介绍利用层叠样式表（简称为CSS）定义网页外观的方法和技巧。

第9章 时间轴。主要介绍时间轴的基础知识及利用时间轴创建动画的方法。

第10章 表单的应用。主要介绍表单的创建、表单对象的添加以及各表单对象属性的设置。

第11章 模板与库的应用。主要介绍模板和库的概念、创建模板和库项目的方法。

第12章 网页综合应用实例。主要通过一个实例综合应用前面章节所介绍的网页设计技术。

为了更便于教学和学生学习，每章都设置了“本章习题”和“上机实训”两个模块，以便使教师更加合理地安排教学，使学生能通过完成习题的方式巩固学习的理论知识，通过上机实训提高网页制作的实践技能，制作出效果精彩、页面美观和可读性强的网页。

参加本书编写的作者均为从事Dreamweaver教学工作多年的资深教师，有着丰富的教学经验和网页设计案例。

本书的第1、7章由焦鸿斌编写，第2、3、4由石莹编写，第5、6章由韩智慧编写，第8、9章由徐金艳编写，第10、11、12章由隋庆茹编写。全书由杨继拟定大纲和统稿。另外，参加本书资料收集和整理的还有刘晓彦、张兴华、宋庆保等教师。

本书可作为高等院校计算机及相关专业的教材，也适合作为专业网页制作人员和广大网页制作爱好者的自学参考书。

由于作者水平有限，书中的缺点和错误在所难免，恳请广大读者批评指正。

编 者

2010年10月

前言

第1章 网页设计与制作概述 1
本章学习目标 1
1.1 网络基础知识 1
1.1.1 计算机网络的概念 1
1.1.2 WWW简介 2
1.1.3 统一资源定位器 3
1.1.4　IP地址与域名 3
1.2 网页设计基础知识 4
1.2.1 网页的基本元素 5
1.2.2 网页制作和美化的工具 5
1.2.3 网页的色彩搭配 6
1.3 HTML语言基础 7
1.3.1 HTML语言简介 7
1.3.2 HTML文档的基本结构 7
1.3.3 HTML语言的常用标记及其用法 8
1.4 网站建设的流程 15
1.4.1 整体规划 15
1.4.2 网页设计与制作 15
1.4.3 测试网页 16
1.4.4 网页的上传与发布 16
习题一 16
上机实训 18
第2章 网页设计基础 19
本章学习目标 19
2.1 网页设计基础 19
2.1.1 Dreamweaver 8的启动方式 19
2.1.2 Dreamweaver 8的工作环境 20
2.2 创建与编辑本地站点 23
2.2.1 创建本地站点 23
2.2.2 站点管理 26
2.2.3 站点文件操作 27
2.3 网页文件的基本操作 30
2.3.1 创建、打开和保存网页文件 30
2.3.2 设置网页的页面属性 31
2.3.3 设置网页元素的颜色 35
2.3.4 网页文本的编辑 36
习题二 41
上机实训 42
第3章 图像和其他媒体 43
本章学习目标 43
3.1 插入图像 43
3.1.1 网页中常见的图像格式 43
3.1.2 插入网页图像 44
3.1.3 设置网页图像的属性 45
3.1.4 图像占位符 49
3.1.5 设置网页背景图像 50
3.1.6 设置鼠标经过图像 51
3.2 插入声音 52
3.2.1 常见的音频文件格式 52
3.2.2 声音的插入 53
3.3 插入动画和视频 54
3.3.1 插入Flash动画 54
3.3.2 插入视频 62
3.4 其他多媒体元素的插入 64
习题三 66
上机实训 67
第4章 超级链接及其应用 68
本章学习目标 68
4.1 超级链接及其应用 68
4.1.1 超级链接概述 68
4.1.2 设置超级链接的方法 69
4.1.3 创建锚点链接 71
4.1.4 创建E-mail链接 71
4.1.5 创建导航条 72
4.1.6 创建跳转菜单 74
4.1.7 创建热点链接 75
4.2 超级链接的管理 76
4.2.1 启用连接管理 77
4.2.2 创建站点缓存 77
4.2.3 在站点地图中修改链接 78
4.2.4 删除链接 79
4.2.5 更改链接 79
4.2.6 检查链接 80
4.3 超级链接的实例 81
习题四 84
上机实训 85
第5章 表格的创建与应用 87
本章学习目标 87
5.1 表格的创建 87
5.1.1 在HTML代码中创建表格 87
5.1.2 在Dreamweaver中创建表格 90
5.2 表格的编辑 93
5.2.1 选择表格对象 93
5.2.2 合并与拆分单元格 94
5.2.3 调整表格的行数与列数 96
5.3 表格的属性设置 97
5.3.1 设置表格属性 97
5.3.2 设置单元格属性 99
5.3.3 表格应用实例 100
5.4 特效表格的制作 103
5.4.1 打造细线表格 103
5.4.2 制作立体表格 104
5.4.3 打造圆角表格 105
5.5 布局表格 107
5.5.1 Dreamweaver的布局模式 107
5.5.2 创建布局表格和布局单元格 108
5.5.3 调整布局表格和布局单元格 111
5.5.4 布局模式排版实例 114
习题五 117
上机实训 119
第6章 框架实现多窗口页面 121
本章学习目标 121
6.1 框架与框架集 121
6.2 框架的基本操作 122
6.2.1 在HTML代码中创建框架 122
6.2.2 在Dreamweaver中创建框架 123
6.2.3 框架页的选择 125
6.2.4 框架页的保存 126
6.2.5 指定框架网页文件 126
6.2.6 设置框架中的链接 127
6.3 框架的属性 127
6.4 框架布局网页实例 129
6.5 制作浮动框架 134
习题六 138
上机实训 139
第7章 层与行为 142
本章学习目标 142
7.1 层的基本概念 142
7.2 层的基本操作 143
7.2.1 创建新的层 143
7.2.2 激活和选中层 144
7.2.3 调整、移动和对齐层 145
7.2.4 创建嵌套层 145
7.3 层的参数设置 146
7.4 层的属性面板与控制面板的设置 147
7.4.1 层的属性面板 147
7.4.2 层的控制面板 148
7.5 层制作实例 149
7.6 行为的概述 150
7.7 行为面板及其使用方法 150
7.8 添加和编辑行为 151
7.9 Dreamweaver内置的动作与事件 152
7.10 行为的应用实例 154
7.11 层与行为制作实例 155
习题七 159
上机实训 160
第8章 样式表 162
本章学习目标 162
8.1 CSS简介 162
8.1.1 什么是CSS 162
8.1.2 CSS的特点 162
8.1.3 CSS的写法 163
8.1.4 初识CSS面板 163
8.2 创建CSS样式 165
8.2.1 定义CSS类样式 166
8.2.2 重定义HTML标签样式 168
8.2.3 修改超级链接样式 169
8.2.4 定义样式规则的位置 170
8.3 定义CSS属性 170
8.3.1 类型属性 170
8.3.2 背景属性 171
8.3.3 区块属性 172
8.3.4 方框属性 173
8.3.5 边框属性 173
8.3.6 列表属性 174
8.3.7 定位属性 175
8.3.8 扩展属性 175
8.4 编辑CSS样式 178
8.4.1 更改CSS样式 178
8.4.2 删除CSS样式 178
8.4.3 导出CSS样式 178
8.4.4 应用外部样式表 179
8.5 样式冲突 179
8.6 设置CSS样式实例 180
习题八 181
上机实训 182
第9章 时间轴 184
本章学习目标 184
9.1　时间轴概述 184
9.2　认识时间轴面板 184
9.3 创建时间轴动画 186
9.4 编辑时间轴 187
9.5 控制时间轴 189
9.5.1 播放时间轴 189
9.5.2 转到时间轴帧 189
9.6 时间轴动画实例 189
9.6.1 利用时间轴制作网页动画 189
9.6.2 带有行为的网页动画制作实例 192
习题九 194
上机实训 195
第10章 表单的应用 197
本章学习目标 197
10.1 创建表单 197
10.1.1 了解表单 197
10.1.2 如何创建表单 198
10.1.3 设置表单属性 199
10.2 添加表单对象 199
10.2.1 添加文本域 199
10.2.2 添加单选按钮和单选按钮组 201
10.2.3 添加复选框 202
10.2.4 添加列表/菜单 203
10.2.5 添加跳转菜单 204
10.2.6 添加按钮 205
10.2.7 其他表单对象 206
10.3 表单应用实例 207
习题十 209
上机实训 210
第11章 模板和库的应用 211
本章学习目标 211
11.1 模板 211
11.1.1 创建模板 211
11.1.2 编辑模板 213
11.1.3 应用模板 217
11.1.4 更新基于模板的网页文档 218
11.2 库 219
11.2.1 创建库项目 219
11.2.2 编辑库项目 219
11.2.3 应用库项目 220
11.2.4 更新基于库项目的网页文档 220
习题十一 221
上机实训 222
第12章 网页综合应用实例 223
本章学习目标 223
12.1 网页效果预览 223
12.2 制作分析 225
12.2.1 规划站点 226
12.2.2 收集素材和资料 226
12.3 创建站点 227
12.4 页面制作 227
参考文献 247

1. 网页设计与制作实验指导 [主编　邓文锋 利珊]
2. 网页设计与制作 [主编　温凯峰 叶仕通]
3. 网页设计与制作 [主编 王潇 章明珠]
4. 网页设计与制作 [主编 李佼辉 聂树成]
5. 网页设计与制作 [主编 杨毅]
6. 网页设计与制作 [主编 陈建国 项炜]
7. 网页设计与制作 [孙娜 蒲秋梅 南洋 编著]
8. 网页设计与制作 [王铁桩 聂卫献]
9. 网页设计实训教程 [主编 张春英 李英文 钟大伟]
10. 网页设计与开发实战教程 [李云程]
11. 网页设计与制作项目化教程 [周观民 梁雪梅]
12. 网页设计与制作项目案例教程（Dreamweaver CS6） [杨丽芳 刘琳]
13. 脚本语言与动态网页设计（第二版） [主 编 张景峰 王培军]
14. 网页设计实用技术 [主 编 陈建国 李勤]
15. 网页设计与制作（第二版） [马占欣]
16. 动态网页设计与制作实用教程（第三版） [程伟渊 倪燃]
17. 网页设计与制作实用技术（第二版） [齐建玲 杨艳杰]
18. 多媒体网页设计教程 [主编 朱国华 齐晖 李枫]
19. 网页设计与制作（第二版）实训指导 [任正云 赖玲 严永松 王娅纷]
20. 网页设计与制作（第二版） [任正云 赖玲 严永松 编著]
21. 网页设计与制作 [主编 陈彦许 陈维华]
22. Internet与网页设计 [齐建玲 主编]
23. Dreamweaver 8 & Fireworks 8 & Photoshop CS2 & Flash 8中文版网页制作四合一教程 [王磊 主 编]
24. 网页制作技术（第二版） [许莉 主编 ]
25. 动态网页设计（Dreamweaver CS3+ASP.NET） [张德芬 主 编 ]
26. HTML与CSS前台页面设计 [许莉 主编 ]
27. 网页设计 [王移芝 唐宏 于樊鹏 编著]
28. 网页设计与制作（第二版） [李京文]
29. 网页制作基础教程 [朱子江 刘东 主编]
30. Dreamweaver 8基础与实例教程 [马宪敏 主编]