fireworks怎么設(shè)計(jì)網(wǎng)頁(yè)導(dǎo)航欄按鈕?
我要評(píng)論fireworks中想要設(shè)計(jì)網(wǎng)站按鈕和導(dǎo)航欄，該怎么設(shè)計(jì)呢？下面我們就來看看詳細(xì)的教程。
1、打開 Fireworks，通過“文件”>“新建”，新建一個(gè)空白畫布。“編輯” >“插入”>“新建按鈕”。在按鈕編輯器中，選擇“釋放”狀態(tài)，畫一個(gè)寬90像素，高30像素，x，y坐標(biāo)都為0的矩形。選中矩形，點(diǎn)擊填充顏色塊。選中按鈕，點(diǎn)屬性面板上的+增加“內(nèi)斜角”效果。
2、在“按鈕編輯器”的釋放狀態(tài)下，使用工具面板上的“文本工具”，在按鈕上輸入文字。選中“滑過”狀態(tài)，點(diǎn)擊“復(fù)制彈起時(shí)的圖形”。點(diǎn)擊屬性面板上的“+”， 添加效果“調(diào)整顏色”>“色相/飽和度“。在彈出的“色相/飽和度”對(duì)話框中，向右拖動(dòng)亮度滑塊(-20)。這時(shí)就增加了按鈕的亮度。
3、重復(fù)上面的過程，調(diào)整“按下”狀態(tài)和“按下時(shí)滑過”狀態(tài)的顏色。為按鈕增加鏈接。（先用鼠標(biāo)選中才會(huì)彈出屬性面板)。選中“活動(dòng)區(qū)域 ”，在屬性面板的“鏈接”項(xiàng)中，輸入#作為鏈接，以后可以修改。反復(fù)從庫(kù)面板中，把按鈕的實(shí)例拖到文檔相應(yīng)位置。選中不同的按鈕實(shí)例，在屬性面板上，修改文本和鏈接地址。文件------導(dǎo)出,導(dǎo)出為htm網(wǎng)頁(yè)文件即可。完成后的效果如圖所示。
以上就是fireworks設(shè)計(jì)按鈕導(dǎo)航欄的教程，希望大家喜歡，請(qǐng)繼續(xù)關(guān)注腳本之家。
相關(guān)推薦：
fireworks怎么給網(wǎng)頁(yè)設(shè)計(jì)小人形狀的logo?
fireworks怎么制作一個(gè)圓角矩形的網(wǎng)頁(yè)導(dǎo)航條?
相關(guān)文章
這篇教程是向腳本之家的朋友分享Fireworks給照片美顏方法，僅需一步即可完成，操作很簡(jiǎn)單，非常適合新手來學(xué)習(xí)，推薦到腳本之家，有需要的朋友可以參考本文，來看看吧2017-04-11
在生活和工作中,經(jīng)常需要拍攝一批照片,上傳到各種應(yīng)用系統(tǒng)。而系統(tǒng)通常對(duì)照片的文件的大小有限制,或者對(duì)文件的名稱有要求。下面為大家介紹用Fireworks如何批量壓縮圖片方法2017-04-10
Fireworks設(shè)計(jì)簡(jiǎn)單易用的頁(yè)面
這篇教程是向腳本之家的朋友分享Fireworks設(shè)計(jì)簡(jiǎn)單易用的頁(yè)面方法，教程比較基礎(chǔ)，非常適合新手來學(xué)習(xí)，推薦到腳本之家，喜歡的朋友可以參考本文，一起來學(xué)習(xí)吧2017-04-07
這篇教程是向腳本之家的朋友分享Fireworks常見的濾鏡打造絢麗的彩色字體方法，教程主要使用幾種常見的濾鏡來實(shí)現(xiàn)的，方法很簡(jiǎn)單的，推薦過來，一起來學(xué)習(xí)吧2017-04-06
圖片多的時(shí)候,一張一張?zhí)幚砭捅容^慢,其實(shí)Fireworks的批處理功能就不錯(cuò),可以批量處理圖片，下面就為大家介紹Fireworks批量處理圖片方法，來看看怎么操作吧2017-04-04
這篇教程是向腳本之家的朋友分享Fireworks制作漸變的填充效果方法，教程比較基礎(chǔ)，非常適合新手來學(xué)習(xí)，推薦到腳本之家，喜歡的朋友可以參考本文，來看看吧2017-04-01
切片是網(wǎng)頁(yè)的對(duì)象之一,最初的應(yīng)用是將影響網(wǎng)頁(yè)顯示時(shí)間的大圖片切割成不同的幾個(gè)部分以便于數(shù)據(jù)傳輸。下面小編就為大家介紹FW切圖方法，一起來看看吧2017-03-31
firework作為曾經(jīng)的網(wǎng)頁(yè)三劍客之一,雖然在c6之后已經(jīng)不再更新,但作為一個(gè)輕量的圖片編輯工具,我依然十分喜歡它，這篇教程是向腳本之家的朋友分享利用Fireworks把想要的圖案2017-03-30
Fireworks我們的設(shè)計(jì)稿可以及時(shí)在瀏覽器中瀏覽,那么Fireworks怎么把默認(rèn)瀏覽器改成百度?下面小編就為大家詳細(xì)介紹一下，不會(huì)的朋友可以參考本文，來看看吧2017-03-29
這篇教程是向腳本之家的朋友分享fireworks簡(jiǎn)單幾步制作layer方法，教程比較基礎(chǔ)，適合新手來學(xué)習(xí)，推薦到腳本之家，喜歡的朋友可以參考本文，來看看吧2017-03-28
