2007-02-13

Fireworks 9亲密接触(2):创新Pages功能体验

来源: 网页顽主论坛 作者:佚名 评论 0 条
 

下面通过一个具体的实例来说明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(页面)面板。

8、单击Pages(页面)面板右下角的新建页面按钮,创建三个页面,页面总数是四个,和栏目按钮的数量一致。效果如图1.7所示。

图1.7 创建三个新的页面

9、在Pages(页面)面板中对所有的页面进行重命名,这里的名称将是最终输出后网页的文件名,效果如图1.8所示。

图1.8 对页面进行重命名

10、这时新建出来的页面都是空白的,效果如图1.9所示。

图1.9 新建出来的空白页面

【说明】在制作多个页面的时候,往往会使用相同的页面布局,或者相同的logo、背景、或按钮。这个时候就可以把前面创建出来的第一个页面中的部分内容“共享”到其它页面中,这也就是Pages(页面)功能最强大之处。由于在前面的制作过程中,把整个网站中所有页面的相同内容都制作到了“背景”图层,所以这个时候就可以把“背景”图层中的内容“共享”到所有的Pages(页面)中去。而“内容”图层中的文本和图片是需要根据不同栏目来进行更改的,所以在这里就不需要“共享”到Pages(页面)了。
共5页: 上一页 [1] 2 [3] [4] [5] 下一页

(本文仅表明作者个人观点,不代表本站及其管理员立场.) 推荐 收藏 投稿 打印 返回 关闭
上一篇:FW设计资源小总集  
下一篇:Fireworks 9亲密接触(3):超级缩放
    评论加载中…

网站首页  -  网站地图 -   站长论坛  -  网站投稿  -    -  网站管理
Copyright © 2008 芜湖站长站 All Rights Reserved 皖ICP备07500611号