Fireworks制作下拉菜單教程介紹_Fireworks教程

推薦：Fireworks禮花動(dòng)畫(huà)制作教程學(xué)習(xí)
Fireworks 不僅具備編輯矢量圖形與位圖圖像的靈活性， 還提供了一個(gè)預(yù)先構(gòu)建資源的公用庫(kù)，本教程是關(guān)于Fireworks禮花動(dòng)畫(huà)制作教程的講解，該文章中包括動(dòng)畫(huà)制作的8個(gè)步驟，以下請(qǐng)看正文： 1. 新建一文檔，畫(huà)布大小為 200 * 200，底色為黑(#000000)。 2.用畫(huà)圓工具畫(huà)一

 　　本教程是關(guān)于Fireworks制作下拉菜單教程的講解，該文章共有4個(gè)部分，其中包括創(chuàng)建標(biāo)題、創(chuàng)建切片、加上下拉菜單、子菜單定位相關(guān)步驟，以下請(qǐng)看正文：

　　創(chuàng)建標(biāo)題

　　1，新建一個(gè)圖像

　　2， 用矩形工具畫(huà)一個(gè)長(zhǎng)方形

　　3,用文字工具輸入文字

　　創(chuàng)建切片

　　選中這個(gè)矩形,然后選擇菜單insert -> slice(插入-切片).

　　加上下拉菜單

　　1，保持切片處于選中的狀態(tài)，選擇菜單insert -> pop menu,插入子菜單

　　2，在彈出的窗口內(nèi)進(jìn)行輸入，text(文字)框內(nèi)輸入子菜單上要顯示的文字

　　3,在link(鏈接)內(nèi)輸入要連接的地址

　　4,點(diǎn)擊+按鈕加入下拉菜單

　　5，重復(fù)上面幾步，直到要加入的子菜單項(xiàng)目全部加入完畢

　　6，可以拖拉下面的列表，對(duì)子菜單的項(xiàng)目進(jìn)行排列，也可以進(jìn)行編輯和刪除

　　7，點(diǎn)擊next進(jìn)入下一步

　　8，這里可以對(duì)子菜單的外觀進(jìn)行編輯，有兩種格式的子菜單可以選擇，html格式和圖像格式

　　9，當(dāng)所有的設(shè)定完成后，可以單擊finish退出

　　子菜單定位

　　1，選中切片，你會(huì)發(fā)現(xiàn)一條藍(lán)色的線組成的子菜單的形狀

　　2，將鼠標(biāo)的指針移到菜單的位置，指針會(huì)變?yōu)槭值男螤?/p>

　　3，你可以把菜單拖到合適的位置

　　預(yù)覽

　　要預(yù)覽下拉菜單的效果，必須要在瀏覽器中進(jìn)行

　　1，點(diǎn)擊菜單file->preview in browser

　　2，把鼠標(biāo)放上去，你就可以看到彈出下拉菜單的效果了

　　本文為大家編輯的Fireworks制作下拉菜單教程，希望對(duì)大家有所幫助!

分享：Fireworks組合路徑功能使用方法
Fireworks的特點(diǎn)之一就是直接繪制矢量路徑，其中除了可以直接運(yùn)用矢量工具(鋼筆、矩形及其他幾何形狀)繪制矢量路徑外，組合路徑功能運(yùn)用得當(dāng)，可以使對(duì)路徑的操作事半功倍。這里對(duì) Fireworks組合路徑功能 使用方法及具體應(yīng)用進(jìn)行簡(jiǎn)單說(shuō)明。 這里所使用的命令中，除接合

推薦:Fireworks視頻教程