体验Fireworks9的快感！创建Pages（页）

 

 
图1.16 给按钮添加切片

20、但是在这个例子中，每个页面按钮的切片应该是完全一样的，这个时候同样可以把切片所在的网页层“共享”到所有的页面中。

21、在Pages（页面）面板中选择“index”页面，打开图层面板，选择图层面板中的网页层，在网页层中包含有四个按钮的切片，效果如图1.17所示。

 

 
图1.17 网页层中的切片

22、这时如果直接选择网页层的选项菜单，是没有【share layer to pages（共享图层到页面）】命令的，网页层本身并不支持“共享”到页的功能，效果如图1.18所示。

 

 
图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所期望的，我们拭目以待。

 如果您对本文有任何疑问或者建议，请到讨论区发表您的意见: >> 论坛入口 <<

上一页 1 2 34 下一页

上一篇：用Fireworks 8打造美丽的雨后蝴蝶   下一篇：Fireworks补间功能小解

【文章评论】 【收藏本文】 【推荐好友】 【打印本文】 【我要投稿】 【论坛讨论】