迟迟没有转投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页面代码在规范和合理性上的欠缺,这里就不对其进行介绍了。