体验Fireworks9的快感！创建Pages（页）

Fireworks与网页图像处理有着难分难解的关系，它提供了完整的专业化网页图形解决方案。可以说，Fireworks是为了网页图像处理而存在的，Adobe公司的Photoshop虽然功能强大，但是在易用性和某些网页处理方面还是略逊Fireworks 一畴。在Fireworks 的最新版本Fireworks 9中，引入了Pages（页面）的功能，使得Fireworks在网页处理中始终保持其领先的地位，下面就来给大家进行相信的介绍。

我们知道，所谓网站，其实就是网页的集合，也就是说一个网站是由多个网页来构成的。在已往的图像设计软件中，网页设计人员往往要一个一个页面的出效果图，例如每个页面的logo、页眉和页脚，其实完全是一样的。但是在制作效果图的时候需要把每个相同的部分进行重复的制作。这样不光是效率低下，而且很多重复的的区域要来回地进行复制和调整位置，也是非常麻烦的。但是有了Fireworks 9的Pages（页面）功能后，这些都不再是困扰设计人员的问题了，网页设计师可以在一个PNG文件中设计和制作网站中的所有页面，同时也可以把这些页面单独切片，并且让所有页面中相同的部分使用同一个素材，并且可以快速的导出，所有的这些，通过Fireworks 9的Pages（页面）面板即可轻松实现！如图1.1所示。

 
图1.1 Fireworks 9的Pages（页面）面板

通过本教程，大家将会了解：

$$ Fireworks 9 Pages（页面）面板的基本使用

$$ 使用Fireworks 9 Pages（页面）面板来制作网页的流程

一、Fireworks 9 Pages（页面）面板的基本使用
首先我们来看看Pages（页面）面板的基本使用方法。

1、选择【Windows(窗口)】@@【Pages（页面）】（快捷键：【F5】）命令，即可打开Fireworks 9的Pages（页面）面板。效果如图1.1所示。

2、在Pages（页面）面板的有下脚有两个按钮，熟悉Fireworks的朋友应该不会陌生，第一个按钮是用来创建新的Pages（页面），而第二个按钮则是用来删除多余的Pages（页面）。

3、点击Pages（页面）面板右上角的选项按钮，即可打开Pages（页面）面板的选项菜单，效果如图1.2所示。

 
图1.2 Pages（页面）面板的选项菜单

New page：创建一个新的页面。

Duplicate page：复制一个现有的页面。

Delete page：删除页面。

Rename page：重命名页面。

Link to master page：链接到主页面。

Set as master page：设置为主页面。

Reset master page：重设主页面。

Thumbnail options：缩略图选项。

4、对于Pages（页面）面板中的多个页面，也可以通过鼠标拖拽的方式改变其排列的顺序。

二、使用Pages（页面）面板制作网页
下面通过一个具体的实例来说明Pages（页面）面板的实际作用，具体操作步骤如下。

1、新建一个Fireworks文件。

2、在弹出的【新建文档】对话框中设置画布的宽度为932像素、高度为538像素，背景颜色为白色。如图1.3所示。

图1.3 新建文档对话框

3、把实现准备好的背景素材复制到当前的文档中。并且把背景图像所在图层的名称更改为“背景”。效果如图1.4所示。

 
图1.4 复制图像素材到当前文档

4、在背景图层中制作页面左侧的按钮和图像广告，页面右上角的导航背景，效果如图1.5所示。

 
图1.5 制作页面广告和导航

5、【Windows(窗口)】@@【layers（图层）】（快捷键：【F2】）命令，打开Fireworks 9的图层面板，创建一个新的图层“内容”。

6、在图层“内容”中制作导航中的内容和页面右下角的正文内容，效果如图效果如图1.6所示。

 
图1.6 制作网页中的内容

7、选择【Windows(窗口)】@@【Pages（页面）】（快捷键：【F5】）命令，即可打开Fireworks 9的Pages（页面）面板。

 如果您对本文有任何疑问或者建议，请到讨论区发表您的意见: >> 论坛入口 <<