网页设计与制作实用教程

本书主要讲解网页设计与制作方面的内容。全书分为12章，主要内容包括网页制作的基本技术、创建和管理站点、表单的应用、动态HTML行为、站点的测试与发布等。

本书内容翔实、实例丰富、通俗易懂，网页设计注重融入更多设计理念方面的分析，网页制作则偏重于方法与技巧。通过详尽的讲解和有代表性的实例分析，帮助读者快速地掌握相关的知识点。

本书尽量体现知识的完整性，在编写时力图把相关理论知识和制作技术两方面结合起来。为了使读者尽快地掌握制作技巧，我们把本书涉及的实例资源做成一个网站提供下载和服务，并且把每个实验做成视频教程，相信这样对读者会有所帮助。

本书主要有如下特点：

1．概念描述+实例巩固。本书将软件操作类知识点转化成易于快速完成的实例，这些实例易上手、操作快，可快速给学习者建立信心。

2．视频演示+实例素材。每章提供多个实例的Flash视频操作过程以及实例中所需要的素材。

3．体现设计+技术。在描述技术实现的过程中，将网页设计的思想贯穿其中，并注重融入更多设计理念方面的分析，尤其是对教学网站网页特征的分析。

本书由雷运发主编，负责全书的规划和统稿工作，莫云峰任副主编，负责素材的整理和本书配套教学网站的建设工作。本书编写人员分工如下：雷运发编写了第1章、第4章，莫云峰编写了第6章，覃伟编写了第3章、第10章和第11章，毛华编写了第5章、第8章，李蕾编写了第2章，唐伟编写了第9章、鲍宗亮编写了第7章，吴益民编写了第12章。参加本书编写工作的还有：杨海军、袁繁华、林雪芬等。在本书的编写过程中，参考了大量的专业书籍，并得到了许多同行的真诚帮助，在此一并向他们表示衷心的感谢。

尽管在编写本书时作者已尽了最大努力，但是由于水平有限，书中难免存在疏漏和不妥之处，希望专家和读者朋友及时指正，我们的E-mail：wysjzz_0511@sina.com。

编者

2005年11月

前言
第1章 网页设计与制作概述 1
本章学习目标 1
1.1 互联网与网站 1
1.1.1 基本概念 1
1.1.2 网站分类 4
1.2 网站结构与网页布局 6
1.2.1 网站结构 6
1.2.2 网页页面布局 7
1.3 网页制作工具 9
1.3.1 网页布局工具 9
1.3.2 网页美化工具 10
1.4 网页开发语言 10
1.4.1 HTML语言 10
1.4.2 动态网站开发语言 12
1.5 网站规划 12
1.5.1 网站制作流程 12
1.5.2 网站策划书 13
1.5.3 站点评测 16
本章小结 17
综合练习 17
第2章 网页制作快速入门 19
本章学习目标 19
2.1 Dreamweaver MX 2004基本操作 19
2.1.1 Dreamweaver MX 2004的界面 19
2.1.2 网页的基本操作 22
2.2 创建和管理站点 23
2.2.1 站点管理器的基本组成 24
2.2.2 站点的定义 24
2.2.3 管理站点 27
2.2.4 站点文件和文件夹管理 27
2.3 制作一个简单网页 29
2.3.1 网页属性设置 29
2.3.2 实例1：创建简单页面 30
本章小结 33
综合练习 34
第3章 网页布局 36
本章学习目标 36
3.1 布局的实质 36
3.1.1 什么是布局 36
3.1.2 布局的实质 36
3.2 利用表格布局 37
3.2.1 插入表格 37
3.2.2 表格的属性设置 39
3.2.3 利用“布局表格”布局网页 48
3.3 特殊表格布局 51
3.3.1 实例1：横竖分隔线的制作 52
3.3.2 实例2：细线表格的制作 54
3.3.3 实例3：立体表格的制作 55
3.4 用层进行布局 56
3.4.1 创建层 56
3.4.2 操作层 57
3.4.3 层的属性设置 59
3.4.4 层和表格的转换 60
3.5 用框架进行布局 61
3.5.1 创建框架 61
3.5.2 框架的基本操作 63
3.5.3 设置框架属性 65
本章小结 67
综合练习 67
第4章 在网页中插入基本元素 69
本章学习目标 69
4.1 文本元素的插入 69
4.1.1 文本元素的插入 69
4.1.2 格式化文本 71
4.1.3 项目列表 72
4.1.4 实例：插入文本及美化 75
4.2 图像元素 78
4.2.1 插入图像 78
4.2.2 插入Fireworks图片 83
4.2.3 实例：制作网站相册 83
4.3 交互对象 84
4.3.1 各种媒体的来源 85
4.3.2 Flash动画 85
4.3.3 插入其他动态元素 90
4.3.4 为网页加入音乐 92
4.3.5 实例：插入Flash按钮 93
本章小结 96
综合练习 96
第5章 超级链接的使用 98
本章学习目标 98
5.1 创建超级链接 98
5.1.1 超级链接的作用及类型 98
5.1.2 实例：创建超级链接 100
5.1.3 实例：创建电子邮件链接 105
5.1.4 实例：创建锚点链接 106
5.1.5 实例：创建热区链接 108
5.2 编辑链接效果 110
5.2.1 实例：自定义链接颜色 110
5.2.2 实例：同一网页中设置两种不同的链接 111
本章小结 115
综合练习 115
第6章 Dreamweaver 行为应用 117
本章学习目标 117
6.1 Dreamweaver 行为的基本概念 117
6.1.1 行为面板 117
6.1.2 行为与浏览器的关系 118
6.2 设定行为命令 118
6.2.1 在对象中加入行为命令 118
6.2.2 编辑行为 118
6.3 创建行为实例 120
6.3.1 实例：弹出信息框 120
6.3.2 实例：打开浏览器窗口 122
6.3.3 实例：用显示-隐藏层制作下拉菜单 123
6.3.4 实例：使用改变属性制作图片阴影效果 127
6.3.5 实例：播放声音 129
6.3.6 实例：设置层中的文本 130
6.3.7 实例：设置状态栏中的文本 131
本章小结 131
综合练习 132
第7章 使用样式修饰页面 133
本章学习目标 133
7.1 样式的基本操作 133
7.1.1 使用CSS样式 133
7.1.2 CSS样式的管理与应用 139
7.2 CSS样式实例 140
7.2.1 实例：重定义特定标签 140
7.2.2 实例：使用CSS选择器 142
7.2.3 实例：CSS控制网页背景 145
7.2.4 实例：CSS区块排列文本 147
7.2.5 实例：CSS方框对齐对象 150
7.2.6 实例：CSS边框创建漂亮按钮 151
本章小结 153
综合练习 154
第8章 Dreamweaver辅助工具 156
本章学习目标 156
8.1 模板 156
8.1.1 实例：创建模板 156
8.1.2 定义可编辑区域 158
8.1.3 利用模板创建新页面 159
8.1.4 利用模板更新网站 161
8.2 库项目 162
8.2.1 创建库项目 162
8.2.2 库项目的应用 163
8.2.3 利用库项目更改网页 165
8.3 代码清理 166
8.3.1 清除多余的HTML代码和Word代码 167
8.3.2 实例：Word文档转化为网页 169
8.4 插件 174
8.4.1 插件的使用方法 174
8.4.2 实例：制作滑动菜单 176
8.4.3 实例：文本渐变 179
8.4.4 实例：鼠标控制图像淡入淡出效果 180
本章小结 183
综合练习 184
第9章 创建网页动画 186
本章学习目标 186
9.1 动画 186
9.1.1 动画的基本原理 186
9.1.2 电脑动画与网页动画 186
9.2 网页动画 187
9.2.1 常见的网页动画格式 187
9.2.2 网页动画设计考虑因素 188
9.3 创建GIF动画实例 188
9.3.1 ImageReady动画面板简介 189
9.3.2 实例：ImageReady创建GIF动画 189
9.4 创建Flash动画实例 191
9.4.1 基本概念 192
9.4.2 实例：Flash图形绘制 193
9.4.3 Flash动画类型 199
9.4.4 实例：创建运动渐变动画 199
9.4.5 实例：创建形状渐变动画 201
9.4.6 实例：路径运动动画 204
9.4.7 实例：遮罩动画 207
9.5 用Swishmax快速制作flash动画 209
9.5.1 Swishmax界面介绍 209
9.5.2 时间线窗口 210
9.5.3 实例：用Swishmax快速制作Flash动画 210
9.6 本章小结 212
综合练习 212
第10章 网页图像处理 215
本章学习目标 215
10.1 网页图像基础 215
10.1.1 网页图像格式 215
10.1.2 网页图像使用要点 217
10.1.3 图像处理软件 217
10.2 Photoshop设计网页 217
10.2.1 Photoshop概述 217
10.2.2 Photoshop基本操作 218
10.2.3 Photoshop设计网站封页 224
10.3 Fireworks设计网页 227
10.3.1 Fireworks概述 227
10.3.2 Fireworks MX 2004基本操作 228
10.3.3 实例：Fireworks MX 2004制作按钮 233
10.3.4 实例：Fireworks MX 2004制作下拉菜单 236
本章小结 239
综合练习 239
第11章 动态网页技术 241
本章学习目标 241
11.1 表单 241
11.1.1 什么是表单 241
11.1.2 表单域的类型 242
11.1.3 表单 243
11.1.4 实例：建立表单 249
11.2 动态网页技术 253
11.2.1 安装IIS组件 253
11.2.2 配置IIS 255
11.2.3 实例：简单留言本制作 257
本章小结 264
综合练习 264
第12章 测试和发布网页 266
本章学习目标 266
12.1 申请网络免费资源 266
12.1.1 申请免费计数器 266
12.1.2 申请免费留言板 268
12.2 测试网页 270
12.2.1 检测浏览器兼容性 270
12.2.2 检测链接错误 273
12.3 网站发布 274
12.3.1 使用Dreamweaver站点管理发布网站 274
12.3.2 使用CuteFTP发布网站 275
12.4 综合网站制作实例 277
12.4.1 实例：网站首页制作 277
12.4.2 推广网站 280
本章小结 280
综合练习 281
参考文献 282

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