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

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

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

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

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

接著重復(fù)上面的過(guò)程，調(diào)整“按下”狀態(tài)和“按下時(shí)滑過(guò)”狀態(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è)置網(wǎng)頁(yè)導(dǎo)航欄按鈕的詳細(xì)操作步驟，應(yīng)該都學(xué)會(huì)了吧!