使用手冊 取消

將內容轉存為 HTML (Legacy)

了解如何將頁面、跨頁或選取的物件轉存為 HTML (Legacy) 類型。

轉存為 HTML 可輕鬆將 InDesign 內容轉換成可供網頁使用的格式。當您將內容轉存為 HTML 時,即可控制轉存文字與影像的方法。InDesign 會透過 CSS 同名樣式類別來標示 HTML 內容,以保留轉存內容中所套用的段落、字元、物件、表格和儲存格樣式等的名稱。

轉存為 HTML (Legacy)

  1. 如果不要轉存整份文件,請選取要轉存的文字框、文字範圍、表格儲存格或圖形。
  2. 選取「檔案 > 轉存」,然後從「另存新檔類型」(Windows) 或「格式」(macOS) 中選取「HTML (Legacy)」。

  3. 指定 HTML 文件的名稱和位置,並選取「儲存」。

  4. 在「HTML 轉存選項」對話框中,指定「一般」、「影像」和「進階」區域中所需的選項,然後選取「確定」。

隨即以指定的名稱和 .html 副檔名 (例如「newsletter.html」) 建立文件;如有指定,也會在相同位置儲存網頁影像次檔案夾 (例如「newsletter-web-images」)。

HTML 轉存選項

一般

「一般」標籤顯示各種選項
一般選項

轉存

決定只轉存選取的項目還是整份文件。

  • 如果選取文字框,則會轉存含溢排文字在內的整個內文。
  • 如果選取「文件」,除了未覆寫的主版頁面項目和不可見圖層上的頁面項目之外,會轉存所有跨頁的全部頁面項目。XML 標籤和產生的索引與目錄則會加以忽略。

內容順序

指定頁面物件的閱讀順序。

  • 基於頁面佈局:項目在頁面上的位置會決定閱讀順序。InDesign 會從左到右和從上到下掃描,以決定頁面物件閱讀順序。(僅限亞洲版本) InDesign 會根據文件裝訂來決定頁面物件的閱讀順序 (從左至右或從右至左)。
  • 與 XML 結構相同:在「結構檢視」中的標記順序會決定閱讀順序。請參閱標記頁面項目
  • 與文章面板相同:「文章」面板中的元素順序會決定閱讀順序。只有已核取的文章才會被轉存。

格式化選項

  • 項目符號:選取「對應至無順序清單」,將項目符號段落轉換為使用標籤格式化成 HTML 的「清單項目」。選取「轉換為文字」,使用標記將項目符號字元當做文字來設定格式。如果您已經使用原生 InDesign 自動項目符號,則也會包含子項目符號。
  • 數字:決定編號在 HTML 檔案中的轉換方式。選取「對應至順序清單」,將編號清單轉換為使用標籤格式化成 HTML 的「清單項目」。選取「轉換為文字」,將編號清單轉換為把段落目前的編號當做文字來開頭的段落。

 

轉存後檢視 HTML

如果有的話,請啟動瀏覽器。

影像

影像選項
影像選項

拷貝影像

指定如何將影像轉存為 HTML。

  • 原始:將原始影像轉存至「<document_name>-web-images」子資料夾。
  • 最佳化:讓您變更設定以決定影像的轉存方式。
  • 連結到伺服器路徑:讓您可輸入出現在影像檔案前面的本機 URL (例如「images/」),而不會將影像轉存至子資料夾。在 HTML 程式碼中,連結屬性會顯示您所指定的路徑和副檔名。當您自行將影像轉換為相容於網頁的影像時,這個選項效果特別好。

保留版面的外觀 (適用於圖形/媒體物件)

選取這個選項會從版面繼承影像物件屬性。

解析度

以像素/英寸 (ppi) 指定影像的解析度。數字越大,解析度越佳。雖然作業系統已經標準化為 72 ppi 或 96 ppi,但行動裝置的範圍則是從 132 ppi (iPad)、172 ppi (Sony Reader) 到超過 300 ppi (iPhone 4)。
您可以為每個選取的物件選擇一個 ppi 值。值包括 72、96、150 (現今所有電子書裝置的平均值) 及 300。

影像大小

指定影像大小是否必須保持固定,還是要相對於頁面上的文字來調整大小。「相對於文字流向」會根據相對於 InDesign 頁面寬度的文字流向來設定相對百分比值。這個選項會導致影像以相對於閱讀區域文字的方式,以等比例重新調整大小。

影像對齊方式和間距

指定影像的對齊方式:靠左、置中及靠右。您也可以指定上邊框距離和下邊框距離。

影像轉換

指定要將文件中的最佳化影像轉換成「GIF」、「JPEG」或「PNG」。如果您希望由 InDesign 決定要在每個執行個體中使用的格式,請選取「自動」。

GIF 選項

  • 調色盤:讓您控制 InDesign 在最佳化 GIF 檔案時,處理顏色的方式。GIF 格式會使用不超過 256 色的有限顏色調色盤。選取「最適化 (無混色)」,使用圖形中的代表性顏色樣本來建立調色盤,而不做任何混色 (混合小型特別色以模擬額外顏色)。選取「網頁」,建立由 Windows 和 macOS 系統顏色的子集所組成的網頁安全色調色盤。選取「系統 (Win)」或「系統 (Mac)」,使用內建的系統顏色調色盤來建立調色盤。這個選項可能會導致非預期的結果。
  • 交錯:以填入缺少的線條的方式,漸進地載入影像。如果您取消選取此項,則影像一開始會顯得模糊,並隨著達到最高解析度而逐漸銳利化。

JPEG 選項

  • 影像品質:為每個建立的 JPEG 影像,決定檔案壓縮 (檔案較小) 和影像品質之間的折衷點。「低」會產生最小檔案和最低影像品質。
  • 設定格式方式:指定當包含影像的檔案在瀏覽器中開啟時,顯示 JPEG 圖形的速度。選取「漸進式」可讓 JPEG 影像在下載時,逐漸顯示並且愈來愈清楚。選取「基線」可讓 JPEG 檔案於下載完成後才顯示。完成影像下載前,會先顯示預留位置。

忽略物件轉存設定

忽略套用在個別影像的物件轉存選項。請參閱套用物件轉存選項

進階

進階選項
進階選項

不要在 HTML 中包含類別

若您不希望在 HTML 中包含類別,請選取此選項。此選項會在 HTML 轉存時移除標記中顯示的類別ID 屬性。同時也會移除所有 HTML 中顯示的多餘 div 標記。

在 HTML 中包含類別

選取此選項以在 HTML 中包含類別。

  • 產生 CSS:指定您是否想要 InDesign 針對轉存的檔案產生 CSS。
  • 保留本機優先選項:包含本機格式設定,例如斜體或粗體。

新增樣式表

指定現有 CSS 樣式表的 URL,通常是相對 URL,例如「/styles/style.css」。InDesign 不會檢查 CSS 是否存在或有效。

JavaScript 選項

選取新增指令碼,以便在 HTML 頁面開啟時執行 JavaScript。InDesign 不會檢視 JavaScript 是否存在或有效。

InDesign 轉存

InDesign 會轉存所有內文、連結和嵌入的圖形、SWF 影片檔案、註腳、文字變數 (做為文字)、項目符號和編號清單、內部交互參照,以及跳到文字或網頁的超連結。表格也可轉存為 HTML。InDesign 會保留表格格式設定,例如表格線條和儲存格線條。表格會有指定的唯一識別碼,以便在 Dreamweaver 中可當作 Spry 資料集來參考。置入的音訊和 h.264 影片檔案會以 HTML5 的 <audio> 與 <video> 標記括住。InDesign 也會轉存您繪製的物件 (例如矩形、橢圓形和多邊形)、貼上的物件 (包括貼上的 Illustrator 影像) 以及轉換為外框的文字。

InDesign 不會轉存

InDesign 不會轉存超連結 (網頁連結以及跳至同一文件中文字錨點之文字所套用的連結除外)、XML 標記、書冊、書籤、SING 字符檔、頁面切換效果、索引標記、作業範圍上未選取而且未接觸頁面的物件,或是主版頁面項目 (除非轉存前已覆寫或選取)。

更多相關資訊

有任何疑問或意見嗎?

諮詢社群

如果您有要詢問的問題或要分享的想法,請加入 Adobe InDesign 社群。我們很樂意聽取您的意見及看到您的創作。

更快、更輕鬆地獲得協助

新的使用者?