2.2　制作网站标题

网站标题是许多网页都有的内容。有时候，网站标题可以加深访问者对网站的印象。

【例2-1】　制作网站的文字标题。制作步骤如下：

（1）创建新画布。进入Fireworks后，在菜单栏中选择“文件”|“新建”命令。如图2-2所示，在弹出的“新建文档”对话框中将画布的宽度和高度分别设置为800像素和30像素，并设置画布颜色。然后单击“确定”按钮，即可在舞台中创建新画布。

图2-2　创建新画布

（2）添加文本。在“工具”面板的“矢量”区域中选择“文本”工具，然后在画布中插入一个“文本”对象，最后在“文本”对象的编辑区中输入“基于Web标准的网页设计原理与制作”。

（3）设置文本的属性。如图2-3所示，在Fireworks窗口下方的“属性”面板中将文本的宽、高、X和Y等属性分别设置为500、26、150和2，可以使文本位于画布的中央位置。此外，在“属性”面板中还可以设置文本的字体、大小和颜色。

图2-3　设置文本的属性

（4）保存.png文件。在菜单栏中选择“文件”|“保存”命令，在弹出的“另存为”对话框中选定相应的文件夹，将文件命名为2-1.png。然后单击“保存”按钮，即可将图像设计结果保存在.png格式的文件中。

（5）设置导出文件的.gif格式。在Fireworks窗口中单击舞台或画布，确定在Fireworks窗口下方显示画布的“属性”面板。如图2-4所示，在“属性”面板的“默认导出选项”下拉列表框中确认或选择“GIF网页216”选项，即可设置导出文件的.gif格式。

图2-4　设置导出文件的.gif格式

（6）生成.gif文件。在菜单栏中选择“文件”|“导出”命令，在弹出的“导出”对话框中单击“导出”按钮，即可根据.png文件生成同名的.gif格式的文件。

注意：

①　与Fireworks软件有关的图像及文件格式有PNG、GIF和JPEG三种。

②　便携式网络图像（Portable Network Graphics，PNG）和图像交换格式（Graphics Interchange Format，GIF）都是采用无损压缩技术的图像格式。但比较.png文件和.gif文件的大小，可以发现.gif文件占用更少的存储空间。因此，在网络中传输.gif文件所需的时间开销更小，能够使网站访问者体会到较快的浏览速度，但.gif文件不能处理和存储真彩的图像。

③　联合图像专家小组（Joint Photographic Experts Group，JPEG）是一种采用失真压缩技术的图像格式，但能够处理和存储真彩的图像。

④　使用Fireworks，可以对.png文件中的图像进行修改和重新加工，还能根据.png文件导出并生成.gif格式和.jpeg格式的文件。

⑤　GIF格式的图像文件的扩展名为.gif，JPEG格式的图像文件的扩展名为.jpg 或.jpeg。