當(dāng)前位置: 首頁 > 攻略教程 > 軟件教程 > fireworks設(shè)置網(wǎng)頁導(dǎo)航欄按鈕的相關(guān)操作教程

fireworks設(shè)置網(wǎng)頁導(dǎo)航欄按鈕的相關(guān)操作教程

時間:2024-06-28 09:40:41 編輯:易網(wǎng)VIP游戲門戶 閱讀:0

很多新手小伙伴還不了解fireworks設(shè)置網(wǎng)頁導(dǎo)航欄按鈕的具體操作,所以下面小編就帶來了fireworks設(shè)置網(wǎng)頁導(dǎo)航欄按鈕的詳細(xì)教程哦。

fireworks設(shè)置網(wǎng)頁導(dǎo)航欄按鈕的相關(guān)操作教程

fireworks設(shè)置網(wǎng)頁導(dǎo)航欄按鈕的相關(guān)操作教程

首先我們打開 Fireworks,通過“文件”>“新建”,新建一個空白畫布。“編輯” >“插入”>“新建按鈕”。在按鈕編輯器中,選擇“釋放”狀態(tài),畫一個寬90像素,高30像素,x,y坐標(biāo)都為0的矩形。選中矩形,點擊填充顏色塊。選中按鈕,點屬性面板上的+增加“內(nèi)斜角”效果。

fireworks設(shè)置網(wǎng)頁導(dǎo)航欄按鈕的相關(guān)操作教程截圖fireworks設(shè)置網(wǎng)頁導(dǎo)航欄按鈕的相關(guān)操作教程截圖fireworks設(shè)置網(wǎng)頁導(dǎo)航欄按鈕的相關(guān)操作教程截圖

然后我們在“按鈕編輯器”的釋放狀態(tài)下,使用工具面板上的“文本工具”,在按鈕上輸入文字。選中“滑過”狀態(tài),點擊“復(fù)制彈起時的圖形”。點擊屬性面板上的“+”, 添加效果“調(diào)整顏色”>“色相/飽和度“。在彈出的“色相/飽和度”對話框中,向右拖動亮度滑塊(-20)。這時就增加了按鈕的亮度。

fireworks設(shè)置網(wǎng)頁導(dǎo)航欄按鈕的相關(guān)操作教程截圖fireworks設(shè)置網(wǎng)頁導(dǎo)航欄按鈕的相關(guān)操作教程截圖

接著重復(fù)上面的過程,調(diào)整“按下”狀態(tài)和“按下時滑過”狀態(tài)的顏色。為按鈕增加鏈接。(先用鼠標(biāo)選中才會彈出屬性面板)。選中“活動區(qū)域 ”,在屬性面板的“鏈接”項中,輸入#作為鏈接,以后可以修改。反復(fù)從庫面板中,把按鈕的實例拖到文檔相應(yīng)位置。選中不同的按鈕實例,在屬性面板上,修改文本和鏈接地址。文件------導(dǎo)出,導(dǎo)出為htm網(wǎng)頁文件即可。完成后的效果如圖所示。

fireworks設(shè)置網(wǎng)頁導(dǎo)航欄按鈕的相關(guān)操作教程截圖fireworks設(shè)置網(wǎng)頁導(dǎo)航欄按鈕的相關(guān)操作教程截圖fireworks設(shè)置網(wǎng)頁導(dǎo)航欄按鈕的相關(guān)操作教程截圖

相信你們看完了上文講解的fireworks設(shè)置網(wǎng)頁導(dǎo)航欄按鈕的詳細(xì)操作步驟,應(yīng)該都學(xué)會了吧!