網(wǎng)頁(yè)圖形處理工具firework-資料下載頁(yè)
2025-05-13 23:37本頁(yè)面
【正文】 圖 1029 導(dǎo)出區(qū)域 圖 1030 “導(dǎo)出預(yù)覽 ” 對(duì)話框 20 導(dǎo)出切片 前面已經(jīng)學(xué)習(xí)了切片的使用方法 ， 切片可以將 Fireworks文檔分割成多個(gè)較小的部分 ， 并將每部分都導(dǎo)出為單獨(dú)的文件 。 導(dǎo)出切片的操作步驟如下 。 ① 執(zhí)行 “ 文件 ” → “ 導(dǎo)出 ” 命令 ， 打開(kāi) “ 導(dǎo)出 ” 對(duì)話框 。 ② 在 “ 保存類型 ” 下拉列表中 ， 選擇 “ HTML和圖像 ” 格式 ，在 HTML下拉列表中選擇 “ 導(dǎo)出 HTML文件 ” ， 在 “ 切片 ” 下拉列表中選擇 “ 導(dǎo)出切片 ” ， 如果需要將導(dǎo)出的切片放入某個(gè)圖像文件夾中便于管理 ， 可以選中 “ 將圖像放入子文件夾 ” 復(fù)選框 ， 最后單擊 “ 保存 ” 按鈕即可 。 圖像的導(dǎo)出 21 按鈕的基本概念 按鈕是一種特殊類型的元件 ， 可以將它的實(shí)例從元件庫(kù)拖到文檔中 。 用戶在更改了單個(gè)按鈕的圖形外觀后 ， 自動(dòng)更新導(dǎo)航欄中所有按鈕實(shí)例的外觀 。 按鈕是網(wǎng)頁(yè)的導(dǎo)航元素 ， 最多有 4種不同的狀態(tài) ， 每種狀態(tài)表示該按鈕在響應(yīng)鼠標(biāo)事件時(shí)的一種外觀 。 ? 釋放狀態(tài)：按鈕的默認(rèn)外觀或靜止時(shí)的外觀 。 ? 滑過(guò)狀態(tài)：當(dāng)指針滑過(guò)按鈕時(shí)的外觀 。 此狀態(tài)提醒用戶單擊鼠標(biāo)會(huì)引發(fā)一個(gè)動(dòng)作 。 ? 按下?tīng)顟B(tài)：表示單擊按鈕后的外觀 。 通常使用按鈕的下凹圖像表示按鈕已按下 。 ? 按下時(shí)滑過(guò)狀態(tài)：指針滑過(guò)處于按下?tīng)顟B(tài)的按鈕時(shí)的外觀 。 制作動(dòng)態(tài)按鈕 22 動(dòng)態(tài)按鈕的制作 【 例 102】 制作一個(gè)動(dòng)態(tài)按鈕 。 當(dāng)鼠標(biāo)指針經(jīng)過(guò)按鈕時(shí) ， 文本的顏色發(fā)生改變；當(dāng)鼠標(biāo)指針移到按鈕上時(shí) ， 會(huì)出現(xiàn)說(shuō)明文字；單擊按鈕 ， 會(huì)打開(kāi)相應(yīng)的網(wǎng)頁(yè) ， 效果如圖 1034所示 。 制作動(dòng)態(tài)按鈕 圖 1034 動(dòng)態(tài)按鈕實(shí)例效果 【 例 102】 23 【 例 103】 使用 Fireworks制作一個(gè)下拉菜單，當(dāng)鼠標(biāo)指針移到“電影世界”文字上的時(shí)候，會(huì)出現(xiàn)一個(gè)包含下級(jí)子菜單的下拉菜單，單擊其中的某個(gè)菜單項(xiàng)時(shí)，會(huì)打開(kāi)相應(yīng)的網(wǎng)頁(yè)，如圖 1048所示。 制作下拉菜單 【 例 103】 圖 1048 下拉菜單效果 24 1． 簡(jiǎn)答矢量圖和位圖之間的區(qū)別 。 2． 使用 Fireworks分別對(duì) JPEG圖像和 GIF圖像進(jìn)行優(yōu)化并導(dǎo)出整個(gè)圖像 。 3． 打開(kāi)一幅圖像 ， 練習(xí)矩形切片和多邊形切片的制作并導(dǎo)出切片 。 4． 制作一個(gè)動(dòng)態(tài)按鈕 ， 實(shí)現(xiàn)如下功能：當(dāng)鼠標(biāo)指針經(jīng)過(guò)按鈕時(shí) ， 文本的顏色發(fā)生改變；當(dāng)鼠標(biāo)指針移到按鈕上時(shí) ， 會(huì)出現(xiàn)說(shuō)明文字；單擊按鈕 ， 會(huì)打開(kāi)相應(yīng)的網(wǎng)頁(yè) 。 5．為上題中的按鈕制作一個(gè)下拉菜單，并且包括下級(jí)菜單，最后導(dǎo)出菜單。 習(xí)題 10
法律信息相關(guān)推薦
鄂ICP備17016276號(hào)-1