下面通過一個(gè)具體的實(shí)例來說明Pages(頁面)面板的實(shí)際作用，具體操作步驟如下。
1、新建一個(gè)Fireworks文件。
2、在彈出的【新建文檔】對(duì)話框中設(shè)置畫布的寬度為932像素、高度為538像素，背景顏色為白色。如圖1.3所示。
圖1.3 新建文檔對(duì)話框
3、把實(shí)現(xiàn)準(zhǔn)備好的背景素材復(fù)制到當(dāng)前的文檔中。并且把背景圖像所在圖層的名稱更改為“背景”。效果如圖1.4所示。
圖1.4 復(fù)制圖像素材到當(dāng)前文檔
4、在背景圖層中制作頁面左側(cè)的按鈕和圖像廣告，頁面右上角的導(dǎo)航背景，效果如圖1.5所示。
圖1.5 制作頁面廣告和導(dǎo)航
5、【W(wǎng)indows(窗口)】【layers(圖層)】(快捷鍵：【F2】)命令，打開Fireworks 9的圖層面板，創(chuàng)建一個(gè)新的圖層“內(nèi)容”。
6、在圖層“內(nèi)容”中制作導(dǎo)航中的內(nèi)容和頁面右下角的正文內(nèi)容，效果如圖效果如圖1.6所示。
圖1.6 制作網(wǎng)頁中的內(nèi)容
7、選擇【W(wǎng)indows(窗口)】【Pages(頁面)】(快捷鍵：【F5】)命令，即可打開Fireworks 9的Pages(頁面)面板。
8、單擊Pages(頁面)面板右下角的新建頁面按鈕，創(chuàng)建三個(gè)頁面，頁面總數(shù)是四個(gè)，和欄目按鈕的數(shù)量一致。效果如圖1.7所示。
圖1.7 創(chuàng)建三個(gè)新的頁面
9、在Pages(頁面)面板中對(duì)所有的頁面進(jìn)行重命名，這里的名稱將是最終輸出后網(wǎng)頁的文件名，效果如圖1.8所示。
圖1.8 對(duì)頁面進(jìn)行重命名
10、這時(shí)新建出來的頁面都是空白的，效果如圖1.9所示。
圖1.9 新建出來的空白頁面
【說明】在制作多個(gè)頁面的時(shí)候，往往會(huì)使用相同的頁面布局，或者相同的logo、背景、或按鈕。這個(gè)時(shí)候就可以把前面創(chuàng)建出來的第一個(gè)頁面中的部分內(nèi)容“共享”到其它頁面中，這也就是Pages(頁面)功能最強(qiáng)大之處。由于在前面的制作過程中，把整個(gè)網(wǎng)站中所有頁面的相同內(nèi)容都制作到了“背景”圖層，所以這個(gè)時(shí)候就可以把“背景”圖層中的內(nèi)容“共享”到所有的Pages(頁面)中去。而“內(nèi)容”圖層中的文本和圖片是需要根據(jù)不同欄目來進(jìn)行更改的，所以在這里就不需要“共享”到Pages(頁面)了。
11、選擇頁面“index”，然后切換到圖層面板中。選擇圖層“背景”，打開圖層面板的選項(xiàng)菜單，選擇【share layer to pages(共享圖層到頁面)】命令，效果如圖1.10所示。
圖1.10 在圖層面板的選項(xiàng)菜單中選擇
【share layer to pages(共享圖層到頁面)】命令
12、選擇【share layer to pages(共享圖層到頁面)】命令后，會(huì)彈出【share layer to pages(共享圖層到頁面)】對(duì)話框。效果如圖1.11所示。
圖1.11 【share layer to pages(共享圖層到頁面)】對(duì)話框
13、在左側(cè)【exclude layer from pages(不共享圖層到頁面)】對(duì)話框中的所有頁面選中，單擊【add(添加)】按鈕，即可添加到【include layer to pages(共享圖層到頁面)】對(duì)話框中。效果如圖1.12所示。
圖1.12 把頁面添加到【include layer to pages(共享圖層到頁面)】對(duì)話框中