【文章內(nèi)容簡介】 lices用于設(shè)置是否導(dǎo)出切片以外的圖像區(qū)域； Put Images in Subfolder用于設(shè)置是否將圖像文件放在一個(gè)文件夾中。如果選中該復(fù)選框，可以使用下面的 Browse按鈕選擇存放圖像的文件夾。 圖 。 下面是由含切片的圖像導(dǎo)出的 HTML文件，其中使用表格來拼合切片圖像。將切片圖像放在表格的單元格中，注意切片圖像文件的路徑。如果在 Fireworks中為切片建立了超鏈接，在 HTML中則會(huì)為相應(yīng)的圖像建立圖像超鏈接。 可以將文件中灰底的部分插入網(wǎng)頁文件中使用，引用時(shí)注意要將圖像文件一起放置在相應(yīng)的目錄（文件夾）中。 html head title/title 圖 圖 meta equiv=″ContentType″ content=″text/html?！?! Fireworks Dreamweaver target. Created Wed Sep 05 09:26:08 GMT+0800 (?D1 177。 234。 ?234。177。 ??) 2022 /head body bgcolor=″ffffff ″ table bgcolor=″ffffff″ border=″0″ cellpadding=″0″ cellspacing=″0″ width=″500″ ! fwtable fwsrc=″Untitled″ fwbase=″ ″ fwstyle=″Dreamweaver″ fwdocid = ″742308039″ fwnested=″0″ tr tdimg src=″images/ ″ width=″111″ height=″1″ border=″0″/td tdimg src=″images/ ″ width=″124″ height=″1″ border=″0″/td tdimg src=″images/ ″ width=″13″ height=″1″ border=″0″/td tdimg src=″images/ ″ width=″102″ height=″1″ border=″0″/td tdimg src=″images/ ″ width=″150″ height=″1″ border=″0″/td tdimg src=″images/ ″ width=″1″ height=″1″ border=″0″/td /tr tr td colspan=″5″ bgcolor=″ffffff″img src=″images/ ″ width=″500″ height=″58″ border=″0″/td tdimg src=″images/ ″ width=″1″ height=″58″ border=″0″/td /tr tr td rowspan=″3″ bgcolor=″ffffff″img src=″images/ ″ width=″111″ height= ″442″ border=″0″/td tda href=″″img name=″slicetest_r2_c2″ src=″images/slicetest_ ″ width=″124″ height=″98″ border=″0″/a/td td colspan=″2″a href=″″img name=″slicetest_r2_c3″ src=″images/ ″ width=″115″ height=″98″ border=″0″/a/td td rowspan=″3″ bgcolor=″ffffff ″img src=″images/ ″ width=″150″ height= ″442″ border=″0″/td tdimg src=″images/ ″ width=″1″ height=″98″ border=″0″/td /tr tr td colspan=″2″a href=″″img name=″slicetest_r3_c2″ src=″images/ ″ width=″137″ height=″104″ border=″0″/a/td tdimg name=″slicetest_r3_c4″ src=″images/ ″ width=″102″ height=″104″ border=″0″/td tdimg src=″images/ ″ width=″1″ height=″104″ border=″0″/td /tr /tr td colspan=″3″ bgcolor=″ffffff ″img src=″images/ ″ width=″239″ height=″240″ border=″0″/td tdimg src=″images/ ″ width=″1″ height=″240″ border=″0″/td /tr /table /body /html 技巧： 創(chuàng)建切片動(dòng)畫。 如果一幅圖像非常大，而其中只有一小部分是動(dòng)畫效果，那么將整幅圖像完全制作成動(dòng)畫就會(huì)使動(dòng)畫圖像很大。利用切片技術(shù)，可以將單獨(dú)的某個(gè)切片設(shè)置為動(dòng)畫。導(dǎo)出文件時(shí)，圍繞該切片四周的其他圖像切片被導(dǎo)出為普通圖像，而動(dòng)畫的切片區(qū)域被導(dǎo)出為 GIF動(dòng)畫圖像。 ① 首先在大圖像中繪制需要制作成動(dòng)畫的切片對(duì)象； ② 在文檔中創(chuàng)建多個(gè)幀； ③ 在各個(gè)幀中切片對(duì)象所在的位置上，分別設(shè)置動(dòng)畫的各個(gè)幀內(nèi)容； ④ 在文檔中選中切片對(duì)象，并設(shè)置其優(yōu)化選項(xiàng)。其中必須將其文件格式設(shè)置為 Animated GIF； ⑤ 對(duì)圖像中其他的區(qū)域進(jìn)行常規(guī)優(yōu)化，它不會(huì)影響已經(jīng)設(shè)置好的其他切片對(duì)象； ⑥ 使用 File|Export導(dǎo)出圖像。 按鈕和導(dǎo)航條 創(chuàng)建按鈕 【例 】創(chuàng)建按鈕 ① 執(zhí)行 Insert|New Button（ 新建按鈕）命令，打開按鈕編輯器（見圖 ），其中顯示一個(gè)十字線，表示按鈕的中心位置； ② 在按鈕編輯器中的 Up選項(xiàng)卡中，首先繪制按鈕彈起狀態(tài)下的圖片。例如，可以繪制一個(gè)矩形對(duì)象作為按鈕的基本形狀，然后在其中放置一個(gè)文本對(duì)象作為提示，還可以在其上應(yīng)用內(nèi)斜面和投影效果產(chǎn)生立體效果（見圖 ）； 圖 圖 ③ 進(jìn)入 Over選項(xiàng)卡，繪制按鈕的移入狀態(tài)圖像，可以重新繪制矩形和文本對(duì)象，也可以單擊 Copy Up Graphics（ 復(fù)制彈起圖像）按鈕將 Up選項(xiàng)卡中的按鈕圖像完整地復(fù)制到當(dāng)前選項(xiàng)卡中，然后在其基礎(chǔ)上進(jìn)行編輯（見圖 ）； ④ 用相似的方法在 Down選項(xiàng)卡和 Over While Down選項(xiàng)卡中繪制按鈕的按下狀態(tài)和按下并移入狀態(tài)的圖像（見圖 ）； ⑤ 關(guān)閉按鈕編輯器，在文檔窗口中出現(xiàn)新創(chuàng)建的按鈕，該按鈕實(shí)際上是一個(gè)按鈕符號(hào)實(shí)例，從庫 (Library)面板中可以看到它對(duì)應(yīng)的符號(hào)。另外，在文檔中添加按鈕后，會(huì)自動(dòng)將按鈕實(shí)例制作成一個(gè)切片（見圖 ）。 圖 圖 圖 圖 提示： 如果希望在按鈕編輯器的一個(gè)選項(xiàng)卡中看到所有按鈕狀態(tài)，可以選中其中的 Onion Skinning（ 洋蔥皮）按鈕。這時(shí)當(dāng)前狀態(tài)的按鈕圖像被正常顯示，而其他狀態(tài)的按鈕圖像以半透明的形式顯示； 在 Down選項(xiàng)卡中，如果選中 Include Nav Bar Down state（ 包含導(dǎo)航條的按下狀態(tài)）復(fù)選框，則表明該按鈕中可以存在按下狀態(tài)。在導(dǎo)航條按鈕中，按下狀態(tài)表明當(dāng)前正在訪問按鈕對(duì)應(yīng)的頁面。如果選中Show Down Upon Load（ 載入時(shí)顯示按下狀態(tài)）復(fù)選框，則按下狀態(tài)為按鈕的默認(rèn)狀態(tài)。這也主要應(yīng)用于導(dǎo)航條按鈕，通常有一個(gè)導(dǎo)航條按鈕對(duì)應(yīng)默認(rèn)顯示的當(dāng)前頁面，則相應(yīng)的導(dǎo)航條按鈕在載入之后不用單擊，就應(yīng)處于按下狀態(tài)； 在 Over While Down選項(xiàng)卡中，如果選中 Include Nav Bar Over While Down state（ 包含導(dǎo)航條的按下時(shí)移入狀態(tài)）復(fù)選框，則表明該按鈕中可以存在按下時(shí)的移入狀態(tài)。這種狀態(tài)也用于導(dǎo)航條按鈕中，它用于表明當(dāng)前按鈕已經(jīng)按下，無法再接受單擊操作； 可以在按鈕編輯器的 Active Area （ 活動(dòng)區(qū)域）選項(xiàng)卡中設(shè)置按鈕的活動(dòng)區(qū)域，它實(shí)際上對(duì)應(yīng)按鈕圖像的切片區(qū)域。 編輯按鈕 如果在文檔中插入了按鈕，而又需要修改按鈕，則可以在文檔窗口中，雙擊要編輯的按鈕，或執(zhí)行Modify|Symbol|Edit Symbol命令，重新打開按鈕編輯器，對(duì)按鈕的各個(gè)狀態(tài)進(jìn)行編輯。 提示： 如果僅僅希望修改按鈕上的文字，而不是修改按鈕的形狀，則不必打開按鈕編輯器，直接在對(duì)象（ Object） 面板上的 Button Text（ 按鈕文字）文本框中輸入新的文字即可； 按鈕實(shí)際上就是 Button類型的符號(hào)，因此，可以通過從庫面板中將按鈕符號(hào)拖動(dòng)到文檔窗口中的方法繪制多個(gè)按鈕。要注意的是，如果在文檔中生成了一個(gè)符號(hào)的多個(gè)按鈕實(shí)例，則可以雙擊某個(gè)實(shí)例單獨(dú)對(duì)之進(jìn)行編輯，這時(shí)會(huì)創(chuàng)建一個(gè)新的按鈕型符號(hào)。 為按鈕添加 URL 鏈接 在網(wǎng)頁中單擊按鈕，應(yīng)該執(zhí)行某種操作，最常見的操作是超鏈接。在 Fireworks中，可以為按鈕分派 URL地址。 【例 】為按鈕添加超鏈接 ① 在文檔窗口中選中要添加 URL的按鈕實(shí)例； ② 在對(duì)象（ Object） 面板上，單擊 Link Wizard（ 鏈接向?qū)В┌粹o，打開 Link Wizard對(duì)話框（見圖 ）； ③ 在 Link選項(xiàng)卡中設(shè)置鏈接地址； 在第一個(gè)下拉列表中輸入需要的 URL地址，可以選擇現(xiàn)有的 URL， 也可以直接在其中輸入需要的 URL； 在第二個(gè)文本框中輸入該按鈕的替換文字； 在第三個(gè)下拉列表框中輸入鼠標(biāo)移動(dòng)到該按鈕上時(shí)在瀏覽器狀態(tài)行上顯示的文字，可以選擇現(xiàn)有的狀態(tài)行文字，也可以直接在其中輸入需要的狀態(tài)行文字；如果保持該項(xiàng)為空，則在瀏覽器中指向該按鈕時(shí)，瀏覽器狀態(tài)行上顯示當(dāng)前鏈接地址； 圖 ④ 在 Target選項(xiàng)卡中指定鏈接目標(biāo)打開的窗口或框架。 注意： 對(duì)按鈕的地址分派主要是針對(duì)按鈕上的活動(dòng)區(qū)域而言的，實(shí)際上也是為按鈕上的熱區(qū)分配 URL。在按鈕編輯器的 Active Area選項(xiàng)卡中，也可以單擊Link Wizard按鈕，對(duì)活動(dòng)區(qū)域進(jìn)行 URL的分派。 導(dǎo)出按鈕 為了在網(wǎng)頁中使用按鈕，需要導(dǎo)出按鈕。導(dǎo)出方法與導(dǎo)出切片的方法完全相同。 【例 】導(dǎo)出按鈕 使用 File|Export命令，在 Export對(duì)話框中設(shè)置參數(shù)如圖，導(dǎo)出的文件如圖 。在Dreamweaver中，可以用 Common對(duì)象面板的 Insert Fireworks HTML按鈕將 Fireworks生成的 HTML文件插入網(wǎng)頁文檔中（見圖 ）