使用Pages（页面）面板制作网页

~
下面通过一个具体的实例来说明Pages（页面）面板的实际作用，具体操作步骤如下。
1、新建一个Fireworks文件。
2、在弹出的【新建文档】对话框中设置画布的宽度为932像素、高度为538像素，背景颜色为白色。如图1.3所示。
3、把实现准备好的背景素材复制到当前的文档中。并且把背景图像所在图层的名称更改为“背景”。效果如图1.4所示。
4、在背景图层中制作页面左侧的按钮和图像广告，页面右上角的导航背景，效果如图1.5所示。
5、【Windows(窗口)】【layers（图层）】（快捷键：【F2】）命令，打开Fireworks 9的图层面板，创建一个新的图层“内容”。
6、在图层“内容”中制作导航中的内容和页面右下角的正文内容，效果如图效果如图1.6所示。
7、选择【Windows(窗口)】【Pages（页面）】（快捷键：【F5】）命令，即可打开Fireworks 9的Pages（页面）面板。
8、单击Pages（页面）面板右下角的新建页面按钮，创建三个页面，页面总数是四个，和栏目按钮的数量一致。效果如图1.7所示。
9、在Pages（页面）面板中对所有的页面进行重命名，这里的名称将是最终输出后网页的文件名，效果如图1.8所示。
10、这时新建出来的页面都是空白的，效果如图1.9所示。
【说明】在制作多个页面的时候，往往会使用相同的页面布局，或者相同的logo、背景、或按钮。这个时候就可以把前面创建出来的第一个页面中的部分内容“共享”到其它页面中，这也就是Pages（页面）功能最强大之处。由于在前面的制作过程中，把整个网站中所有页面的相同内容都制作到了“背景”图层，所以这个时候就可以把“背景”图层中的内容“共享”到所有的Pages（页面）中去。而“内容”图层中的文本和图片是需要根据不同栏目来进行更改的，所以在这里就不需要“共享”到Pages（页面）了。
11、选择页面“index”，然后切换到图层面板中。选择图层“背景”，打开图层面板的选项菜单，选择【share layer to pages（共享图层到页面）】命令，效果如图1.10所示。
【share layer to pages（共享图层到页面）】命令
12、选择【share layer to pages（共享图层到页面）】命令后，会弹出【share layer to pages（共享图层到页面）】对话框。效果如图1.11所示。
13、在左侧【exclude layer from pages（不共享图层到页面）】对话框中的所有页面选中，单击【add（添加）】按钮，即可添加到【include layer to pages（共享图层到页面）】对话框中。效果如图1.12所示。
14、这时图层“背景”中的内容，在每一个页面中都可以看到了。所有共享到页面的图层都以黄色的背景来显示。效果如图1.13所示。
15、这时，可以分别在不同的Pages（页面）中制作完全不同的内容，但是所有的Pages（页面）都保持相同的背景效果。选择Pages（页面）面板中的“webdesign”页面。然后切换到图层面板中，这时显示的是“webdesign”页面所对应的图层。
16、在图层“背景”上新建一个图层“内容”。并且在这个图层中制作页面“webdesign”中的内容，效果如图1.14所示。
17、使用同样的方法，把所有页面中的内容都制作出来，需要注意的是，所有的内容都需要制作到新的图层中，并且这个图层是不能“共享”的。
18、接下来给页面添加切片，选择页面“index”，使用Fireworks 9的切片工具给页面中的四个按钮添加切片，效果如图1.15所示。
19、但是这个时候所添加的切片只能在页面“index”中显示，其它页面是看不到这些切片的。也就是说在Fireworks 9中，可以给每个页面添加不同的切片效果。如图1.16所示。
20、但是在这个例子中，每个页面按钮的切片应该是完全一样的，这个时候同样可以把切片所在的网页层“共享”到所有的页面中。
21、在Pages（页面）面板中选择“index”页面，打开图层面板，选择图层面板中的网页层，在网页层中包含有四个按钮的切片，效果如图1.17所示。
#p#副标题#e#
22、这时如果直接选择网页层的选项菜单，是没有【share layer to pages（共享图层到页面）】命令的，网页层本身并不支持“共享”到页的功能，效果如图1.18所示。
23、这时可以单击图层面板右下角的第二个按钮，在网页层中创建一个子图层，并且把四个按钮的切片拖拽到子图层中，这也是Fireworks 9的一个新功能，效果如图1.19所示。
24、对于网页层的子图层，是可以使用“共享”到页的命令的，这样就可以把当前的切片共享到所有的页面中了，效果如图1.20所示。
25、对于多个页面之间的链接，也可以之间在Fireworks 9中完成。选择添加好的切片，在【属性】面板中的【link（链接）】文本框中即可设置多个页面之间的链接，效果如图1.21所示。
26、和Fireworks 8一样，可以使用优化面板对所有的切片进行优化，然后就可以选择【file(文件)】【export（导出）】（快捷键：【Ctrl+Shift+X】）命令进行网页的输出了。
27、选择导出命令后，会弹出Fireworks 9的导出对话框，效果如图1.22所示。
其中：
文件名：这里不需要进行设置，因为导出后的网页名称和pages（页面）面板中的名称一致。
Export：和已往的版本一样，要选择导出网页和图像“HTML and Images”。
Current page only：只导出当前页，这里建议取消这个复选框，因为我们要导出所有的页面，而并不只是当前的一个页面。
Put images in subfolder：把所生成的页面放置到文件夹中，这个选项是一定要选中的。
28、单击【保持】按钮，Fireworks 9会自动生成所有的页面，你只需要找到保存文件的文件夹，慢慢欣赏你的作品吧！效果如图1.23所示。
操作技巧：
1、在制作基本页面的时候一定要分图层，把不会改变的内容和需要改变的内容分到不同的图层中来制作。那么在“共享”到页面的时候只需要共享部分图层就可以了。
2、网页层是不能直接共享的，需要在网页中创建子图层才能共享到页面。
写在后面的话
关于新的pages（页面）的功能，还会继续的研究下去，在本教程中还没有涉及到“主页面”的使用，但是可以告诉大家的是，一旦把某个页面设置为“主页面”，那么所有的页面都会套用“主页面”中的内容，有点类似于Dreamweaver里的模板。
Fireworks针对于网页的图像处理可以说是到了非常专业的地步，在Adobe现有的软件体系中，还没有那个软件能够和它相比，但是Fireworks能否在新的东家续写它的神化？我相信这是每一个Fireworkser所期望的，我们拭目以待。
#p#副标题#e#

---

永登县17150606968： 谁会用dreamweaver制做网页啊? - ？
焦索复方： 、建立模板1、创建模板页面最简单的办法是将一个网页另存为模板文件,通过执行命令:File→Save as Template,DreamWeaver会在网站根目录中建立一个模板文件夹——Templates来保存该模板.当然,也可以新建一个模板:Window→...

永登县17150606968： 如何使用Github Pages免费搭建网站 - ？
焦索复方： github pages有两类:你如果起个名为chendell.github.io的repository, 那么他的master分支上的文件就能在chendell.github.io的根目录访问到.而如果是其他的repositories,比如这个repository名字叫node,那么建一个gh-pages分支,该分支下的...

永登县17150606968： 如何在Github Pages搭建自己写的页面 - ？
焦索复方： Github Pages只能存放静态页面,不能运行后台代码,不能动态生成文件,也不能有数据库.你看到的“博客引擎”其实是页面生成器,即把你写的模版等动态代码转 成静态页面,然后才能放到Github上.

永登县17150606968： 如何制作网页？
焦索复方： 首先很荣幸回答您的问题! 网页制做入门 (1) 网页制做入门 我们天天与网页打交道,那些或界面精美,或内容丰富,或构思独特、风格各异的网页,不知道吸引了多少人的眼球了,它们的运行方式,制做方法,你说你说一点都不好奇,一点...

永登县17150606968： 如何制作网页?？
焦索复方： 网页制做入门 (1) 网页制做入门 我们天天与网页打交道,那些或界面精美,或内容丰富,或构思独特、风格各异的网页,不知道吸引了多少人的眼球了,它们的运行方式,制做方法,你说你说一点都不好奇,一点都不想知道,那肯定是假的...

永登县17150606968： 怎样做动态网页？
焦索复方： 要学习制作动态网页,ASP就是一种动态网页,还有像PHP,JSP也是属于动态网页,不过你什么都不会的话建议从ASP学起. Microsoft Active Server Pages 即我们所称的 ASP ,其实是一套微软开发的服务器端脚本环境,意为“活动服务器网...

永登县17150606968： 怎么利用github pages创建多个文件 - ？
焦索复方： 步骤一:登录到Github上,新建一个repo,命名为test,勾选 initialize this repository with a README,点击create repository.步骤二:打开settings,有一个Github Pages 的设置,点击Launch automatic page generator(启动自动页面生成器).步骤三:点击页面最后的continue to layouts,然后就可以进入设置你的页面主题,你会说这不是我的网页呀,别急嘛,先选择一个主题,点击 publish pages.

永登县17150606968： 如何用Pages快速创建文档 - ？
焦索复方： 打开应用软件“Pages”2 找到页面左下角的“新建文稿”按钮并点击进入下一步.3 选择自己喜欢的模板,并选取打开.4 在内容版面中输入自己文档的具体内容,并根据自己的要求进行简单的调整和排版.5 找到Pages顶部菜单栏中的“文件——导出到——Word”并点击进入下一步6 在弹出的确认框中选择Word这一栏并选择“下一步”点击进入.7 在录入栏中输入文档的名称,最后选择并点击“导出”完成操作.

永登县17150606968： 网页设计模版是什么,怎么利用网页设计模版? - ？
焦索复方： 网页模板就是已经做好的网页框架,使用网页编辑软件输入自己需要的内容,再发布到自己的网站.每个网页模板压缩包内包含:PSD图片文件(可用Photoshop、ImageReady或Fireworks修改),按钮图片PSD文件、Flash源文件和字体文件,...

永登县17150606968： Mac 的 Pages 有什么使用技巧 - ？
焦索复方： 1、使用当前Pages页面的字体进行粘贴:Shift+Option+Command+V 这样就不用担心网页上复制的内容扰乱你的字体排版了.2、给字体设置快捷键:右栏Text》Style旁下箭头》当前Style旁右剪头》Shortcut 一键调字体,节省很多时间(开了...