網域查詢: www.
返回首頁
當前位置: 首頁 > 站長學院 > 平面設計 > FireWorks >

fireworks做動態按鈕

時間:2010-02-12 14:44來源: 作者: 點擊:
要想制作一個勁爆網站,精美的動態按鈕是必不可少的,我不知多少次在別人那構思巧妙,制作精美的 按鈕前流連忘返,用鼠標反復試驗它的效果,久久不忍按下....但是看來容易做起來
  
要想制作一個勁爆網站,精美的動態按鈕是必不可少的,我不知多少次在別人那構思巧妙,制作精美的
按鈕前流連忘返,用鼠標反復試驗它的效果,久久不忍按下....但是看來容易做起來難,要做動態按鈕,
我們必須在圖型處理軟件中反復的輸入文字,設定顏色,調整對齊,然後再反復的輸出,重命名。而當
我們對按鈕效果不滿意,要對其進行修改時,還要重復的進行這些工作......這麼多煩瑣而乏味的重復
勞動大量的浪費了設計師的寶貴時間,尤其是對專業設計師來說簡直是場惡夢。凡是有一定制作經驗的
網友大概都經歷過這樣一段痛苦時光,直到macromedia公司的fireworks3.0面世才將廣大的設計者從水
深火熱的重復勞動中逐漸的解脫出來。但是人總是不之足的,很快我們發現fireworks3的按鈕制作也並
不是十全十美的,換句話說它只能用來做一些很簡單的動態效果,對于一些復雜的動態按鈕就力不從心
了,比如說下拉菜單。說到這,我忍不住要為macromedia唱贊歌了,因為它們推出了fireworks的下一代
firworks4.0。有了它,不用再羨慕那些復雜的動態效果了,花一點時間,你會發現一切都是這麼容易。
要做動態按鈕首先我們應當了解按鈕的幾種狀態︰
Up︰按鈕默認狀態,即通常在網頁上顯示的狀態,這時的鼠標是不在按鈕範圍之內的。 
Over︰鼠標滑過按鈕時的狀態。 
Down︰鼠標按下時按鈕狀態,
Over While Down︰鼠標滑過處于Down狀態下按鈕的時候按鈕的狀態,沒有必要使用。
好,了解基本知識之後,讓我們進入firworks4的神奇世界。
首先,我們來創建一個按鈕,選擇︰Insert->New Button 這樣就會出現按鈕編輯器,默認是先編輯up狀
態下的按鈕。在按鈕編輯器的下方有一排控制條,左邊的部份是對按鈕動畫的預覽控制,右邊的圖標是
工具面板的控制按鈕,很簡單的,大家試一下就知道了。現在我們先在up狀態下畫一個按鈕,畫按鈕的
方法和在firworks的普通介面下是一模一樣的,所有的工具都可在按鈕編輯狀態下使用,發揮你的想象
力吧!
切換到over狀態,你可以單擊copy up graphic按鈕將在up狀態做好的圖案復制到over狀態,並在此基
礎上繼續編輯。也可以重新編輯一個新圖型。
同樣你可以編輯在down和Over While Down狀態下的年鈕圖形,我就不再多說了。
最後切換到active area狀態,在這里,我們可以為按鈕設置超鏈接,點擊link wizard按鈕,在
export setting中設置輸出的圖片格式,在link中設定按鈕的超鏈接,超鏈接的alt屬性及瀏覽器狀態欄顯
示的文字,在target中我們可以控制點擊按鈕後打開網頁的位置,是在原窗口打開還是新開一個窗口等。
最後在filename中為按鈕命名。所有設定的內容最後都會輸出成標準的HTML代碼,我們要做的只是簡單的
將輸出的代碼復制到網頁中的相應位置,如果你選擇了Set Active Area Automatically,那fireworks4將
會自動設置一個切割,切割的大小與按鈕的大小是一致的,這對于我們這些想偷懶的人來說是再好不過了。
如果你完成了這些設置那麼大功告成了!
關閉按鈕編輯器,我們可以看到一個帶有切割和熱區的按鈕已經做好了。你可以預覽一下,如果你對效果
不滿的話,你可以雙擊按鈕就可再次對其進行編輯。
你是不是也曾為了那漂亮的下拉菜單心動呢?放心馬上你也可以擁有一個。
現在讓我們進行最關鍵也是最後的一步,做一個下拉菜單。先單擊做好的按鈕,在按鈕中心會出現一個小圓,
單擊小圓點,出現一個菜單,我們選擇第三項add pop up menu...出現一個表單,是不是看上去有些眼熟?很象
dreamweaver吧?到底是一家人啊。單擊加號,然後在下方的文本框內填上你想要的文字,加上鏈接,然後重復
以上步逐,直到你把你的下拉菜單項完全加完。
點擊next,在這里設置下拉菜單是使用圖片還是文字以及文字的字體,大小等。fireworks為我們提供了大量
的樣式選擇,多試幾次,肯定能找到你喜歡的那種組合。
現在一切都完成了, 讓我們按下F12來看看fireworks魔術般的效果...

頂一下
(0)
0%
踩一下
(0)
0%
------分隔線----------------------------
最新評論 查看所有評論
發表評論 查看所有評論
請自覺遵守互聯網相關的政策法規,嚴禁發佈色情、暴力、反動的言論。
評價:
表情:
用戶名: 密碼: 驗證碼:
推薦內容
熱點內容