1.3.6　网页设计常用工具软件

网页制作会涉及很多不同学科的知识和技术，如HTML代码编写、程序设计、图像设计、动画设计等。实际的设计过程中，设计师一般会使用很多工具软件来帮助完成设计工作。常用的软件有：网页代码编辑工具、图像编辑工具和文本编辑器。

1.网页代码编辑工具

网页代码编写一般有两种方法：一是直接利用文本编辑器进行代码编写，一是利用“所见即所得”编写工具生成。

（1）文本编辑器

HTML是一个跨越多种软件平台和硬件平台的语言。HTML文件是标准的文本文件，设计者通过HTML将文本、图画、声音和影像等信息集成在一起形成一个网页文档，用纯ASCII文档描述，设计出一个对用户友好的、便于访问的界面。

HTML可以用任何文本编辑器来编辑，比如DOS下的Edit、Windows下的Notepad（记事本）、Mac（苹果机Macintosh）中的SimpleText，以及UNIX中的VI，也可以用字处理软件来编辑HTML文件。但是一定要记住，保存文件时一定要保存为扩展名为html的文本文件。

（2）Dreamweaver

Dreamweaver是美国Macromedia公司（已于2005年被Adobe公司收购）的开发的一款集网页制作和网站管理于一身的可视化网页编写工具软件，是专业网页设计师的首选。Dreamweaver采用“所见即所得”的编辑方式，用户在图形界面中制作出的页面效果也就是网页的实际效果，不需要与繁杂的HTML代码打交道，编写过程简单、直观。但对进一步更好地控制网页格式和进行内部信息处理来说，所见即所得编写工具常常不能完全满足要求，还必须要借助代码来加以完善。使用站点管理窗口，可以方便地管理本地站点及远程站点的文件，快速地上传或下载站点中的文件。本书中以Dreamweaver CC为基本工具来讲述网页的Web代码编写。

（3）FrontPage

FrontPage是微软公司出品的优秀网页编写工具软件，用于网页与站点的制作及管理，它继承了Office系列软件界面通用、操作简单的特点，十分适合初学者使用。

2.图像编辑工具

（1）Photoshop

在众多图像处理软件中，Adobe公司推出的专门用于图形、图像处理的软件Photoshop以其强大的功能、集成度高、适用面广和操作简便等特点，成为专业图像处理的首选软件。它能够实现各种专业化的平面图像处理，成为当今世界上一流的图像设计与创作工具。目前，Photoshop已成为出版界中图像处理的专业标准，正逐步向Web图形设计靠拢。

（2）Fireworks

Fireworks是由Macromedia公司出品的一款用于Web图形设计和图像处理的优秀应用软件，其最大的优点在于解决了图像设计和网络应用的关键问题，利用该软件既可以编辑矢量图像又可以编辑位图图像。Fireworks还是一个网页设计工具，可以用它方便地生成HTML标准代码的脚本页面。它和Dreamweaver、Flash合称为网页制作“三剑客”，是当前最流行的Web图形工具之一。本书以Fireworks CS6为基本工具来讲述Web图像的编辑方法。

（3）Illustrator

Photoshop的专长在于图像处理，而不是图形创作。图像处理是对已有的位图图像进行编辑加工处理以及运用一些特殊效果，其重点在于对图像的处理加工；图形创作软件是按照自己的构思创意，使用矢量图形来设计图形，Adobe公司的Illustrator是这类软件的代表。