本书是作者根据多年的实践教学经验积累而创作的，其特色是以网页制作主流的软件（网页三剑客Dreamweaver、Fireworks和Flash）为主线对网页的制作技术进行了全面深入的讲解，将网页制作技术适当分层编写，并增编了案例，做到既有理论又有实践，通俗易懂，便于教师的教学和学生的学习，有助于促进教学质量的提高。教材内容实用性强、知识点新、层次清楚、由浅入深、循序渐进，便于学习和应用。

本书可作为本科或专科学生学习网页设计的入门教材，也可作为其他专业学生的参考书。

计算机应用是一种技术含量高、更新速度快的职业，要求技术人员具有较强的开发和操作能力。随着Internet的普及，很多人已经不满足于仅仅上网冲浪，而希望深入地参与其中。现在，拥有自己的Web网站已经成为一种潮流。虽然制作一个简单的网页并不困难，但是制作出超凡脱俗的网站就不那么容易了，因此我们特意为大家编写了网页设计与制作的教程，希望对大家有所帮助。

本书共分为10章。前6章讲解Dreamweaver的基础知识和基本操作，语言通俗易懂，即使是初学者也很容易读懂并学会。第7章讲解了Flash动画制作基础。第8章介绍了Fireworks处理Web图形基础。第9章简单介绍动态网页制作基础。此外，为了使读者能巩固所学知识，全书每章后面都有相应的实训练习。第10章详细介绍了一个综合网站的制作过程，内容精彩，页面丰富，是读者在学会了基础知识之后，对知识进行巩固的部分。

本书专业性和艺术性较强，具有很强的可读性，实例精美实用，具有良好的可操作性。书中的实例是作者从实际工作中精选出来的，具有较强的应用性和示范作用。同时，书中所用语言浅显易懂，并辅之以精选的插图，相信读者只要按照书中的步骤进行操作，一定能制作出令人满意的网页来。

本书由正德职业技术学院计算机网络技术专业从事教学工作、有经验的教师负责编写。施莹老师编写本书的第2章、第4章、第5章、第7章、第8章和第10章；吕树红老师负责编写本书的第1章、第3章、第6章和第9章。计算机系沈孟涛教授与陈康主任对本书编写提出了十分有益的建议。

在编写本书的过程中，作者参考了许多书刊和文献资料，在实际操作方面也融入了作者的体会和经验。本书力求图文并茂，做到理论以够用为度，以实用性为主，紧跟Web开发技术的最新发展。但是，由于本书编写时间紧，且限于作者的学识水平，书中难勉存在错误和不当之处，恳请读者给予批评指正。

编 者 2009年1月

第1章 网页制作基础知识1

  1.1 网页及其制作工具1

1.1.1 网页的定义1

1.1.2 网页的本质2

1.1.3 常用的网页制作软件5

  1.2 网站设计流程6

1.2.1 规划站点6

1.2.2 设计站点8

1.2.3 制作网页9

1.2.4 网站发布与维护10

第2章 建立站点与编辑网页11

  2.1 Dreamweaver MX 2004的简介11

2.1.1 Dreamweaver MX 2004的工作界面11

2.1.2 定义站点14

2.1.3 基本功能简介19

2.1.4 基本功能实例讲解20

  2.2 制作第一个网页23

2.2.1 创建网页23

2.2.2 向页面添加元素23

2.2.3 制作网页的一般过程24

  2.3 文本修饰24

2.3.1 文本的输入24

2.3.2 字符格式26

2.3.3 段落格式27

2.3.4 列表格式28

  2.4 超链接的运用29

2.4.1 超链接的基本定义29

2.4.2 在Dreamweaver MX 2004中设置超链接30

2.4.3 超链接的颜色32

2.4.4 管理站点中的链接33

  本章实训33

◆网页设计与制作目 录第3章 网页中的图像35

  3.1 图像的一般知识35

3.1.1 矢量图与位图35

3.1.2 图像格式35

  3.2 在网页中使用图像41

3.2.1 Web图像使用要点41

3.2.2 插入图像与背景图像41

3.2.3 修改图像属性44

3.2.4 图像链接与图像映射45

  3.3 动态图像效果46

3.3.1 制作鼠标经过图像46

3.3.2 制作网站相册47

  本章实训49

第4章 CSS样式50

  4.1 认识CSS样式50

4.1.1 CSS的神奇性50

4.1.2 CSS与浏览器50

4.1.3 创建和编辑CSS样式51

  4.2 使用CSS样式57

4.2.1 常用CSS样式属性57

4.2.2 盒模型68

4.2.3 创建和链接外部CSS样式表69

  本章实训71

第5章 页面版式72

  5.1 网页版式设计72

5.1.1 网页版面的视觉要素72

5.1.2 网页编排设计的基本形式76

5.1.3 网页中的文字编排80

  5.2 表格的基本操作86

5.2.1 插入表格86

5.2.2 设置表格和单元格的属性87

  5.3 使用布局表格90

5.3.1 关于标准模式、扩展表格模式和布局模式90

5.3.2 绘制网页布局90

5.3.3 设置布局表格和布局单元格的属性92

5.3.4 表格排版实例93

  5.4 使用层95

5.4.1 什么是层95

5.4.2 层的基本操作95

5.4.3 层的属性97

5.4.4 DIV+CSS97

5.4.5 层的排版实例98

  5.5 使用框架101

5.5.1 什么是框架101

5.5.2 框架的基本操作103

5.5.3 框架的属性104

5.5.4 框架的排版实例106

  本章实训108

第6章 使用多媒体对象110

6.1 设置声音与视频110

6.1.1 常用的音频、视频格式110

6.1.2 添加背景音乐 112

6.1.3 链接声音与视频113

6.1.4 嵌入声音与视频113

6.2 使用Flash对象117

6.2.1 插入Flash动画117

6.2.2 Dreamweaver中提供的Flash动画118

6.3 使用Java小程序123

6.3.1 什么是Java小程序123

6.3.2 使用Anfy制作Java特效124

本章实训126

第7章 Flash应用127

7.1 Flash的简介127

7.1.1 Flash的基本功能127

7.1.2 Flash的工作界面128

7.1.3 Flash的工作流程130

7.1.4 Flash的基本操作131

7.2 创建逐帧动画135

7.2.1 逐帧动画的概念135

7.2.2 逐帧动画的创建过程135

7.3 创建补间动画137

7.3.1 补间动画的概念137

7.3.2 补间动画示例138

7.4 创建形变动画141

7.4.1 形变动画的概念141

7.4.2 形变动画的创建过程142

7.4.3 形变的方向控制142

7.4.4 文字形变动画示例144

7.5 常用的网页Flash元素146

7.5.1 Flash按钮制作146

7.5.2 网页中的Flash导航条147

7.5.3 Flash Banner制作148

本章实训149

第8章 Fireworks应用151

8.1 Fireworks简介151

8.1.1 Fireworks的基本功能151

8.1.2 Fireworks的工作界面151

8.1.3 Fireworks的基本操作153

8.2 位图的处理156

8.2.1 常用的位图工具156

8.2.2 位图操作简单实例159

8.3 利用Fireworks制作Web特效162

8.3.1 层、帧和动画162

8.3.2 制作按钮163

8.4 绘制图形166

8.4.1 常用的绘图工具166

8.4.2 绘制草图168

8.5 Fireworks与Dreamweaver结合168

8.5.1 使用Fireworks规划网页布局168

8.5.2 切片导出网页169

8.5.3 Dreamweaver后期修饰171

本章实训173

第9章 动态网页175

9.1 使用表单175

9.1.1 什么是表单175

9.1.2 表单的使用方法175

9.1.3 表单对象的属性设置177

9.1.4 表单应用实例180

9.2 使用行为183

9.2.1 什么是行为183

9.2.2 行为的基本操作184

9.2.3 行为查看器185

本章实训189

第10章 综合实例190

10.1 站点规划190

10.1.1 内容规划190

10.1.2 定义本地站点191

10.2 网页素材准备192

10.2.1 绘制页面草图192

10.2.2 图像素材的准备192

10.2.3 导航按钮的制作193

10.2.4 Flash动画的制作194

10.3 网页制作195

10.3.1 首页与内容页布局195

10.3.2 内容页填充197

10.3.3 基于内容页制作模板199

10.3.4 利用模板制作其他页面201

10.3.5 各页面的链接202

10.4 测试发布203

本章实训204