網頁設計

當前位置 /首頁/設計製作/網頁設計/列表

如何用Fireworks製作下拉選單教程

本教程是關於Fireworks製作下拉選單教程的講解,該文章共有4個部分,其中包括建立標題、建立切片、加上下拉選單、子選單定位相關步驟,以下請看正文:

如何用Fireworks製作下拉選單教程

  建立標題

1,新建一個影象

2, 用矩形工具畫一個長方形

3,用文字工具輸入文字

  建立切片

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

  加上下拉選單

1,保持切片處於選中的狀態,選擇選單insert -> pop menu,插入子選單

2,在彈出的視窗內進行輸入,text(文字)框內輸入子選單上要顯示的.文字

3,在link(連結)內輸入要連線的地址

4,點選+按鈕加入下拉選單

5,重複上面幾步,直到要加入的子菜單項目全部加入完畢

6,可以拖拉下面的列表,對子選單的專案進行排列,也可以進行編輯和刪除

7,點選next進入下一步

8,這裡可以對子選單的外觀進行編輯,有兩種格式的子選單可以選擇,html格式和影象格式

9,當所有的設定完成後,可以單擊finish退出

  子選單定位

1,選中切片,你會發現一條藍色的線組成的子選單的形狀

2,將滑鼠的指標移到選單的位置,指標會變為手的形狀

3,你可以把選單拖到合適的位置

  預覽

要預覽下拉選單的效果,必須要在瀏覽器中進行

1,點選選單file->preview in browser

2,把滑鼠放上去,你就可以看到彈出下拉選單的效果了

本文為大家編輯的Fireworks製作下拉選單教程,希望對大家有所幫助!

TAG標籤:Fireworks 下拉選單 #