网页制作及图形处理软件

第五节　网页制作及图形处理软件

用HTML语言编写网页，需要记忆一定的HTML标记，并且知道如何使用它们。相对来说，这项工作有一定难度，此后一些辅助性的网页制作工具软件被开发出来，帮助人们在不懂HTML源代码的情况下，也能进行网页制作。事实上，大量业余网页制作人员通常还是通过网页制作工具软件来直接制作网页的。作为网站的编辑，除了掌握一种或一种以上的网页制作软件外，还应该掌握一种或一种以上的图形处理软件。因为在网页中插图是必不可少的，对所选用的图片，通常需要用图形处理软件来进行预处理，如改变其文件格式、物理空间大小和外形尺寸等。下面介绍几种流行的网页及动画制作软件与图像处理软件。

一、Micromedia系列软件

Micromedia是美国一家专门生产多媒体制作软件的公司。Micromedia公司近年来最重要的软件产品，便是号称网页设计三剑客的网页制作软件Dreamweaver、网页图像处理软件Fireworks和网页动画设计软件Flash。

1.Dreamweaver

Dreamweaver是一套专业化的网页制作软件，自从它的3.0版本一面世，就以其强大的功能、便利的动态网页制作以及与HTML语言的无缝结合，成为网页制作者的首选工具。

Dreamweaver采用“所见即所得”的可视化编辑方式，通过特有的行为、模板、时间轴等技术，使用户能够快速高效地创建各种具有专业水平的网页。Dreamweaver提供的Roundtrip HTML功能，可以使用户无误地切换于视觉模式与原代码编辑器，不再需要直接编写HTML原代码，同时对于HTML原代码又具有较强的控制能力。而对于懂得HTML语言的用户，做起网页来将更加快捷、高效、得心应手。Dreamweaver支持最新的DHTML和CSS标准，也支持分层(layer)技术，可以用它设计出生动的DHTML动画、多层次的页面以及CSS样式表。它还提供了完善的站点管理机制，是一个集网页制作与站点管理两大功能于一身的优秀软件。

2.Fireworks

Fireworks是基于RGB颜色模式的图像处理软件，它将Photoshop处理点阵图与Corel Draw绘制向量图的功能结合在一起，因此既可以用它来创建与编辑位图^[13]，也可以用它来创建与编辑矢量图形^[14]。用Fireworks创作出的作品特别适合于屏幕输出，是专业网络图形设计和处理的最好选择之一。

Fireworks的特点包括:

(1)Fireworks可以用很少的步骤生成所占空间很小但质量很高的JPEG格式和GIF格式的图片，这些图片可以直接应用于网页中。Fireworks还可以在基本不降低图片质量的前提下压缩文件的大小，从而提高了网页的浏览速度。

(2)Fireworks可以便捷生成各种网页设计中常见的效果，例如，阴影、立体按钮、翻转图片、下拉菜单等特效，用Fireworks来实现就显得非常轻松。设计完成以后，还可以将图片直接转化为网页元素，即输出为HTML文件。

(3)用Fireworks修改图片非常方便。Fireworks可以生成位图属性的可编辑路径，从而确保随时都可以对图片进行编辑，使得图片从创建开始的每一步都可以被修改。

3.Flash

Flash由Macromedia公司于1999年6月推出，是优秀的网页动画设计软件。作为矢量图形编辑和动画创作的专业软件，Flash主要应用于网页设计和多媒体创作等领域，其功能十分强大。Flash的主要特点有:

(1)Flash使用矢量图形。矢量图形存储时只占用很小的空间，图像质量却很高，而且任意缩放尺寸都不会影响图形的质量。

(2)Flash采用流式(stream)播放技术。流式播放技术使得动画可以边播放边下载，用户可以一边下载一边欣赏，减少了等待时间。

(3)Flash采用插件的工作方式。用户只需在浏览器中安装一次Shockwave Flash插件，以后就可以快速启动并观看动画，实际上在IE5.0以及更高版本的浏览器中已经自带了Shockwave Flash插件。

(4)Flash支持多种不同文件格式的导入。在Flash 4.0的版本中已经可以支持MP3的音乐格式，大大增加了Flash的音频处理能力。

(5)Flash使用内置的Action Script语句结合JavaScript，通过Action^[15]和FS Command^[16]，可以实现交互性，创作出动感十足的动画作品。

最后顺便介绍一下Frontpage。Frontpage是微软Office办公系统的一个重要组成部分，也是制作网页最常用的一个工具。Frontpage具有“功能强大、简单易用”的特点，它与Dreamweaver一样，兼有页面设计和站点管理的功能，但站点管理的功能较之Dreamweaver弱一些。系统中预置了多种主题，以方便用户设计出美观而又风格一致的站点。大约在2000年以前，网页编写者的主要工具软件是Frontpage，2000年以后，则主要转向使用Dreamweaver。

二、Adobe系列软件

Adobe公司成立于1982年，是美国第四大个人电脑软件公司，总部位于美国加州的圣荷塞市。近十年来，Adobe公司的产品已被广泛地用于图像设计与网页制作领域。被称为“Adobe三利器”的系列软件，指Photoshop、Illustrator和PageMaker。Photoshop早已应用于网页制作领域自不待言，Illustrator和PageMaker虽然主要用于出版行业，但总体上讲也是平面设计的重要工具，与网页设计亦不无关系，故对它们也作扼要介绍。

1.Photoshop

Photoshop是目前PC机上公认的最好的通用平面设计软件，它功能完善，性能稳定，使用方便。而今，在几乎所有的广告、出版、软件公司，Photoshop都成为首选的平面工具。层、通道和路径，是关于Photoshop的几个基本概念，下面分别作以介绍。

(1)层(layer)。在理解“层”之前，先说一下计算机系统中“选择”这个概念。将屏幕上某处作“选择”处理，则该“选择”反白显示，移动该区域时，其中的内容一并移动，同时在原始位置留下空白。作为一个图像处理软件，Photoshop将“选择”变成为一个独立的实体，即“层”，也叫“图层” 。对层可以单独进行处理，而不会对原始图像有任何影响，层中的无图像部分是透明的。这种情况，就像将一块玻璃板盖在一幅画上，然后在玻璃板上作图，不满意的话，可以随时在玻璃板上修改，而不影响其下面的画，这里的玻璃板，就相当于Photoshop中的“层” 。在Photoshop中，这样的“层”次(“层”的数量)可以有无限多。存在多个层的图像只能被保存为PSD格式文件，这是Photoshop的专用格式。

(2)通道(channel)。通道也可以叫通道层。一个通道层与一个图层之间最根本的区别在于:图层的各个像素点的属性是以红绿蓝三原色的数值来表示的，而通道层中的像素颜色是由一组原色的亮度值组成的，也就是说，通道中只有一种颜色的不同亮度，是一种灰度图像。通道的另一主要功能是用于与图层进行计算合成，从而生成许多不可思议的特效，这一功能主要用于特效文字的制作中。

(3)路径(path)。所谓路径，在屏幕上表现为一些不规则的矢量形状，它通常也作为“选择”的基础，用于不规则的、难以使用其他工具进行“选择”的区域。路径使用pen(钢笔)工具创建，使用pen工具的同级其他工具进行修改。路径由定位点和连接定位点的线段(曲线)构成，每一个定位点还包含了两个句柄，用以精确调整定位点及前后线段的曲度，从而匹配想要选择的边界。

2.Illustrator

Illustrator是专业矢量图形软件，它已成为出版行业的工业标准。Illustrator具有完善的Web图形工具、通用的透明能力与强大的对象和层效果，拓展了设计者进行自由创作的能力，提高了设计生产效率。

作为Photoshop的姐妹软件，Illustrator并没有很早流行起来，这主要是由于Illustrator早先是在苹果机上出现的专业绘图软件，直到它的7.0 PC版本推出，才受到国内用户的注意。此前比较流行的同类工具是Corel公司的著名绘图软件CorelDraw。应该说，CorelDraw也是相当出色的矢量绘图软件，它以功能丰富而著称，然而，作为印刷出版业的标准，如果和Photoshop配合使用的话，避免不了要相互导入、输出的麻烦。这样，Adobe公司的系列产品就显示出无缝结合的优势，所以Illustrator和Freehand^[17]最终成为出版业使用的标准矢量工具。

3.PageMaker

PageMaker是专业的排版软件，也是目前平面设计者在排版软件上的首选工具之一。PageMaker提供了一套完整的方案，用于对专业的出版刊物进行排版编辑，它的稳定性、高品质及多变化的功能特别受到用户的赞赏。PageMaker可以在WWW中传送HTML格式及PDF^[18]格式的出版刊物，同时还能保留出版刊物中的版面、字体以及图像等。PageMaker 6.5以后的版本在处理色彩方面也有很大的改进，提供了更有效率的出版流程，同时也提高了和其他公司产品的相容性。