fireworks怎樣準備切片來導出
fireworks怎樣準備切片來導出
切片是網(wǎng)頁的對象之一,最初的應用是將影響網(wǎng)頁顯示時間的大圖片切割成不同的幾個部分以便于數(shù)據(jù)傳輸。下面學習啦小編給大家整理了更多關(guān)于fireworks準備切片來導出,希望大家喜歡。
fireworks準備切片來導出的方法步驟:
步驟1:為切片指定 URL
步驟2:輸入替換文本
步驟3:為所選切片或熱點指定目標
步驟4:命名切片
步驟5:定義導出 HTML 表的方式
使用“屬性”檢查器準備要導出的切片。
“屬性”檢查器中的切片屬性
若要快速優(yōu)化切片,請從“屬性”檢查器或“優(yōu)化”面板的“導出設(shè)置”彈出菜單中選擇一項預設(shè)。若要設(shè)置詳細的選項,請參閱在工作區(qū)中優(yōu)化。
為切片指定 URL
為切片指定 URL 后,用戶可通過在其 Web 瀏覽器中單擊切片所定義的區(qū)域來定位到該地址。
若要指定 URL,請在“屬性”檢查器的“鏈接”文本框中輸入 URL。
如果文件包含多個要導出的頁面,請使用“鏈接”彈出菜單為 URL 選擇其中一個頁面。導出頁面之后,此鏈接自動將用戶帶入指定頁面。
如果打算重復使用 URL,請在“URL”面板中創(chuàng)建一個 URL 庫。
輸入替換文本
對于越來越多使用屏幕朗讀應用程序的視覺障礙人士,輸入簡短而有意義的替換文本對他們非常重要。當用戶將指針移過網(wǎng)頁上的圖形時,這些應用程序會將替換文本轉(zhuǎn)換為計算機生成的語音。
在“屬性”檢查器的“替換文本”框中鍵入文本。
選擇不含替換文本的切片或熱點
您可以選擇尚未為其輸入替換文本的切片和熱點。然后,可以為這些對象設(shè)置默認替換文本。
選擇“命令”>“網(wǎng)頁”>“選擇空白替換文本”。
設(shè)置默認替換文本
您可以選擇尚未為其輸入替換文本的切片和熱點,并為所有這些切片和熱點設(shè)置默認替換文本。
選擇“命令”>“網(wǎng)頁”>“設(shè)置替換文本”,并輸入默認替換文本。
返回頁首為所選切片或熱點指定目標
目標是在其中打開鏈接文檔的替換網(wǎng)頁狀態(tài)或網(wǎng)頁瀏覽器。
在“目標”文本框中鍵入 HTML 狀態(tài)的名稱或從“目標”彈出菜單中選擇一個保留目標:
_blank 將鏈接文檔加載到一個新的未命名瀏覽器窗口中。
_parent 將鏈接的文檔加載到包含該鏈接的狀態(tài)的父狀態(tài)集或窗口中。如果包含鏈接的狀態(tài)不是嵌套的,則鏈接文檔會加載到整個瀏覽器窗口中。
_self 將鏈接的文檔加載到鏈接所在的同一狀態(tài)或窗口中。由于此目標是默認的,因此您通常不需要指定它。
_top 將鏈接的文檔加載到整個瀏覽器窗口中,從而刪除所有狀態(tài)。
命名切片
切片即是將一個圖像分割成多個部分。由于狀態(tài)的每個部分都分別導出,因此每個部分都必須有唯一的名稱。使用默認的命名約定或指定自定義名稱。
注: 不要為基本名稱添加文件擴展名。Fireworks 會在導出時自動為切片文件添加文件擴展名。
輸入自定義切片名稱
執(zhí)行下列操作之一:
在畫布上選擇切片,在“屬性”檢查器的“編輯對象名稱”框中輸入一個名稱,然后按 Enter。
在“網(wǎng)頁層”中雙擊切片的名稱,輸入一個新名稱,然后按 Enter。
自動命名切片文件
當導出經(jīng)過切片的圖像時,請在“導出”對話框的“文件名”(在 Windows 中)或“名稱”(在 Mac OS 中)文本框中輸入一個名稱。不要添加文件擴展名。
更改默認的自動命名約定
您創(chuàng)建的命名約定最多可包含八個元素。每個元素可包含下列任一自動命名選項:
選項描述
無不向元素應用任何名稱。
doc.name元素采用文檔的名稱。
“slice”可以向命名約定中插入“slice”一詞。
切片編號 (1,2,3...)
切片編號 (01,02,03...)
切片編號 (A,B,C...)
切片編號 (a,b,c...)根據(jù)您所選擇的樣式,按數(shù)字順序或字母順序?qū)υ剡M行標記。
行/列 (r3_c2, r4_c7...)行 (r##) 和列 (c##) 指定 Web 瀏覽器用來重建切片圖像的表的行和列??梢栽诿s定中使用此信息。
下劃線
句點
空格
連字符元素通常使用這些字符作為與其它元素的分隔符。
例如,如果文檔名為 mydoc,則命名約定 doc.name +“slice”+ 切片編號 (A,B,C...) 所產(chǎn)生的切片名稱就是 mydocsliceA。
如果一個切片包含多個狀態(tài),則默認情況下 Fireworks 將為每個狀態(tài)的文件添加一個數(shù)字。例如,如果為一個包含三種狀態(tài)的按鈕輸入自定義切片文件名 home,則 Fireworks 會將“彈起”狀態(tài)圖形命名為 home.gif,將“滑過”狀態(tài)圖形命名為 home_s2.gif,將“按下”狀態(tài)圖形命名為 home_s3.gif。您可以使用“HTML 設(shè)置”對話框為包含多個狀態(tài)的切片創(chuàng)建自己的命名約定。
選擇“文件”>“HTML 設(shè)置”以打開“HTML 設(shè)置”對話框。
單擊“文檔特定信息”選項卡。
在“切片文件名”部分的列表中進行選擇,以創(chuàng)建新的命名約定。
(可選)若要將此信息設(shè)置為所有 Fireworks 新文檔的默認值,請單擊“設(shè)為默認值”。
注: 當選擇“無”作為切片自動命名的菜單選項時要小心。如果選擇“無”作為前三個菜單中任何一個的選項,F(xiàn)ireworks 將導出互相覆蓋的切片文件,從而僅導出單個圖形并在每個單元格中都顯示該圖形的表格。
定義導出 HTML 表的方式
切片定義了在導出 Fireworks 文檔以供在網(wǎng)頁上使用時 HTML 表結(jié)構(gòu)的顯示方式。
將一個經(jīng)過切片的 Fireworks 文檔導出到 HTML 中時,文檔將使用 HTML 表重新裝配。Fireworks 文檔中的每個切片元素都駐留在一個表單元格中。導出后,F(xiàn)ireworks 切片就轉(zhuǎn)換到 HTML 中的表單元格??梢灾付ㄔ跒g覽器中重建 Fireworks 表的方式,包括使用間隔符或嵌套表格。
間隔符是指在瀏覽器中查看表格單元格時,有助于表格單元格正確對齊的圖像。
嵌套表格是指表格內(nèi)的表格。嵌套表格不使用間隔符。它們在瀏覽器中的加載速度可能更慢,但由于沒有間隔符,編輯其 HTML 也會更加容易。
選擇“文件”>“HTML 設(shè)置”,或者單擊“導出”對話框中的“選項”按鈕。
單擊“表格”選項卡。
從“間距”彈出菜單中選擇一個間距選項:
嵌套表格 - 無間隔符 將創(chuàng)建不包含間隔符的嵌套表格。
嵌套表格 - 無間隔符 將創(chuàng)建不包含間隔符的單一表格。此選項可能會使表格在某些情況下顯示不正確。
1 像素透明間隔符 將使用 1 x 1 像素的透明 GIF 作為間隔符,其大小可按需要在 HTML 中進行調(diào)整。此選項可沿表格頂部生成一個高度為 1 個像素的行,并沿表格右側(cè)生成一個寬度為 1 個像素的列。
為 HTML 切片選擇單元格顏色:
注: 如果從顏色彈出窗口中選擇一種顏色,則該顏色僅適用于 HTML 切片;圖像切片繼續(xù)使用畫布顏色。
從“內(nèi)容”彈出菜單中,選擇要在空單元格中放置的內(nèi)容。
無 使空單元格保持空白。
間隔符圖像 在空單元格中放置一個名為 spacer.gif 的小透明圖像。
不換行空格 在空單元格中放置一個 HTML 空格標簽。單元格顯示為中空。
注: 只有在導出期間取消選擇“導出”對話框中的“包括無切片區(qū)域”時,才會出現(xiàn)空單元格。
單擊“確定”。
注: 可以為每個文檔指定唯一的表格導出設(shè)置,也可以使用“HTML 設(shè)置”對話框的“文檔特定信息”選項卡上的“設(shè)置默認值”按鈕對所有新文檔應用默認值。