儲存為網頁輸出設定

設定輸出選項

輸出設定控制 HTML 檔案如何格式化、檔案和切片如何命名,以及儲存最佳化影像時如何處理背景影像。這些選項都是在「輸出設定」對話框中設定。

您可以儲存您的輸出設定,並將其套用至其他檔案。

  1. 若要顯示「輸出設定」對話框,請執行下列任一項動作:

    • 當您儲存最佳化的影像時,請從「儲存最佳化」或「另存最佳化檔案」對話框中的「設定」彈出式選單中選擇「其他」。

    • 從「儲存為網頁及裝置用」對話框的「最佳化」彈出式選單 (在「預設集」選單右側) 中選擇「編輯輸出設定」。

  2. (選擇性) 若要顯示預先定義的輸出選項,請從「設定」彈出式選單中選擇選項。

  3. 在需要時,編輯每一個選項組合。若要切換到不同的選項組合,請從「設定」選單下的彈出式選單選擇選項。或者,按一下「下一個」以顯示選單清單中的下一個組合;按一下「上一個」以顯示前一個組合。

  4. (選擇性) 若要儲存輸出設定,請設定所要的選項,然後按一下「儲存」。鍵入檔案名稱,選擇要儲存檔案的位置,然後按「儲存」。

    您可以將輸出設定儲存在任何位置;不過,若您將檔案放置在 Animate 檔案夾內的「最佳化輸出設定」檔案夾中,檔案將會出現在「設定」彈出式選單中。

  5. (選擇性) 若要載入輸出設定,請按一下「載入」,選取檔案,並按一下「開啟」。

HTML 輸出選項

您可以在 HTML 集中設定下列的選項:

輸出 XHTML

在轉存時建立符合 XHTML 標準的網頁。選擇「輸出 XHTML」會停用其他可能與這個標準相衝突的輸出選項。選取這個選項也會自動設定「標記大小寫」和「屬性大小寫」選項。

標記大小寫

指定標記的大小寫方式。

屬性大小寫

指定屬性的大小寫方式。

縮排

指定程式碼行縮排的方式:使用編寫應用程式的定位點設定、使用指定的空格數目,或是不要使用任何縮排。

行末

指定行末相容性的平台。

編碼

為網頁指定預設字元編碼。(此選項僅適用於 Illustrator;Photoshop 永遠使用 UTF-8 編碼。)

包括備註

在 HTML 編碼中增加說明性的註解。

永遠增加 Alt 屬性

將 ALT 屬性加到 IMG 元素中,以便符合政府網頁的存取標準。

永遠為屬性加上引號

在所有標記屬性外加上引號。如果要與特定較舊的瀏覽器相容並符合嚴格的 HTML 規範,則需要在屬性外加上引號。但是並不建議將所有屬性一律加上引號。如果已取消選取這個選項,則會在必要時使用引號,以便能符合大部分瀏覽器的規範。

關閉全部標記

將關閉標記加到檔案中所有的 HTML 元素中,以便與 XHTML 相容。

在 Body 標記中包括零邊界

移除在瀏覽器視窗中預設的內部邊界。在 Body 標記中加入值為 0 的 marginwidth、marginheight、leftmargin 和 topmargin 標記。

切片輸出選項

您可以在「切片」集中,設定下列選項:

產生表格

使用 HTML 表格對齊切片,而非使用重疊樣式表。

空白儲存格

指定如何將空白的切片轉換為表格儲存格。選取「GIF, IMG W&H」可使用 1 個像素的 GIF,它具有 IMG 標籤上所指定的寬度與高度值。選取「GIF, TD W&H」可使用 1 個像素的 GIF,它具有 TD 標籤上所指定的寬度與高度值。選取「NoWrap, TD W&H」可在表格資料上置入非標準的 NoWrap 屬性,同時也會置入 TD 標籤上所指定的寬度與高度值。

TD W&H

指定何時在表格資料中加入寬度與高度屬性:「永遠」、「永不」或「自動 (建議設定)」。

間距儲存格

指定何時在產生的表格周圍增加一列和一欄的空白間距儲存格:「自動 (建議設定)」、「自動 (下方)」、「永遠」、「永遠 (下方)」或「永不」。對於邊界沒有對齊的表格版面,加入間距儲存格可以防止表格在某些瀏覽器中檢視時斷開。

產生 CSS

產生重疊樣式表,而非 HTML 表格。

參考

指定 HTML 檔在使用 CSS 時,如何參照切片位置:        

依 ID 使用參考唯一 ID 之樣式,放置每一個切片。

行中 包含區塊元素 <DIV> 標籤宣告中的樣式元素。

依類別 以唯一 ID 所參考的類別決定切片的位置。

預設切片命名

請從彈出式選單中選擇元素,或在欄位中輸入文字,為切片建立預設名稱。元素包括文件名稱、單字切片、指定切片或滑鼠指向效果狀態的數字或字母、切片建立日期、標點或無。

背景輸出設定

您可以在「輸出設定」對話框的「背景」集中設定下列選項:

檢視文件為

如果要網頁以影像或純色顯示目前影像後面的背景時,請選取「影像」。如果要網頁以最佳化影像顯示為拼貼背景時,請選取「背景」。

背景影像

輸入影像檔案的位置,或是按一下「選擇」並選取影像。您指定的檔案將拼貼顯示在網頁的最佳化影像底下。

顏色

按一下「顏色」方框,然後使用檢色器選取背景色,或是從彈出式選單中選取選項。

儲存檔案輸出設定

您可以在「輸出設定」對話框的「儲存檔案」集中設定下列選項:

檔案命名

從彈出式選單中選擇元素,或是在方塊中輸入文字,以便與所有檔案的預設名稱組合。元素包括文件名稱、切片名稱、滑鼠指向效果狀態、觸發切片、檔案建立日期、切片編號、標點和檔案副檔名。有些選項只有在檔案包含切片或滑鼠指向效果狀態時才能選用。

您可以用文字框變更檔案名稱部分的順序及格式設定 (例如,可以用縮寫而不需用完整單字來表示滑鼠指向效果的狀態)。

檔名相容性

選取一或多個選項,使檔案名稱與 Windows (允許長檔名)、Mac OS 和 UNIX 相容。

將影像置入檔案夾

指定儲存最佳化影像的檔案夾名稱 (只有當文件含有多塊切片時才能選取)。

儲存時拷貝背景影像

保留「背景」偏好設定集中所指定的背景影像。

在影像中包含標題和版權資訊

您可以在「檔案資訊」對話框中輸入資訊,將標題和版權資訊加入到網頁中。當影像隨 HTML 檔案轉存時,標題資訊會顯示在網頁瀏覽器的標題列中。版權資訊不會顯示在瀏覽器中;但是,會加到 HTML 檔案中做為註解,或是加到影像檔案中做為中繼資料。

  1. 選擇「檔案 > 檔案資訊」。

  2. 若要輸入在網頁瀏覽器標題列中所要顯示的標題,請在「檔案資訊」對話框「描述」區段的「文件標題」文字方塊中,輸入想要的文字。

  3. 若要輸入版權資訊,請在「檔案資訊」對話框「描述」區段的「版權注意事項」文字方塊中,輸入想要的文字。

  4. 按一下「確定」。

 Adobe

更快、更輕鬆地獲得協助

新的使用者?

Adobe MAX 2024

Adobe MAX
創意大會

10 月 14 至 16 日邁阿密海灘和線上

Adobe MAX

創意大會

10 月 14 至 16 日邁阿密海灘和線上

Adobe MAX 2024

Adobe MAX
創意大會

10 月 14 至 16 日邁阿密海灘和線上

Adobe MAX

創意大會

10 月 14 至 16 日邁阿密海灘和線上