Fireworks CS3体验之Pages面板

2016-02-19 18:57 1 1 收藏

人生本是一个不断学习的过程,在这个过程中,图老师就是你们的好帮手,下面分享的Fireworks CS3体验之Pages面板懂设计的网友们快点来了解吧!

【 tulaoshi.com - Fireworks 】

  迟迟没有转投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%。怎么会这样?

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com)
  其实Pages面板之所以会让文件变小,是因为它将多个pages同样的元素作为公用元素。前面我们所比较的是同一个项目下的多个文件,自然会有很多相同的元素,瘦身效果自然也就比较好了。下面我们来实际操作一下。看看Pages面板的作用。

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

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


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


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


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


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


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

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com)

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

来源:https://www.tulaoshi.com/n/20160219/1619634.html

延伸阅读
标签: Web开发
打开Dreamweaver CS3-窗口-代码片断或者按快捷键Shift+F9 你将看到右侧面板中出现了代码片断功能面板 可以使用现有的代码片断,当然你也同样可以定义自己的代码库 点击右键新建一个文件夹用一个自己喜欢的名字命名,用同样的方法点击右键新建代码片断 在根据需要选用环绕选定内容还是插入块。 定制好后确定 以后需要用时只要把...
第一部分:面板内容 本节主要针对几个新增的面板来进行简要的讲解,使得大家快速的对新增面板有一个全面的了解和掌控。 一、图像编辑 面板 如上图,我们可以发现,比较常见的几个位图处理工具(红眼消除、模糊、钝化、减淡、烙印)已经整合在这个面板上了,当然,通过单击工具箱上的这些工具按钮同样还是能够实...
标签: PS PS教程
原图   效果图: [next] 过程截图过多,加之人现在变得很懒,所以主要介绍一种制图思路即可。 教程部分命令里面photoshopCS3或者Lightroom软件才能完成。 首先制作背景层,CS3的ACR解RAW功能中,可以把JPG图片当成RAW来调整。   在CS3的ACR我是这样调整的(参数就不截图了,有CS3或LR软件的朋友...
来源:照片处理网 最终效果图   原图   自从2006年Adobe公司推出CS3以来,已经一年多了,从最初的测试版到今天的扩展版的正式推出,使Photoshop用户受益匪浅,今年使用cs3进行图像处理应该是主流了。还在使用7.0版本的朋友们赶快升级吧。要知道从7.0到CS3中间已经升级过好几个版本了。7.0后是8.0、9.0,如今的CS3已经是...
标签: Web开发
Dreamweaver CS3默认的新建文档的编码是UTF-8,这对于有些只做GB2312编码网站的设计师来说每次都在页面设置中修改有点麻烦。 其实我们完全可以将Dreamweaver CS3默认的UTF-8编码修改成GB2312,这样我们以后新建的网页就会是GB2312编码了。 编辑-------选择首选参数设置--------新建文档

经验教程

732

收藏

68
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部