本书按易学、易懂、易操作的原则，系统地介绍了网页设计与制作的基本方法，并针对性地介绍了Web图像制作软件Fireworks和网页动画制作软件Flash的基本使用方法。采用个性化写作模式、任务驱动的方法组织教材内容，在内容的叙述上做到语言通俗易懂，有利于读者的理解、接受和掌握。范例深入浅出，操作步骤详细但不繁琐，避免了步骤的遗漏和较大的跳跃，读者按范例步骤操作就能达到预想的效果。

    每章后附相应的习题，书中所有实例都已运行通过，并制作了相应的电子教案，读者可以从清华大学出版社网站（http://www.tup.com.cn）下载电子教案和相关源程序及素材。

    本书定位准确，针对性强，适合于计算机应用基础层的课程教学使用。可以满足不同院校各类非计算机专业本科的教学需求，也可作为专科类学校计算机及相关专业的教学用书，还可作为网页制作人员的参考用书。

Internet使全球信息共享成为现实，电子商务、网络政府、网络文化等构筑了异彩纷呈的网络世界，它改变着人们的生活方式和工作方式。随着Internet的普及，网页已经成为人们获取与发布信息最为重要的途径，网络应用技术已成为计算机基础教育的重要内容。学习网页设计与制作既是享用信息技术成果的过程，又是应用创新的实践，网页制作已经成为现代大学生必备的重要知识和技能。

本书结合作者教学实践和开发网站的实际经验，从实际应用角度出发，系统介绍了网站建立与网页制作的过程。全书以网站建立流程为主线，循序渐进地介绍了网站建立和网页制作的基本原理和实用技术，使读者既能在宏观上把握网站建立和网页制作的一般步骤，又能在细节上掌握网页设计和制作的各种技能和实用技巧。

书中以当前最流行的专业网页制作工具Dreamweaver MX 2004为背景，按照由基础到应用的原则，采用任务驱动的方式，详细介绍了网页制作及网页素材制作所涉及的软件的使用。全书内容共8章，第1章介绍网站开发基本知识，通过实例让读者熟悉Dreamweaver MX 2004的基本界面、基本使用方法，并对网页制作的步骤和方法有一个初步的认识。第2章至第4章循序渐进地介绍了静态网页的制作技术，包括网页中各种元素的添加和设置、网页的排版和布局、网页样式的设置等，每章都以一个设计任务贯穿本章的主要知识点，章节结束时该设计任务制作完成，通过这4章的学习，可以基本掌握静态网页的制作。第5章简单介绍了表单和行为的应用，为读者在学习了数据库相关知识后，进一步制作具有交互性的动态网页打下基础，给读者留下了一个较大的可扩展空间。第6章和第7章分别介绍了网页图像的制作和网页动画的制作，每章后面分别给出综合实例，演示如何将制作的素材添加到网页，与前面章节介绍的Dreamweaver基本操作相呼应。第8章以两个网站建设实例由浅入深、由易到难，贯穿全书的各主要知识点，包括建立网站、制作素材、设计和制作网页等。

本书的定位是面向非计算机专业学生的，所以在编写的过程中力求很好地反映非计算机专业教学和学生学习的特点，突破计算机专业教材体系的束缚，根据非计算机专业的特点和需要组织的一个全新的教学内容体系，有利于学生能够较快掌握网页设计与制作技术并方便地应用于各自的专业学科领域。

本书融入先进的教学理念和独特的教学方法，力求内容取舍得当，章节结构合理。在内容上做了大胆的取舍，删去部分细节，在重点介绍基本内容之后，采用任务驱动的教学方法，辅以经典的实例启发学生举一反三，激发学生的主动性。每章都给出明确而适当的学习目标，在内容选取上较好地体现了突出应用的原则，实例列举上力求做到典型和恰当，既做到逻辑清晰、层次分明；又分散了难点，使学生易于理解。每章都附有练习题，利于学生巩固相应章节的知识点。为了方便教师组织教学，还配制了相应的电子教案，并提供相关源程序和素材。

本书由王秀丽、陈琼、宁正元共同编写。其中，王秀丽执笔第3、4、5、6章，陈琼执笔第1、2、8章，宁正元执笔第7章，最后由王秀丽统稿。电子教案由陈琼、黄健制作。此外，潘晓文、黄健、林晓宇、颜德强、孙绮燕等在整理资料等方面给予了作者无私的帮助，西安交通大学冯博琴教授和清华大学出版社对本书的出版给予了极大的支持和鼓励，谨此向他们表示最真挚的感谢。

由于计算机技术发展十分迅速，加之作者水平所限，书中疏漏和错误在所难免，敬请同行专家和广大读者不吝赐教，我们将不胜感激。

作者2006年8月

第1章网页设计基础1

1.1网页与网站概述1

1.1.1Internet与WWW1

1.1.2网页和网站1

1.2网页设计与制作5

1.2.1超文本标记语言HTML5

1.2.2常用网页制作工具9

1.2.3常用网页素材制作和编辑工具10

1.3初识Dreamweaver MX 200411

1.3.1Dreamweaver MX 2004简介11

1.3.2Dreamweaver MX 2004的安装和启动12

1.3.3Dreamweaver MX 2004的工作环境14

1.3.4制作一个简单的网页21

1.3.5使用Dreamweaver MX 2004的帮助系统24

思考与练习26

第2章网页制作初步27

2.1创建和管理站点27

2.1.1建立站点前的准备工作28

2.1.2创建和管理站点29

2.2网页的新建、保存和编辑34

2.2.1新建、打开和保存网页34

2.2.2设置页面属性35

2.2.3使用标签选择器36

2.2.4实例37

2.3文字的应用37

2.3.1在网页中编辑文字38

2.3.2设置文字格式40

2.3.3实例43

2.4插入水平线和日期45

2.4.1插入水平线45

2.4.2插入日期45

2.4.3实例46

2.5图像的应用47

2.5.1常用Web图像格式47

2.5.2在网页中插入图像48

2.5.3插入图像占位符51

2.5.4插入鼠标经过图像52

2.5.5插入Fireworks HTML文件55

2.6创建超级链接57

2.6.1理解超级链接57

2.6.2创建页面链接58

2.6.3创建锚记链接61

2.6.4创建电子邮件链接62

2.6.5创建图像热区链接63

2.7插入多媒体对象65

2.7.1插入和设置Flash动画66

2.7.2插入Flash按钮67

2.7.3插入Flash文本对象68

2.7.4在网页中插入声音69

2.7.5实例70

思考与练习72

第3章网页的排版和布局73

3.1页面布局概述73

3.2表格的应用74

3.2.1标准模式、扩展模式和布局模式74

3.2.2新建表格75

3.2.3表格结构的修改78

3.2.4设置表格属性81

3.2.5设置单元格、行和列属性82

3.2.6表格用于布局83

3.3布局表格的应用84

3.3.1绘制布局表格和布局单元格84

3.3.2使用辅助设计手段88

3.3.3调整布局表格和布局单元格90

3.3.4设置布局单元格和表格的格式91

3.3.5设置列宽93

3.4建立框架网页96

3.4.1使用框架的优点97

3.4.2创建框架和框架集98

3.4.3在框架中打开文档100

3.4.4选择框架和框架集100

3.4.5保存框架和框架集文件101

3.4.6设置框架属性101

3.4.7设置框架集属性102

3.4.8通过超级链接控制框架内容104

3.4.9处理不能显示框架的浏览器104

3.5层105

3.5.1理解层的概念105

3.5.2在页面中添加层105

3.5.3设置层属性107

3.5.4操纵层108

3.5.5层和表格的相互转换109

思考与练习111

第4章样式在网页中的应用114

4.1样式概述114

4.1.1使用CSS样式的优点114

4.1.2CSS 样式的类型114

4.1.3CSS标签可以驻留的位置115

4.2在网页中添加样式115

4.2.1创建新的CSS样式115

4.2.2创建和应用自定义CSS样式116

4.2.3创建“重定义标签”样式119

4.2.4创建“定义标签组合”样式120

4.3CSS样式定义的选项说明125

4.3.1“类型”分类125

4.3.2“背景”分类125

4.3.3定义CSS样式块属性126

4.3.4“定位”分类127

4.3.5“扩展”分类128

4.4导出样式表文件131

4.5链接到或导入外部CSS样式表132

4.5.1导入或链接外部 CSS 样式表132

4.5.2导入与链接外部 CSS 样式表的区别132

4.6关于冲突的CSS样式133

思考与练习133

第5章表单和表单行为135

5.1理解表单交互过程135

5.2常用表单对象135

5.2.1建立表单布局137

5.2.2在表单中添加不同元素137

5.2.3设计表单元素样式142

5.3验证表单的输入结果144

5.4通过电子邮件接收表单结果146

5.5创建跳转菜单146

5.6创建动态表单148

5.6.1定义记录集148

5.6.2创建动态HTML表单菜单150

5.6.3创建HTML动态文本域151

5.6.4动态预先选择HTML复选框151

5.6.5动态预先选择HTML单选按钮151

5.6.6动态HTML表单菜单实例152

5.7表单行为155

5.7.1什么是行为155

5.7.2使用内置行为156

5.7.3常见触发行为的事件157

思考与练习158

第6章Web图像制作与处理159

6.1Macromedia Fireworks MX 2004工作环境159

6.1.1Fireworks MX 2004工作界面159

6.1.2Fireworks MX 2004工作模式161

6.1.3首选参数设置162

6.2Fireworks MX 2004基本操作163

6.2.1画布设置163

6.2.2更改画布属性164

6.2.3创建文档164

6.2.4浏览和查看视图166

6.2.5文档布局工具167

6.3矢量对象绘制与编辑169

6.3.1绘制矢量图形169

6.3.2编辑矢量图像172

6.3.3笔触和填充178

6.4位图图像处理181

6.4.1选取位图区域182

6.4.2位图的绘制、编辑与修饰184

6.4.3层、图像合成与蒙版186

6.5文本设计191

6.5.1文本基础191

6.5.2文本附加到路径193

6.5.3文本转化为路径194

6.6使用滤镜和特效194

6.6.1滤镜的使用194

6.6.2效果的使用198

6.6.3“创意”特效的使用200

6.6.4“样式”浮动面板的使用201

6.7动画制作与图像的交互性设计202

6.7.1动画制作202

6.7.2切片、变换图像和热点210

6.7.3制作按钮、导航栏和菜单216

思考与练习220

第7章制作网页动画222

7.1初识Flash MX Professional 2004222

7.1.1Flash MX Professional 2004简介222

7.1.2Flash MX Professional 2004操作界面222

7.1.3Flash动画制作流程224

7.2Flash MX Professional 2004绘图225

7.2.1绘图工具225

7.2.2选择工具226

7.2.3编辑工具227

7.2.4修饰工具227

7.3动画基础228

7.3.1时间轴228

7.3.2帧229

7.3.3层231

7.3.4对象的变形233

7.3.5对象间的操作234

7.4元件与实例235

7.4.1“库”面板235

7.4.2创建元件236

7.4.3编辑元件236

7.4.4编辑实例237

7.5创建动画237

7.5.1时间轴效果237

7.5.2逐帧动画238

7.5.3补间动画239

7.5.4引导线动画242

7.5.5遮罩动画243

7.5.6创建交互动画 244

7.5.7在动画中使用声音246

思考与练习248

第8章综合实例249

8.1学校主页249

8.1.1学校主页的基本结构249

8.1.2在Fireworks中制作LOGO249

8.1.3在Flash中制作校训252

8.1.4在Dreamweaver中制作学校首页255

8.2个性主页的制作261

8.2.1在Flash中制作百叶窗式相册261

8.2.2在Fireworks中设计版面264

8.2.3在Dreamweaver中修饰首页268

参考文献270