Fireworks 9亲密接触(2):效率倍增!创新Pages功能体验

核心提示： 图1.18 网页层的选项菜单23、这时可以单击图层面板右下角的第二个按钮，在网页层中创建一个子图层，Fireworks 9亲密接触(2):效率倍增!创新Pages功能体验(6)，并且把四个按钮的切片拖拽到子图层中，这也是Fireworks 9的一个新功能，还没有那个软件能够和它相比，但是F

图1.18 网页层的选项菜单

23、这时可以单击图层面板右下角的第二个按钮，在网页层中创建一个子图层，并且把四个按钮的切片拖拽到子图层中，这也是Fireworks 9的一个新功能，效果如图1.19所示。

图1.19 创建网页层的子图层

24、对于网页层的子图层，是可以使用“共享”到页的命令的，这样就可以把当前的切片共享到所有的页面中了，效果如图1.20所示。

图1.20 共享网页层的子图层

25、对于多个页面之间的链接，也可以之间在Fireworks 9中完成。选择添加好的切片，在【属性】面板中的【link（链接）】文本框中即可设置多个页面之间的链接，效果如图1.21所示。

图1.21 设置多个页面之间的链接

26、和Fireworks 8一样，可以使用优化面板对所有的切片进行优化，然后就可以选择【file(文件)】@@【export（导出）】（快捷键：【Ctrl+Shift+X】）命令进行网页的输出了。

27、选择导出命令后，会弹出Fireworks 9的导出对话框，效果如图1.22所示。

图1.22 导出对话框

其中：

文件名：这里不需要进行设置，因为导出后的网页名称和pages（页面）面板中的名称一致。

Export：和已往的版本一样，要选择导出网页和图像“HTML and Images”。

Current page only：只导出当前页，这里建议取消这个复选框，因为我们要导出所有的页面，而并不只是当前的一个页面。

Put images in subfolder：把所生成的页面放置到文件夹中，这个选项是一定要选中的。

28、单击【保持】按钮，Fireworks 9会自动生成所有的页面，你只需要找到保存文件的文件夹，慢慢欣赏你的作品吧！效果如图1.23所示。

图1.23 导出后生成的网站

操作技巧：

1、在制作基本页面的时候一定要分图层，把不会改变的内容和需要改变的内容分到不同的图层中来制作。那么在“共享”到页面的时候只需要共享部分图层就可以了。

2、网页层是不能直接共享的，需要在网页中创建子图层才能共享到页面。

写在后面的话

关于新的pages（页面）的功能，还会继续的研究下去，在本教程中还没有涉及到“主页面”的使用，但是可以告诉大家的是，一旦把某个页面设置为“主页面”，那么所有的页面都会套用“主页面”中的内容，有点类似于Dreamweaver里的模板。

Fireworks针对于网页的图像处理可以说是到了非常专业的地步，在Adobe现有的软件体系中，还没有那个软件能够和它相比，但是Fireworks能否在新的东家续写它的神化？我相信这是每一个Fireworkser所期望的，我们拭目以待。