使用手冊取消

將內容轉存為 HTML (Legacy)

搜尋

上次更新時間 2024年10月14日

InDesign 使用者指南
了解 InDesign
1. InDesign 簡介
2. 工作區
3. 生成式 AI (在中國大陸無法使用)
建立文件及編排版面
加入內容
1. 文字
2. 印刷樣式
3. 設定文字格式
4. 審核文字
5. 拼字檢查和語言字典
6. 新增參照
7. 樣式
8. 表格
9. 互動性
10. 圖形
11. 顏色和透明度
尋找和取代
共用
轉存、讀入及發佈
1. 放置、轉存和發佈
2. 列印
延伸 InDesign
1. 自動
疑難排解

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

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

轉存為 HTML (Legacy)

如果不要轉存整份文件，請選取要轉存的文字框、文字範圍、表格儲存格或圖形。
選取「檔案 > 轉存」，然後從「另存新檔類型」(Windows) 或「格式」(macOS) 中選取「HTML (Legacy)」。
指定 HTML 文件的名稱和位置，並選取「儲存」。
在「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 社群。我們很樂意聽取您的意見及看到您的創作。

更快、更輕鬆地獲得協助

新的使用者？