網(wǎng)頁圖形處理工具firework(參考版)
2025-05-17 23:37本頁面
【正文】 習(xí)題 10 。 4． 制作一個動態(tài)按鈕 ， 實現(xiàn)如下功能：當(dāng)鼠標(biāo)指針經(jīng)過按鈕時 ， 文本的顏色發(fā)生改變；當(dāng)鼠標(biāo)指針移到按鈕上時 ， 會出現(xiàn)說明文字；單擊按鈕 ， 會打開相應(yīng)的網(wǎng)頁 。 2． 使用 Fireworks分別對 JPEG圖像和 GIF圖像進行優(yōu)化并導(dǎo)出整個圖像 。 制作動態(tài)按鈕 圖 1034 動態(tài)按鈕實例效果 【 例 102】 23 【 例 103】 使用 Fireworks制作一個下拉菜單，當(dāng)鼠標(biāo)指針移到“電影世界”文字上的時候，會出現(xiàn)一個包含下級子菜單的下拉菜單，單擊其中的某個菜單項時，會打開相應(yīng)的網(wǎng)頁，如圖 1048所示。 制作動態(tài)按鈕 22 動態(tài)按鈕的制作 【 例 102】 制作一個動態(tài)按鈕 。 通常使用按鈕的下凹圖像表示按鈕已按下 。 此狀態(tài)提醒用戶單擊鼠標(biāo)會引發(fā)一個動作 。 ? 釋放狀態(tài)：按鈕的默認外觀或靜止時的外觀 。 用戶在更改了單個按鈕的圖形外觀后 ， 自動更新導(dǎo)航欄中所有按鈕實例的外觀 。 ② 在 “ 保存類型 ” 下拉列表中 ， 選擇 “ HTML和圖像 ” 格式 ，在 HTML下拉列表中選擇 “ 導(dǎo)出 HTML文件 ” ， 在 “ 切片 ” 下拉列表中選擇 “ 導(dǎo)出切片 ” ， 如果需要將導(dǎo)出的切片放入某個圖像文件夾中便于管理 ， 可以選中 “ 將圖像放入子文件夾 ” 復(fù)選框 ， 最后單擊 “ 保存 ” 按鈕即可 。 導(dǎo)出切片的操作步驟如下 。 ③ 設(shè)置導(dǎo)出各種參數(shù)后，單擊 “ 導(dǎo)出 ” 按鈕就可以導(dǎo)出圖像了 。 ② 雙擊導(dǎo)出區(qū)域 ， 彈出 “ 導(dǎo)出預(yù)覽 ” 對話框 ， 如圖 1030所示 。 導(dǎo)出一個區(qū)域圖像的操作步驟如下 。 如果選擇 “ HTML和圖像 ” 項 ， 則不僅可以導(dǎo)出圖像 ， 還可以導(dǎo)出 HTML文件 。 ② 在 “ 保存類型 ” 下拉列表中 ， 可以選擇多種導(dǎo)出格式 。 圖像的切片 圖 1027 使用多邊形切片工具繪制切片 18 導(dǎo)出一個圖像 導(dǎo)出一個圖像的操作步驟如下 。 ① 在工具箱上單擊多邊形切片按鈕 。 切片區(qū)域?qū)桓采w上一層半透明的綠色 ， 切片的中央有一個按鈕 ， 單擊它可以彈出一個對切片進行各種行為操作的快捷菜單 。 反復(fù)執(zhí)行這個操作可以創(chuàng)建多個矩形切片 。 ? 在工具箱中單擊選擇工具按鈕 ， 選擇圖像上的一塊矩形區(qū)域 ， 然后執(zhí)行 “ 編輯 ” → “ 插入 ” → “ 切片 ” 命令 。 圖像的切片 16 創(chuàng)建矩形切片 矩形切片的創(chuàng)建步驟如下： ① 執(zhí)行 “ 文件 ” → “ 打開 ” 命令 ， 打開編輯的圖像文件 。 ② 交互性：用戶可以使用切片來創(chuàng)建響應(yīng)鼠標(biāo)事件的區(qū)域 。 ① 優(yōu)化圖像：網(wǎng)頁圖形設(shè)計的挑戰(zhàn)之一是在確保圖形快速下載的同時保證質(zhì)
法律信息相關(guān)推薦
鄂ICP備17016276號-1