本书是介绍静态网页制作技术的教材。主要介绍使用HTML标记，CSS样式表，Dreamweaver 8.0制作静态网页的技术， Fireworks 8.0的网页图像处理技术和Flash 8.0的网页动画制作技术。

本书共分7章。第1章介绍网页、网站的基本概念，网页设计、网站开发的基本方法。第2章介绍网页制作中常用的HTML标记。第3章介绍CSS样式表的基本概念、基本属性和常用的滤镜效果。第4章介绍使用Dreamweaver 8.0中文版制作静态网页的基本技术，网页布局、行为、时间轴动画等基本技能。第5章介绍Fireworks 8.0中文版的网页图像基本处理技术，图像蒙板效果、GIF动画制作等基本技能。第6章介绍Flash 8.0中文版的基本使用方法和形变动画、指示动画、运动动画、轨迹动画、遮罩动画制作技术以及影片剪辑、简单交互动画制作。第7章为综合实训。本章结合流行的网页设计制作技术及Internet上的优秀网页，指导读者完成一个静态网站首页的设计与制作。

本书既注重系统地介绍理论知识又充分注重实例教学，对讲解的知识点和技能点都有实例演示。每章后附有习题和实训题目用于对知识点和技能点的练习。本书是面向高职高专网页制作课程的教材，同时也适合其他类院校学生使用，特别适合于作为自学教材使用。

网页制作工具网页设计制作与网站开发技术是目前非常流行的计算机网络应用技术之一。就目前的计算机应用技术而言，几乎绝大多数是网络应用技术，其中网站技术更是热中之热。社会对网站开发技术人才的需求非常迫切。

在目前的网站开发技术中，主要分为两大阵营：一是基于Sun的J2EE技术；二是微软的.NET技术，但是无论使用哪种网站技术，都需要HTML、CSS等基础技术的支持，需要有网页制作的基本知识。所以网页制作课程是非常受学生欢迎的课程，也是目前计算机专业甚至非计算机专业必开课程之一，高职高专计算机类专业中网页制作课程的开设就更为普遍。本书是为高职高专学生编写的网页制作教材，以理论知识够用为度、强化实践操作技能为特点，重点介绍网页制作方法与常见的技术技巧。

全面的网站技术课程一般应包括HTML标记、CSS样式表、JavaScript、XML、Web服务器技术（如JSP、ASP、ASP.NET、J2EE等）等内容。不涉及Web服务器技术的网页称为静态网页（或者说网页内容在任何人访问时都不会发生变化的网页），而动态网页需要Web服务器技术才能实现（如用户登录、聊天室、电子商务网站等）。这些内容不可能在一门课程中全部完成，一般需要3门以上的系列课程。本书的编写指导思想是仅完成网站制作技术系列课程的一部分，即静态网页制作技术培养。只作为网站技术课程的基础，而不涉及动态网页内容。

本书面向初学者介绍网页制作的基础知识，包括： HTML常用标记，HTML的扩展技术CSS，专业可视化网页编辑工具Micromedia Dreamweaver 8.0，网页图像处理工具Micromedia Fireworks 8.0，网页动画制作工具Micromedia Flash 8.0（即网页制作三剑客）。

针对高职高专学生的特点，本书注重实践操作，对于三剑客工具的菜单、工具栏、快捷键、面板组中各个面板的详细操作，读者可以查阅相应的帮助文档。本书只讲授主要的概念和基本的技术技巧。

与本书内容类似的教材一般使用《网页设计与制作》名称。本书之所以使用《网页制作工具》名称，是因为本书中涉及网页设计方面的内容较少。作者认为：网页设计不仅需要更多的美术、美学方面的知识，关键的问题是，网页设计是一种创作过程，需要创造性思维和灵感。这种创作必须依靠学生自己的努力。网页设计的水平没有固定的标准，教师的设计水平不一定比学生更强，而教师讲授的所谓设计可能会束缚学生的思想。所以本书的任务是指导学生如何使用基本的网页制作工具，掌握基本的网页制作技术技巧。学生在掌握了工具的使用和制作技巧的基础上，可以自由地发挥想像力完成创造性的设计。

网页制作工具作者建议本教材的课堂讲授学时为40学时左右，上机实训课时为50 学时或更多。最好是边讲边练。本教材提供了习题和上机实训题，并提供了实训指导，便于学生学习。读者应该认真阅读例题和完成实训题目的练习，掌握其中的基本技能技巧。建议在本教材学完之后，结合第7章的内容，独立完成一个主题静态网站的设计与制作，训练学生的静态网页设计制作综合应用能力，发挥学生的创造力。

本书配套的光盘中Example目录下有教材中使用的全部例题。Example\\Images目录下有例题中和习题中使用的图片文件和GIF动画素材。Example\\Wavs目录下有例题中使用的视频素材。Flash的实训题目可以参考Flash目录下的Flash实训习题样品。由于本书需要使用彩色插图，这些彩色插图在书中的效果难以体现，读者可以阅读“插图”目录中的图片。图片名称和书中的图序号是一致的。

石家庄邮电职业技术学院田华老师参加了本书的编写工作，并担任了本书的审阅工作。田华老师在本书的编写过程中做了大量的工作，提出了许多宝贵的建议，在此向田华老师表示真诚的感谢。

由于该技术领域发展更新较快，对内容的理解可能有不当之处，望广大读者指正。

作者Email: tiangl163@163.com。

田庚林2007年3月

第1章概述1

1.1网站简单工作原理1

1.2网站的基本概念2

1.2.1网页与网站2

1.2.2首页与主页3

1.2.3静态网页与动态网页3

1.3网页制作语言与工具4

1.3.1网页制作语言4

1.3.2网页制作工具8

1.4网站开发流程9

1.4.1网站设计9

1.4.2制作网站11

1.4.3发布网站11

1.4.4把网站加入到搜索引擎中13

1.4.5网站维护14

1.5小结14

1.6习题15

1.7实训15

第2章HTML常用标记17

2.1HTML文档规范17

2.2页面属性20

2.3页面排版标记21

2.3.1标题标记21

2.3.2版面格式标记21

2.3.3项目列表标记25

2.4超链接标记27

2.5图像标记32

2.6表格标记37

2.7框架标记41

2.8其他标记43

2.9头部标记45

2.10小结46

2.11习题46

2.12实训47

第3章CSS样式表54

3.1CSS的使用方式54

3.2CSS属性60

3.3滤镜66

3.4小结75

3.5习题76

3.6实训76

第4章网页编辑工具Dreamweaver79

4.1中文Dreamweaver 8.0开发环境79

4.2创建和管理站点83

4.3文档属性与CSS样式86

4.3.1文档的创建与保存86

4.3.2文档的页面属性87

4.3.3CSS样式定义与管理88

4.4编辑网页文档93

4.4.1网页文本编辑93

4.4.2网页图像与媒体95

4.5页面布局技术100

4.5.1表格100

4.5.2框架102

4.5.3层105

4.6行为109

4.6.1行为的概念109

4.6.2常用行为110

4.7时间轴122

4.7.1时间轴面板122

4.7.2简单时间轴动画123

4.7.3时间轴行为124

4.7.4多对象移动动画126

4.8模板128

4.9小结131

4.10习题131

4.11实训131

第5章网页图像处理工具Fireworks140

5.1网页图像处理基础140

5.1.1网页常用图像格式140

5.1.2矢量和位图图形141

5.2中文Fireworks 8.0基本操作141

5.2.1中文Fireworks 8.0的工作窗口141

5.2.2Fireworks 文档操作143

5.2.3图像的优化与导出145

5.3Fireworks矢量图形148

5.3.1颜色工具箱148

5.3.2矢量图形制作148

5.3.3矢量图形编辑150

5.3.4文本制作152

5.4Fireworks位图工具153

5.5Fireworks图像效果156

5.5.1矢量图形填充效果156

5.5.2位图填充效果159

5.5.3滤镜效果159

5.5.4资源样式效果165

5.5.5图像蒙板效果166

5.6按钮与GIF动画169

5.6.1Fireworks按钮169

5.6.2GIF动画172

5.7图像切片与行为177

5.7.1图像切片177

5.7.2Fireworks行为181

5.8小结184

5.9习题184

5.10实训184

第6章网页动画制作工具Flash193

6.1中文Flash 8.0基本操作193

6.1.1中文Flash 8.0的工作窗口193

6.1.2时间轴面板195

6.1.3Flash文档操作197

6.2Flash工具箱199

6.2.1颜色选择199

6.2.2图形工具200

6.2.3选取工具202

6.2.4颜色填充工具203

6.2.5变形工具203

6.2.6笔形工具204

6.2.7橡皮擦工具205

6.2.8文本工具205

6.3逐帧与形变动画206

6.3.1逐帧动画206

6.3.2形变动画206

6.4运动动画210

6.4.1元件的制作210

6.4.2简单运动动画213

6.4.3轨迹动画217

6.5遮罩动画221

6.5.1遮罩动画的概念221

6.5.2遮罩动画的制作221

6.6声音与元件226

6.6.1声音226

6.6.2Flash按钮元件230

6.6.3影片剪辑元件231

6.7多场景动画与简单交互动画234

6.7.1多场景动画234

6.7.2简单交互动画236

6.8小结243

6.9习题243

6.10实训244

第7章综合实训254

7.1实训目标254

7.2实训内容254

7.3实训指导254

7.3.1网站主题与网站栏目254

7.3.2本地站点设计255

7.3.3网页色彩效果设计255

7.3.4Logo的设计制作255

7.3.5Banner的设计制作257

7.3.6透明Flash262

7.3.7导航栏的设计制作264

7.3.8页面布局及页面制作266

7.4小结273

参考文献274