Fireworks CS3体验之Pages面板

迟迟没有转投CS3，今天因为其Pages面板，Down下来体验了一把。

首先，请记住Pages面板的快捷键【F5】，当然你也可以还是习惯的用【F2】打开层面板，Pages面板和它在一起。之所以希望大家记住这个快捷键，是因为Pages面板确实挺好用。你可以将整个项目的页面分页全部保存在一个PNG文件里，有点类似MS的Publisher。其实在CS3之前，Fireworks的帧面板也可以这么做，但不是很方便。

当然，对这个功能我也有担心，会不会因为多个页面导致合并后的PNG文件会很大，操作起来过慢呢？这里我做了一个小测试。

测试平台基本参数：

Intel Core Duo T2050

DDR2 1G*2

选择某项目下5个PNG源文件，共计大小1.36M，使用Pages面板将其导入其中并保存。保存后的文件大小仅605K。压缩了近50%。全新打开包含pages的PNG文件费时5秒，打开原始5个PNG文件费时约10秒。这么厉害？再试试。选择不同项目的5个文件合并，得出结果，压缩不到10%。怎么会这样？

其实Pages面板之所以会让文件变小，是因为它将多个pages同样的元素作为公用元素。前面我们所比较的是同一个项目下的多个文件，自然会有很多相同的元素，瘦身效果自然也就比较好了。下面我们来实际操作一下。看看Pages面板的作用。

1、新建一个页面，按【F5】打开Pages面板，你可以在面板下方新建几个page，并分别为其命名。你可以在面板或者状态栏上选择当前编辑的页面；

2、在这里我将以前的一个模板的头部复制到第一个页面中（因为元素较多，我将其进行了组合），将其全部放置到命名为“公用”的文件夹中。因为在后面的每一个页面中，头部是都不会变动的；

3、选中其中某个层，点击面板右上角的菜单，选择Share Layer To Pages，将其共享到每一个页面；

4、当然，在这里你可以选择将其共享到某几个页面上；

5、这个时候我们会发现共享过的层的背景色都变成了浅黄色，试试编辑公用文件夹中的元素，每个页面中都将相应的变化。这个地方有点类似在Dreamweaver中制作库文件，当库文件修改后，所有调用库文件的页面将会更新；

6、剩下的地方，每个页面都可能不一样，我们就可以在每个页面中单独编辑了。前面我们说到建立“公用”的文件夹，而其他非公用的则不放入内。这是因为共享属性会对整个文件夹有效，即使你只是对某一个层设置了共享。

Pages面板的运用很大程度上为项目界面设计减少不必要的重复劳动，当你的经理要求你对页面进行调整的时候，你再也不用每一个页面的去修改。你只需将修改共享文件夹就行了。页面的统一存放，也很大程度上方便了文件的管理。如果你一直是用FW在进行界面设计，不妨试试。

Pages面板的运用对切片功能有了一定的辅助提升，可以同时对多个页面进行切割生成Html。由于Fireworks生成Html页面代码在规范和合理性上的欠缺，这里就不对其进行介绍了。