fireworks怎樣準(zhǔn)備切片來(lái)導(dǎo)出

fireworks怎樣準(zhǔn)備切片來(lái)導(dǎo)出

　　切片是網(wǎng)頁(yè)的對(duì)象之一,最初的應(yīng)用是將影響網(wǎng)頁(yè)顯示時(shí)間的大圖片切割成不同的幾個(gè)部分以便于數(shù)據(jù)傳輸。下面學(xué)習(xí)啦小編給大家整理了更多關(guān)于fireworks準(zhǔn)備切片來(lái)導(dǎo)出，希望大家喜歡。

　　fireworks準(zhǔn)備切片來(lái)導(dǎo)出的方法步驟：

　　步驟1：為切片指定 URL

　　步驟2：輸入替換文本

　　步驟3：為所選切片或熱點(diǎn)指定目標(biāo)

　　步驟4：命名切片

　　步驟5：定義導(dǎo)出 HTML 表的方式

　　使用“屬性”檢查器準(zhǔn)備要導(dǎo)出的切片。

　　“屬性”檢查器中的切片屬性

　　若要快速優(yōu)化切片，請(qǐng)從“屬性”檢查器或“優(yōu)化”面板的“導(dǎo)出設(shè)置”彈出菜單中選擇一項(xiàng)預(yù)設(shè)。若要設(shè)置詳細(xì)的選項(xiàng)，請(qǐng)參閱在工作區(qū)中優(yōu)化。

　　為切片指定 URL

　　為切片指定 URL 后，用戶(hù)可通過(guò)在其 Web 瀏覽器中單擊切片所定義的區(qū)域來(lái)定位到該地址。

　　若要指定 URL，請(qǐng)?jiān)?ldquo;屬性”檢查器的“鏈接”文本框中輸入 URL。

　　如果文件包含多個(gè)要導(dǎo)出的頁(yè)面，請(qǐng)使用“鏈接”彈出菜單為 URL 選擇其中一個(gè)頁(yè)面。導(dǎo)出頁(yè)面之后，此鏈接自動(dòng)將用戶(hù)帶入指定頁(yè)面。

　　如果打算重復(fù)使用 URL，請(qǐng)?jiān)?ldquo;URL”面板中創(chuàng)建一個(gè) URL 庫(kù)。

　　輸入替換文本

　　對(duì)于越來(lái)越多使用屏幕朗讀應(yīng)用程序的視覺(jué)障礙人士，輸入簡(jiǎn)短而有意義的替換文本對(duì)他們非常重要。當(dāng)用戶(hù)將指針移過(guò)網(wǎng)頁(yè)上的圖形時(shí)，這些應(yīng)用程序會(huì)將替換文本轉(zhuǎn)換為計(jì)算機(jī)生成的語(yǔ)音。

　　在“屬性”檢查器的“替換文本”框中鍵入文本。

　　選擇不含替換文本的切片或熱點(diǎn)

　　您可以選擇尚未為其輸入替換文本的切片和熱點(diǎn)。然后，可以為這些對(duì)象設(shè)置默認(rèn)替換文本。

　　選擇“命令”>“網(wǎng)頁(yè)”>“選擇空白替換文本”。

　　設(shè)置默認(rèn)替換文本

　　您可以選擇尚未為其輸入替換文本的切片和熱點(diǎn)，并為所有這些切片和熱點(diǎn)設(shè)置默認(rèn)替換文本。

　　選擇“命令”>“網(wǎng)頁(yè)”>“設(shè)置替換文本”，并輸入默認(rèn)替換文本。

　　返回頁(yè)首為所選切片或熱點(diǎn)指定目標(biāo)

　　目標(biāo)是在其中打開(kāi)鏈接文檔的替換網(wǎng)頁(yè)狀態(tài)或網(wǎng)頁(yè)瀏覽器。

　　在“目標(biāo)”文本框中鍵入 HTML 狀態(tài)的名稱(chēng)或從“目標(biāo)”彈出菜單中選擇一個(gè)保留目標(biāo)：

　　_blank 將鏈接文檔加載到一個(gè)新的未命名瀏覽器窗口中。

　　_parent 將鏈接的文檔加載到包含該鏈接的狀態(tài)的父狀態(tài)集或窗口中。如果包含鏈接的狀態(tài)不是嵌套的，則鏈接文檔會(huì)加載到整個(gè)瀏覽器窗口中。

　　_self 將鏈接的文檔加載到鏈接所在的同一狀態(tài)或窗口中。由于此目標(biāo)是默認(rèn)的，因此您通常不需要指定它。

　　_top 將鏈接的文檔加載到整個(gè)瀏覽器窗口中，從而刪除所有狀態(tài)。

　　命名切片

　　切片即是將一個(gè)圖像分割成多個(gè)部分。由于狀態(tài)的每個(gè)部分都分別導(dǎo)出，因此每個(gè)部分都必須有唯一的名稱(chēng)。使用默認(rèn)的命名約定或指定自定義名稱(chēng)。

　　注： 不要為基本名稱(chēng)添加文件擴(kuò)展名。Fireworks 會(huì)在導(dǎo)出時(shí)自動(dòng)為切片文件添加文件擴(kuò)展名。

　　輸入自定義切片名稱(chēng)

　　執(zhí)行下列操作之一：

　　在畫(huà)布上選擇切片，在“屬性”檢查器的“編輯對(duì)象名稱(chēng)”框中輸入一個(gè)名稱(chēng)，然后按 Enter。

　　在“網(wǎng)頁(yè)層”中雙擊切片的名稱(chēng)，輸入一個(gè)新名稱(chēng)，然后按 Enter。

　　自動(dòng)命名切片文件

　　當(dāng)導(dǎo)出經(jīng)過(guò)切片的圖像時(shí)，請(qǐng)?jiān)?ldquo;導(dǎo)出”對(duì)話(huà)框的“文件名”(在 Windows 中)或“名稱(chēng)”(在 Mac OS 中)文本框中輸入一個(gè)名稱(chēng)。不要添加文件擴(kuò)展名。

　　更改默認(rèn)的自動(dòng)命名約定

　　您創(chuàng)建的命名約定最多可包含八個(gè)元素。每個(gè)元素可包含下列任一自動(dòng)命名選項(xiàng)：

　　選項(xiàng)描述

　　無(wú)不向元素應(yīng)用任何名稱(chēng)。

　　doc.name元素采用文檔的名稱(chēng)。

　　“slice”可以向命名約定中插入“slice”一詞。

　　切片編號(hào) (1,2,3...)

　　切片編號(hào) (01,02,03...)

　　切片編號(hào) (A,B,C...)

　　切片編號(hào) (a,b,c...)根據(jù)您所選擇的樣式，按數(shù)字順序或字母順序?qū)υ剡M(jìn)行標(biāo)記。

　　行/列 (r3_c2, r4_c7...)行 (r##) 和列 (c##) 指定 Web 瀏覽器用來(lái)重建切片圖像的表的行和列?？梢栽诿s定中使用此信息。

　　下劃線(xiàn)

　　句點(diǎn)

　　空格

　　連字符元素通常使用這些字符作為與其它元素的分隔符。

　　例如，如果文檔名為 mydoc，則命名約定 doc.name +“slice”+ 切片編號(hào) (A,B,C...) 所產(chǎn)生的切片名稱(chēng)就是 mydocsliceA。

　　如果一個(gè)切片包含多個(gè)狀態(tài)，則默認(rèn)情況下 Fireworks 將為每個(gè)狀態(tài)的文件添加一個(gè)數(shù)字。例如，如果為一個(gè)包含三種狀態(tài)的按鈕輸入自定義切片文件名 home，則 Fireworks 會(huì)將“彈起”狀態(tài)圖形命名為 home.gif，將“滑過(guò)”狀態(tài)圖形命名為 home_s2.gif，將“按下”狀態(tài)圖形命名為 home_s3.gif。您可以使用“HTML 設(shè)置”對(duì)話(huà)框?yàn)榘鄠€(gè)狀態(tài)的切片創(chuàng)建自己的命名約定。

　　選擇“文件”>“HTML 設(shè)置”以打開(kāi)“HTML 設(shè)置”對(duì)話(huà)框。

　　單擊“文檔特定信息”選項(xiàng)卡。

　　在“切片文件名”部分的列表中進(jìn)行選擇，以創(chuàng)建新的命名約定。

　　(可選)若要將此信息設(shè)置為所有 Fireworks 新文檔的默認(rèn)值，請(qǐng)單擊“設(shè)為默認(rèn)值”。

　　注： 當(dāng)選擇“無(wú)”作為切片自動(dòng)命名的菜單選項(xiàng)時(shí)要小心。如果選擇“無(wú)”作為前三個(gè)菜單中任何一個(gè)的選項(xiàng)，F(xiàn)ireworks 將導(dǎo)出互相覆蓋的切片文件，從而僅導(dǎo)出單個(gè)圖形并在每個(gè)單元格中都顯示該圖形的表格。

　　定義導(dǎo)出 HTML 表的方式

　　切片定義了在導(dǎo)出 Fireworks 文檔以供在網(wǎng)頁(yè)上使用時(shí) HTML 表結(jié)構(gòu)的顯示方式。

　　將一個(gè)經(jīng)過(guò)切片的 Fireworks 文檔導(dǎo)出到 HTML 中時(shí)，文檔將使用 HTML 表重新裝配。Fireworks 文檔中的每個(gè)切片元素都駐留在一個(gè)表單元格中。導(dǎo)出后，F(xiàn)ireworks 切片就轉(zhuǎn)換到 HTML 中的表單元格?？梢灾付ㄔ跒g覽器中重建 Fireworks 表的方式，包括使用間隔符或嵌套表格。

　　間隔符是指在瀏覽器中查看表格單元格時(shí)，有助于表格單元格正確對(duì)齊的圖像。

　　嵌套表格是指表格內(nèi)的表格。嵌套表格不使用間隔符。它們?cè)跒g覽器中的加載速度可能更慢，但由于沒(méi)有間隔符，編輯其 HTML 也會(huì)更加容易。

　　選擇“文件”>“HTML 設(shè)置”，或者單擊“導(dǎo)出”對(duì)話(huà)框中的“選項(xiàng)”按鈕。

　　單擊“表格”選項(xiàng)卡。

　　從“間距”彈出菜單中選擇一個(gè)間距選項(xiàng)：

　　嵌套表格 - 無(wú)間隔符 將創(chuàng)建不包含間隔符的嵌套表格。

　　嵌套表格 - 無(wú)間隔符 將創(chuàng)建不包含間隔符的單一表格。此選項(xiàng)可能會(huì)使表格在某些情況下顯示不正確。

　　1 像素透明間隔符 將使用 1 x 1 像素的透明 GIF 作為間隔符，其大小可按需要在 HTML 中進(jìn)行調(diào)整。此選項(xiàng)可沿表格頂部生成一個(gè)高度為 1 個(gè)像素的行，并沿表格右側(cè)生成一個(gè)寬度為 1 個(gè)像素的列。

　　為 HTML 切片選擇單元格顏色：

　　注： 如果從顏色彈出窗口中選擇一種顏色，則該顏色僅適用于 HTML 切片;圖像切片繼續(xù)使用畫(huà)布顏色。

　　從“內(nèi)容”彈出菜單中，選擇要在空單元格中放置的內(nèi)容。

　　無(wú) 使空單元格保持空白。

　　間隔符圖像 在空單元格中放置一個(gè)名為 spacer.gif 的小透明圖像。

　　不換行空格 在空單元格中放置一個(gè) HTML 空格標(biāo)簽。單元格顯示為中空。

　　注： 只有在導(dǎo)出期間取消選擇“導(dǎo)出”對(duì)話(huà)框中的“包括無(wú)切片區(qū)域”時(shí)，才會(huì)出現(xiàn)空單元格。

　　單擊“確定”。

　　注： 可以為每個(gè)文檔指定唯一的表格導(dǎo)出設(shè)置，也可以使用“HTML 設(shè)置”對(duì)話(huà)框的“文檔特定信息”選項(xiàng)卡上的“設(shè)置默認(rèn)值”按鈕對(duì)所有新文檔應(yīng)用默認(rèn)值。