本书为清华大学出版社2004年出版的《网页制作与设计》教材的第2版。第1版自出版以来，已被国内许多高校选为高职高专教材，并且都给予了较高的评价。由于软件升级，本书第2版采用Macromedia公司最新的网页制作软件Dreamweaver 8.0、F1ash 8.0和Fireworks 8.0的版本进行讲解，并且在案例的选择上力求精益求精，从而增强了本书的实用性。

本书最大的特点是内容全面、实例丰富、可操作性强，较好地做到了内容与形式、理论与实践的统一，非常适合于中职或高职高专院校学生作为学习网页设计与制作的教材使用，也可以供网页设计与制作技术培训班的学生使用。

前    言

　　随着?Internet?的发展，网页制作、网站建设越来越流行，用于网页设计的软件也层出不穷。其中，Ｍacromedia?公司出品的?Dreamweaver、Flash?和?Fireworks?这三个软件是制作网页和网上动画的必备利器，俗称“网页三剑客”。

　　本书将讲授网页制作三剑客的最新版本?Dreamweaver 8.0、Flash 8.0和?Fireworks 8.0，它们是一套针对专业网页设计人员开发的可视化网页开发工具。这三个软件各有千秋，其中?Dreamweaver?可制作跨平台浏览器的网页，并且还可以进行网站的前台管理；Flash不但可以制作网上动画，同时还支持动画、声音、视频和交互功能，也可以创建完整的动态站点；Fireworks?可以编辑Web图像，并能自由导入图像和文本，它还可以用来制作网上流行的阴影、立体按钮等效果。

　　一、本书阅读指南

　　第1章　主要介绍网页制作基本概念、HTML与WWW、网页元素的构成及设计原则、设计网站的流程、设计网页的工具等内容。

　　第2章　主要介绍如何使用?Dreamweaver 8.0创建页面，如何建立站点等内容。

　　第3章　主要介绍?Dreamweaver 8.0的基本应用，包括使用?Dreamweaver 8.0处理文字、图片，以及创建超链接等。

　　第4章　主要介绍?Dreamweaver 8.0的高级应用，包括层的运用、样式表和行为的运用、网站的发布、网站的日常管理和维护等相关知识。

　　第5章　主要介绍?Flash 8.0的工作面板、绘图、图形和文本的编辑等内容。

　　第6章　主要介绍?Flash 8.0的时间轴和帧以及帧的编辑、动画的基本制作方法和对动画的编辑以及图层和场景等内容。

　　第7章  主要介绍?Flash 8.0中的元件(图形、按钮、影片剪辑)的创建和运用、理解ActionScript?语言、导入图形及其他多媒体文件以及影片的发布和导出等内容。

　　第8章  主要介绍?Fireworks 8.0的功能特点和基本操作，如文档的操作、图像效果的处理、动画的制作、文本的基本操作等内容。

　　第9章　通过一个综合实例，综合前面所讲的内容，涉及?Dreamweaver、Fireworks、Flash?等相关知识，让读者能真正学会网页设计的整个流程。

　　二、本书特色和优点

　　本书内容翔实、通俗易懂、图文并茂，以实例和图形界面为主，并通过实例的制作过程介绍了制作网页的各种方法和技巧。本书每一章后都配有相应的习题，可以帮助读者检验并巩固本章所学的内容。通过本书的学习，读者可以轻松掌握网页制作的基本方法，能够自行建设、管理和维护网站。

　　

三、本书读者定位

　　本书适合作为各类高职、高专、中专、短期培训班的教材，也适合网页学习者作为自学参考书。

　　四、本书约定

　　为了便于广大读者的阅读和理解，本书作了如下约定。

* “单击”表示按一下鼠标左键，“右击”表示按一下鼠标右键，“双击”表示连续按两下鼠标左键。

* 键盘上一般称为“键”，屏幕界面上一般称为“按钮”。

* 键(输)入：需要在界面上的文字编辑区或文本框中输入连续性的文字时，叙述为“键入某某”或“输入某某”。

* 用“+”号连接的组合键均表示同时按下键盘上的这几个键，如Shift+A表示在按下?Shift?键的同时按下?A?键。

　　本书由胡剑锋博士统稿，参与本书编写的有肖华波(第１章)、张友华(第2～4章)、吴华亮(第5～7章)、卢志初(第8～9章)。在编写过程中还得到毛晨蕾、周璐瑢、张丽娟、程培琳、龚邓花、赵怀明、关南宝、陈以洁和许筠的大力帮助和支持。

　　由于不同汉化版本间的差异，书中的界面与读者所使用的?Dreamweaver 8.0、Flash 8.0和?Fireworks 8.0汉化版本可能不尽相同，不便之处，请读者谅解。

　　由于编写本书的时间较为仓促，加上作者水平有限，书中缺点在所难免，恳请读者批评指正。大家如果有好的意见或建议，请发电子邮件至：586hl@163.com。

　　

目    录

第1章  网页制作入门 1

1.1  网页简介 1

1.1.1  因特网(Internet) 1

1.1.2  万维网 3

1.1.3  浏览器 4

1.1.4  统一资源定位器(URL) 7

1.1.5  电子邮件 8

1.2  从HTML到XML 9

1.2.1  HTML基本知识 9

1.2.2  XML 11

1.3  网页设计原则 13

1.3.1  网页设计的基本原则 13

1.3.2  风格布局 14

1.3.3  色彩处理 15

1.3.4  首页设计 16

1.3.5  数字图像 17

1.4  网页制作常用工具 17

1.4.1  网页编辑器 17

1.4.2  静态图片处理软件 18

1.4.3  动态网页制作工具 18

1.5  网站制作流程 19

1.5.1  网站设计原则 19

1.5.2  网站设计步骤 20

1.6  脚本语言简介 21

1.6.1  脚本语言 22

1.6.2  VBScript简介 22

1.7  习题 23

第2章  初识Dreamweaver 8.0 24

2.1  Dreamweaver 8.0概述 24

2.1.1  Dreamweaver 8.0功能综述 24

2.1.2  Dreamweaver 8.0工作界面 25

2.1.3  Dreamweaver 8.0浮动面板 26

2.2  站点建设与管理 28

2.2.1  创建站点 28

2.2.2  管理站点 30

2.2.3  测试站点 34

2.3  文档的基本操作 37

2.4  网站的后期工作 39

2.4.1  测试网站 39

2.4.2  申请站点域名 39

2.4.3  上传站点内容 39

2.4.4  管理站点 40

2.4.5  宣传自己的网站 40

2.5  习题 40

第3章  Dreamweaver 8.0基本应用 41

3.1  网页文本的添加与处理 41

3.1.1  文本的添加 41

3.1.2  文本的处理 41

3.2  网页的图像处理 43

3.2.1  网页中可以使用的

图像类型 43

3.2.2  图像的应用 44

3.2.3  编辑图像 46

3.3  建立超级链接 47

3.3.1  超级链接的分类 47

3.3.2  创建超级链接 47

3.4  框架 54

3.4.1  创建框架 54

3.4.2  修改框架 57

3.4.3  设置框架的链接 58

3.5  表格的基本操作 59

3.5.1  插入表格 60

3.5.2  用表格方式导出和导入数据 61

3.5.3  选择单元格 64

3.5.4  格式化表格边框 66

3.5.5  格式化表格 66

3.5.6  表格的合并和拆分 67

3.5.7  对表格应用模板 68

3.5.8  在表格中插入图像 70

3.6  建立表单 71

3.6.1  创建表单 73

3.6.2  添加表单对象 74

3.7  习题 82

第4章  Dreamweaver 8.0的高级应用 83

4.1  CSS样式表 83

4.1.1  CSS样式表概述 83

4.1.2  在Dreamweaver 8.0中使用

CSS样式 83

4.1.3  管理CSS样式表 93

4.1.4  CSS样式表的导出 94

4.1.5  使用外部CSS样式表 94

4.2  层 95

4.2.1  层的基本概念 96

4.2.2  创建一个层 96

4.2.3  层的面板 97

4.3  行为和JavaScript 100

4.3.1  行为、事件和动作 100

4.3.2  添加行为 101

4.3.3  标准的事件 103

4.3.4  行为应用实例 103

4.4  习题 105

第5章  Flash 8.0使用入门 106

5.1  Flash 8.0概述 106

5.1.1  Flash 8.0的新增功能 106

5.1.2  Flash 8.0的启动与退出 107

5.1.3  Flash 8.0的工作界面 108

5.2  图形和文本 111

5.2.1  颜色填充 111

5.2.2  绘画 113

5.2.3  文本的使用 117

5.2.4  图形编辑 119

5.3  习题 124

第6章  Flash 8.0动画基础 125

6.1  时间轴 125

6.1.1  时间轴简介 125

6.1.2  时间轴基本操作 127

6.2  动画帧 127

6.2.1  帧 128

6.2.2  帧标识 128

6.2.3  帧速率 129

6.3  编辑帧 129

6.3.1  插入帧 130

6.3.2  复制和粘贴帧 131

6.3.3  清除和删除帧 131

6.3.4  帧的其他操作 132

6.4  动画制作方法 132

6.4.1  动画分类 133

6.4.2  制作逐帧动画 133

6.4.3  制作形状渐变动画 135

6.5  编辑动画 136

6.5.1  绘图纸外观模式 137

6.5.2  绘图纸外观轮廓模式 138

6.5.3  多帧编辑模式 138

6.5.4  修改绘图纸标记 139

6.6  图层 139

6.6.1  图层基础 140

6.6.2  图层的基本操作 140

6.6.3  图层模式 141

6.6.4  导向图层 142

6.6.5  蒙版图层 144

6.7  场景 148

6.7.1  场景基本操作 148

6.7.2  设置场景 150

6.8  习题 151

第7章  Flash 8.0的高级应用 152

7.1  元件、实例和库资源 152

7.1.1  元件的类型 153

7.1.2  创建元件 154

7.1.3  编辑元件 156

7.1.4  创建实例 158

7.1.5  编辑实例 159

7.1.6  使用库资源 161

7.2  按钮元件的创建与应用 162

7.2.1  创建按钮元件 163

7.2.2  按钮元件的启用和测试 165

7.3  影片剪辑元件的创建与应用 166

7.3.1  创建影片剪辑元件 166

7.3.2  影片剪辑元件的应用 170

7.4  理解ActionScript语言 171

7.4.1  ActionScript术语 171

7.4.2  ActionScript脚本编写 173

7.4.3  ActionScript实例制作 175

7.5  导入图形和其他媒体 177

7.5.1  使用导入的插图 177

7.5.2  视频 182

7.5.3  声音 185

7.6  发布与导出 189

7.6.1  测试 189

7.6.2  发布 190

7.6.3  导出 192

7.7  习题 192

第8章  Fireworks 8.0认识与使用 193

8.1  Fireworks 8.0概述 193

8.1.1  Fireworks 8.0的功能特点 193

8.1.2  Fireworks 8.0工作界面 194

8.2  Fireworks 8.0的基本操作 196

8.2.1  文档的操作 196

8.2.2  文档属性的设置 198

8.2.3  辅助工具的使用 199

8.3  图像的编辑 201

8.3.1  对矢量图的编辑 201

8.3.2  对位图的编辑 206

8.3.3  对效果的处理 207

8.4  网页图像的处理 207

8.4.1  图像的热点 207

8.4.2  图像切片 209

8.4.3  制作按钮 212

8.4.4  制作导航栏 214

8.5  动画的制作 215

8.5.1  关于GIF动画 215

8.5.2  制作步骤 215

8.6  图像的优化和导出 217

8.6.1  优化图像 217

8.6.2  导出图像 222

8.7  文本的应用 224

8.7.1  文本的基本操作 224

8.7.2  文字外形编辑 225

8.7.3  文字排版 227

8.7.4  文字效果制作 228

8.8  路径与文本 229

8.8.1  文本绕路径 229

8.8.2  文本转路径 229

8.9  习题与上机操作 230

第9章  综合实例 231

9.1  规划网站结构与主页布局 231

9.2  制作网页素材 233

9.2.1  利用Flash 制作标题动画 233

9.2.2  用Fireworks制作班级标志 237

9.2.3  用Fireworks制作导航条 238

9.2.4  用Fireworks处理图片 241

9.3  完成主页 242

附录A  HTML语法 246

附录B  VBScript语法 250

附录C  常用网址 261

附录D  一些非常实用的特效源代码 262

参考文献 275

　　

IV

网页制作与设计(第2版)

　　

V