内 容 简 介

本书主要讲述用Dreamweaver 8、Flash 8及Photoshop CS2进行网页设计制作。主要内容包括网页是怎样制作的、网页制作基础、创建网页基本对象、用表格布局页面、用框架布局页面、使用层和行为、创建表单、Flash 8动画制作基础、用Flash绘制动画对象、元件和库面板、创建各种基本动画、导入声音和视频、ActionScript的应用、优化及发布动画、用Photoshop制作网页、文本和图层的应用、选取与处理图像、使用路径和滤镜、网页切片输出与动画制作、综合应用实例等知识。

本书以小魔女对网页设计制作一窍不通到能熟练设计制作网页的过程贯穿始末，内容浅显易懂，结合实际应用进行讲解，注重技巧和实用性，以便于引导初学者自学。每章后面均附有丰富生动的练习题，以检验读者对本章知识点的掌握程度，达到巩固每章知识的目的。

本书定位于网页设计制作初学者，适用于对网页制作有兴趣的初学者、网页设计制作培训，也适合对网页制作有一定基础的用户作为提高的参考用书。

Dreamweaver 8+Flash 8+Photoshop CS2，是目前网页设计制作的至强组合，用Photoshop CS2可以对网页结构进行布局、制作网页中所需的图像，是网页图像制作、处理的首选软件。

Flash 8是制作网页动画的首选。网上铺天盖地的Flash游戏、搞笑的Flash短剧、动画与音乐并茂的Flash MTV、极强冲击力的Flash广告、炫目的Flash Web、图文音并茂的Flash电子杂志，都是Flash软件的杰作。

Dreamweaver 8是制作网页的利器 ，它的强大就在于可以将Photoshop CS2制作的图像、Flash 8制作的动画以及其他各种类型的媒体（如rm格式的电影、mp3格式的音乐）合为一体，并通过合理的布局、整合，最终将整合的所有内容作为网页页面呈现出来。

? 本书内容

本书主要讲解用Dreamweaver 8+Flash 8+Photoshop CS2进行网页设计制作的相关知识，适合广大网页制作者。本书考虑到初学者的实际情况，尽量让语言浅显易懂；同时用大量实例贯穿全书，让读者在学习过程中能够理论与实践有机地结合，提高学习效率。本书共20章，可分为以下4个部分：

章    节 内    容 目      的

第1部分（第1~7章） 网页制作基础、创建网页对象、布局页面、使用层和行为、创建表单 掌握用Dreamweaver制作网页的方法

第2部分（第8~14章） 动画制作基础、绘制对象、元件和库面板、制作动画、发布动画 掌握用Flash制作网页的方法

第3部分（第15~19章） 用Photoshop制作网页、制作与处理图像、网页切片输出与动画制作 掌握用Photoshop制作网页图像的方法

第4部分（第20章） 综合应用实例 综合应用各个软件，制作完整网页

? 本书适合的读者对象

本书适合以下读者：

（1）对网页制作感兴趣的朋友。

（2）网页制作初学者。

（3）想制作个人网站、企业网站的朋友。

（4）在校学生。

? 如何阅读本书

本书中的每章均按照“本章要点+内容导读+本章内容+小结+过关练习”的结构进行讲述，各部分的作用如下：

? 本章要点：以简练的语言列出了本章要点，要点前面还列出了该要点所在的页码，通过它可以快速翻阅重点知识。

? 内容导读：通过小魔女和魔法师的对话引出本章内容，活泼生动的语言让人读来兴趣盎然，同时了解学习本章的原因和重要性。

? 本章内容：将实例贯穿于知识点中讲解，将知识点和实例融为一体，以图示方式进行讲解，并通过典型实例强化知识点。

? 小结：以魔法师的身份总结本章的重点、难点，提出需要注意的问题，并告诉小魔女一些与本章有关的延伸知识，扩展读者的知识面，以达到举一反三的目的。

? 过关练习：主要包括问答题和上机操作题，以提高读者的思维能力和实际动手能力。

另外，了解以下几点更有利于学习本书：

（1）本书设计了调皮好学的小魔女和知识渊博的魔法师两个人物，分别扮演老师和学生的角色，本书内容就由他们贯穿始终。读者可以结合多媒体教学光盘，随着小魔女的学习步伐，听听魔法师的讲解，通过互动式学习，掌握电脑的基本操作。

（2）本书在讲解知识点时尽量采用图示方式，用  、  、  ……表示操作顺序，并在关键步骤用简单的文字进行描述，有联系的图与图之间用箭头连接起来，体现操作的动态变化过程，读者只要结合文字讲解就可以很容易地学会相应操作。

（3）本书将丰富生动的实例贯穿于知识点中，读者学完一个知识点就学会一种操作，能解决一个实际问题，然后通过一个典型实例强化知识点。读者可以在学习知识点时有意识地练习实例，在制作典型实例时理解知识点。

（4）语言平实，以白话式的语言叙述专业术语，将知识点娓娓道来。对于“专业术语”，读者不用死记硬背，只需要了解或理解其含义即可。

（5）本书中穿插了小魔女和魔法师的提示语言以及魔法档案和魔力测试两个小栏目。看到小魔女、魔法师卡通和魔法档案可要提高警惕哟，它们都是需要重点注意的地方。魔力测试实际就是强化知识点的小练习，只要即时练习，趁热打铁，就能记忆深刻。

（6）过关练习是巩固所学知识点和提高动手能力的关键，必须综合运用前面所学的知识点才可能做出来。建议读者一定要正确做完所有题目后再进入下一章的学习。

? 创作队伍

本书由九州书源组织编著，由刘定林、孙海刚主笔，其他参与本书编著、资料整理、多媒体开发及程序调试的人员有郑瑶、李晶晶、陈裕明、梁蔚、张显伟、胡静、朱磊、陈俊、文艳、成斌、陈良、刘刚、陈晓贇、吕军军、冉振、周望军、万金、陈乐、肖丽、孟凯林、张绪伟、周鑫、李刚、李伟栋、王辉、吴宗琴、王晨霖、李波、肖乙涵、罗皇等，在此对大家的辛勤工作表示衷心的感谢！

对于本书，我们已经努力做到了“好”，您尽可以放心地阅读和学习，相信它会成为您的良师益友。若您在阅读过程中遇到困难或疑问，可以给我们写信，我们的E-mail是book@jzbooks.com。我们还专门为本书开通了一个网站，以解答您的疑难问题，网址是http://www.jzbooks.com。

编  者

2006年7月

第1章  网页是怎样制作的 1

1.1  网页制作的基础知识 2

1.1.1  HTML的简单原理 2

1.1.2  网页的组成元素 3

1.1.3  网页常见部分的称谓及规范 4

1.2  网页制作的软件 6

1.2.1  图像处理软件 6

1.2.2  动画制作软件 6

1.2.3  网页布局软件 6

1.3  网页制作的流程 7

1.3.1  网站主题定位 7

1.3.2  建立网站架构 7

1.3.3  设计网站形象 8

1.3.4  制作网站页面 9

1.3.5  网站发布与宣传 10

1.3.6  更新与维护网站内容 12

1.4  小结 12

1.5  过关练习 12

第2章  网页制作基础 13

2.1  IIS的安装与简单配置 14

2.1.1  安装IIS的必要性 14

2.1.2  安装IIS 14

2.1.3  IIS的简单配置 16

2.2  站点的基本操作 18

2.2.1  建立站点 18

2.2.2  站点信息的修改 19

2.3  网页文档的基本操作 20

2.3.1  创建网页文档 20

2.3.2  预览网页 21

2.3.3  保存和关闭网页文档 21

2.3.4  打开网页文档 22

2.4  页面属性设置 22

2.4.1  设置“外观”属性 22

2.4.2  设置“链接”属性 23

2.5  用CSS统一页面风格 24

2.5.1  新建CSS样式文件 24

2.5.2  样式的修改 26

2.5.3  样式的应用 26

2.6  典型实例——新建“形象页”

文档 27

2.6.1  实例目标 27

2.6.2  制作分析 27

2.6.3  操作过程 27

2.7  小结 28

2.8  过关练习 28

第3章  创建网页基本对象 29

3.1  文本的基本操作 30

3.1.1  插入文本 30

3.1.2  插入特殊字符 30

3.1.3  插入水平线 30

3.1.4  插入列表 31

3.1.5  文本基本设置 32

3.2  创建活动字幕 34

3.3  图像的操作 35

3.3.1  插入图像 35

3.3.2  编辑图像 36

3.3.3  制作鼠标经过图像 37

3.3.4  制作导航条 38

3.4  使用超级链接 39

3.4.1  超级链接的种类 39

3.4.2  创建超级链接 40

3.5  插入Flash 42

3.5.1  Flash文件类型 43

3.5.2  插入Flash媒体元素 43

3.5.3  设置Flash背景透明 44

3.6  典型实例——为“形象页”

添加内容 45

3.6.1  实例目标 45

3.6.2  制作分析 46

3.6.3  操作过程 46

3.7  小结 49

3.8  过关练习 49

第4章  用表格布局页面 51

4.1  创建表格 52

4.1.1  表格的插入 52

4.1.2  嵌套表格的插入 53

4.2  表格单元格中内容的添加 53

4.3  表格的编辑 54

4.3.1  表格元素的选定 54

4.3.2  单元格的合并及拆分 55

4.3.3  添加和删除行或列 57

4.3.4  表格属性设置 58

4.3.5  单元格属性设置 59

4.4  典型实例——网站主页制作 59

4.4.1  实例目标 59

4.4.2  制作分析 60

4.4.3  操作过程 60

4.5  小结 62

4.6  过关练习 62

第5章  用框架布局页面 63

5.1  了解框架及框架集 64

5.2  框架及框架集的创建 65

5.2.1  创建框架集 65

5.2.2  分割框架 66

5.2.3  创建嵌套框架集 67

5.3  框架及框架集的基本操作 67

5.3.1  框架及框架集的保存 67

5.3.2  认识“框架”面板 68

5.3.3  选择框架和框架集 68

5.3.4  删除框架 69

5.4  框架及框架集的属性设置 69

5.4.1  设置框架的属性 70

5.4.2  设置框架集的属性 71

5.5  典型实例——制作“文章详情”

页面 71

5.5.1  实例目标 71

5.5.2  制作分析 72

5.5.3  操作过程 72

5.6  小结 74

5.7  过关练习 74

第6章  使用层和行为 75

6.1  层的创建和调整 76

6.1.1  创建层 76

6.1.2  创建嵌套层 76

6.1.3  使用“层”面板 77

6.1.4  选择层 78

6.1.5  调整层的大小 78

6.1.6  移动层 79

6.1.7  对齐层 79

6.2  层的内容添加及属性设置 80

6.2.1  层的内容添加 80

6.2.2  设置层的属性 80

6.3  行为和事件 81

6.3.1  行为和事件简介 82

6.3.2  “行为”面板 82

6.4  常用行为的使用 82

6.4.1  弹出信息 82

6.4.2  打开浏览器窗口 83

6.4.3  播放声音 85

6.5  典型实例——为主页制作浮动

广告 85

6.5.1  实例目标 85

6.5.2  制作分析 86

6.5.3  操作过程 86

6.6  小结 88

6.7  过关练习 88

第7章  创建表单 89

7.1  表单的创建与设置 90

7.1.1  创建表单 90

7.1.2  设置表单属性 91

7.2  创建表单对象 91

7.2.1  文本字段 92

7.2.2  列表/菜单 94

7.2.3  单选按钮 95

7.2.4  复选框 96

7.2.5  文件域 97

7.2.6  按钮 98

7.2.7  图像域 98

7.2.8  隐藏域 99

7.3  典型实例——制作“用户注册”

页面 100

7.3.1  实例目标 100

7.3.2  制作分析 101

7.3.3  操作过程 101

7.4  小结 104

7.5  过关练习 104

第8章  Flash 8动画制作基础 105

8.1  Flash动画在网页中的应用 106

8.2  Flash动画的创建流程 107

8.2.1  构思 107

8.2.2  平面设计 107

8.2.3  制作动画 107

8.2.4  预览与发布 107

8.3  Flash文档的基本操作 108

8.3.1  创建Flash文档 108

8.3.2  设置动画场景 108

8.3.3  保存Flash文档 109

8.3.4  打开Flash文档 110

8.4  典型实例——创建“index.fla”

文档 110

8.4.1  实例目标 110

8.4.2  制作分析 110

8.4.3  操作过程 111

8.5  小结 112

8.6  过关练习 112

第9章  用Flash绘制动画对象 113

9.1  “工具”面板介绍 114

9.2  绘图工具的使用 115

9.2.1  使用铅笔工具 115

9.2.2  使用线条工具与选择工具 116

9.2.3  使用椭圆工具与任意变形

工具 117

9.2.4  使用矩形工具与部分选取

工具 119

9.2.5  使用文本工具与墨水瓶工具 121

9.3  给对象填充颜色 122

9.4  典型实例——绘制Logo文档

中的对象 126

9.4.1  实例目标 126

9.4.2  制作分析 126

9.4.3  操作过程 127

9.5  小结 131

9.6  过关练习 132

第10章  元件和库面板 133

10.1  元件概述 134

10.2  元件的创建 134

10.2.1  图形元件 134

10.2.2  影片剪辑 135

10.2.3  按钮元件 138

10.3  “库”面板的操作 139

10.3.1  认识“库”面板 139

10.3.2  库的使用 139

10.4  典型实例——制作Logo文档

中的元件 141

10.4.1  实例目标 141

10.4.2  制作分析 142

10.4.3  操作过程 142

10.5  小结 148

10.6  过关练习 148

第11章  创建各种基本动画 149

11.1  认识时间轴 150

11.2  创建基本动画 150

11.2.1  逐帧动画 150

11.2.2  动画补间动画 152

11.2.3  形状补间动画 154

11.3  创建引导线动画和遮罩

动画 156

11.3.1  引导线动画 156

11.3.2  遮罩动画 158

11.4  典型实例——制作“你最

珍贵”动画 160

11.4.1  实例目标 160

11.4.2  制作分析 160

11.4.3  操作过程 161

11.5  小结 164

11.6  过关练习 164

第12章  导入声音和视频 165

12.1  导入及使用声音 166

12.1.1  导入声音 166

12.1.2  使用声音 166

12.2  处理声音 167

12.2.1  设置声音属性 167

12.2.2  编辑声音 168

12.2.3  输出声音设置 170

12.3  导入视频 171

12.4  典型实例——添加网站背景

音乐 171

12.4.1  实例目标 172

12.4.2  制作分析 172

12.4.3  操作过程 172

12.5  小结 173

12.6  过关练习 173

第13章  ActionScript的应用 175

13.1  ActionScript概述 176

13.1.1  变量 176

13.1.2  函数 177

13.1.3  表达式和运算符 178

13.2  ActionScript的语法规则 178

13.2.1  点语法 179

13.2.2  括号和分号 179

13.2.3  关键字 179

13.2.4  字母大小写 179

13.2.5  注释 180

13.3  添加ActionScript语句 180

13.3.1  认识“动作”面板 180

13.3.2  为帧添加动作 180

13.3.3  为影片剪辑添加语句 181

13.3.4  为按钮添加语句 182

13.4  常用ActionScript语句 183

13.4.1  播放控制 183

13.4.2  播放跳转 183

13.4.3  超级链接语句 183

13.4.4  条件语句 184

13.4.5  循环语句 185

13.5  典型实例——制作网站

菜单 187

13.5.1  实例目标 187

13.5.2  制作分析 187

13.5.3  操作过程 187

13.6  小结 190

13.7  过关练习 190

第14章  优化及发布动画 191

14.1  动画优化与测试 192

14.1.1  动画的优化 192

14.1.2  优化动画元素 192

14.1.3  优化文本 193

14.1.4  动画的测试 193

14.2  导出动画与图像 194

14.2.1  导出电影 194

14.2.2  导出图像 194

14.3  发布Flash作品 195

14.4  典型实例——“手机广告”

动画的发布 196

14.4.1  实例目标 196

14.4.2  制作分析 197

14.4.3  操作过程 197

14.5  小结 198

14.6  过关练习 198

第15章  用Photoshop制作网页 199

15.1  网页图像基础知识 200

15.1.1  图形与图像 200

15.1.2  网页图像的色彩 200

15.2  文档基本操作 201

15.2.1  新建网页图像文档 201

15.2.2  保存网页图像文档 202

15.2.3  打开网页图像文档 202

15.3  网页布局工具 203

15.3.1  创建参考线 203

15.3.2  使用矩形工具 204

15.3.3  使用单行选框工具 204

15.3.4  使用直线工具 205

15.4  上色工具 205

15.4.1  设置前景色与背景色 205

15.4.2  使用渐变工具 206

15.5  典型实例——网站首页基本

布局 207

15.5.1  实例目标 207

15.5.2  制作分析 207

15.5.3  操作过程 208

15.6  小结 213

15.7  过关练习 214

第16章  文本和图层的应用 215

16.1  创建与编辑文本 216

16.1.1  输入文本 216

16.1.2  选取文本 217

16.1.3  设置文本属性 217

16.1.4  创建变形文本 218

16.2  图层的基本操作 219

16.2.1  新建图层 219

16.2.2  复制图层 219

16.2.3  删除图层 220

16.2.4  隐藏与显示图层 220

16.2.5  调整图层顺序 220

16.2.6  创建新组 221

16.3  使用图层样式 221

16.3.1  发光 222

16.3.2  斜面和浮雕 223

16.3.3  投影 224

16.4  典型实例——制作首页导航

菜单 225

16.4.1  实例目标 225

16.4.2  制作分析 225

16.4.3  操作过程 226

16.5  小结 228

16.6  过关练习 228

第17章  选取与处理图像 229

17.1  创建与编辑图像选区 230

17.1.1  创建图像选区 230

17.1.2  修改图像选区 232

17.2  图像的基本编辑 235

17.2.1  复制图像 235

17.2.2  移动图像 236

17.2.3  删除图像 236

17.2.4  变换图像 236

17.3  网页图像色彩调整 237

17.3.1  网页图像色彩简介 237

17.3.2  图像色彩的调整 239

17.4  典型实例——制作网页

按钮 241

17.4.1  实例目标 241

17.4.2  制作分析 241

17.4.3  操作过程 241

17.5  小结 244

17.6  过关练习 244

第18章  使用路径和滤镜 245

18.1  创建路径 246

18.1.1  使用钢笔工具创建路径 246

18.1.2  由选区转为路径 247

18.2  编辑路径 247

18.2.1  选取路径 247

18.2.2  编辑路径 248

18.2.3  将路径转为选区 249

18.3  使用常用滤镜 249

18.3.1  高斯模糊 250

18.3.2  动感模糊 250

18.3.3  极坐标 251

18.3.4  光照效果 251

18.4  典型实例——制作网站

标志 252

18.4.1  实例目标 253

18.4.2  制作分析 253

18.4.3  操作过程 253

18.5  小结 255

18.6  过关练习 256

第19章  网页切片输出与动画制作 257

19.1  创建与修改切片 258

19.1.1  如何切片 258

19.1.2  创建切片 259

19.1.3  选择切片 259

19.1.4  修改切片 259

19.1.5  切片的删除 259

19.1.6  编辑切片选项 260

19.2  优化与输出切片 260

19.2.1  优化切片 260

19.2.2  输出切片 261

19.3  创建GIF动画 262

19.3.1  认识“动画”面板 262

19.3.2  创建动画 262

19.4  典型实例——制作动态

Banner 264

19.4.1  实例目标 265

19.4.2  制作分析 265

19.4.3  操作过程 265

19.5  小结 268

19.6  过关练习 268

第20章  综合应用实例 269

20.1  设计网页图像 270

20.1.1  实例目标 270

20.1.2  制作分析 271

20.1.3  操作过程 271

20.2  制作导航菜单 273

20.2.1  实例目标 273

20.2.2  制作分析 273

20.2.3  操作过程 274

20.3  合成页面 277

20.3.1  实例目标 277

20.3.2  制作分析 277

20.3.3  操作过程 277

20.4  小结 278

20.5  过关练习 278