使用手冊 取消

將內容轉存為 HTML (Legacy)

搜尋
InDesign

InDesign

開啟應用程式
  1. InDesign 使用者指南
  2. 了解 InDesign
    1. InDesign 簡介
      1. InDesign 中的新增功能
      2. 系統需求
      3. 常見問題
      4. 使用 Creative Cloud libraries
    2. 工作區
      1. 工作區基本介紹
      2. 相關工作列
      3. 在 InDesign 中自訂您的工作區
      4. 工具箱
      5. 設定偏好設定
      6. 屬性面板
      7. 觸控工作區
      8. 預設鍵盤快速鍵
      9. 復原編輯和管理「步驟記錄」面板
      10. 文件復原和還原
    3. 生成式 AI (在中國大陸無法使用)
      1. 以文字建立影像
      2. 生成式擴張
      3. InDesign (Beta) 中的「產生效果」
      4. 生成式 AI 常見問題集
  3. 建立文件及編排版面
    1. 文件和頁面
      1. 建立文件
      2. 使用上層頁面
      3. 使用文件頁面
      4. 設定頁面大小、邊界和出血
      5. 使用檔案與範本
      6. 在 InDesign (Beta) 中將 PDF 轉換為 InDesign 檔案
      7. 建立書冊檔案
      8. 新增基本編排頁碼
      9. 為頁面、章節和區段編號
      10. 轉換 QuarkXPress 和 PageMaker 文件
      11. 共用內容
      12. 了解基本受管理檔案的工作流程
      13. 儲存文件
    2. 格點
      1. 格點
      2. 設定格點格式
    3. 版面輔助
      1. 尺標
      2. 使用尺標對齊和均分物件
      3. 使用「測量」工具測量物件
  4. 加入內容
    1. 文字
      1. 將文字新增至框架
      2. 串連文字
      3. 東南亞文字
      4. InDesign 的阿拉伯文和希伯來文功能
      5. 建立路徑文字
      6. 項目符號和編號
      7. 插入 MathML 以建立數學運算式
      8. 字符和特殊字元
      9. 文字排版方式
      10. 文字變數
      11. 產生 QR 碼
      12. 編輯文字
      13. 對齊文字
      14. 將文字繞排在物件周圍
      15. 錨定物件
      16. 連結內容
      17. 格式化段落
      18. 格式化字元
    2. 印刷樣式
      1. 在 InDesign 中使用字體
      2. 字距微調和字距調整
      3. 縮放與傾斜文字
      4. 將顏色效果套用至文字
    3. 設定文字格式
      1. 設定文字格式
      2. 自動樣式文字
      3. 使用樣式套件
      4. 定位點與縮排
    4. 審核文字
      1. 追蹤並檢閱修訂
      2. 在 InDesign 中新增編輯註解
      3. 匯入 PDF 註解
    5. 拼字檢查和語言字典
      1. 檢查拼字、自動校正，以及動態拼字檢查
      2. 建立、新增及管理字典與單字
      3. 變更字典偏好設定
      4. Duden 字典
    6. 新增參照
      1. 建立目錄
      2. 註腳
      3. 建立索引
      4. 章節附註
      5. 標題
    7. 樣式
      1. 段落和字元樣式
      2. 對應、轉存和管理樣式
      3. 物件樣式
      4. 首字放大和輔助樣式
      5. 使用樣式
      6. 行距
    8. 表格
      1. 設定表格格式
      2. 建立表格
      3. 表格和儲存格樣式
      4. 選取和編輯表格
      5. 表格線條與填色
    9. 互動性
      1. 超連結
      2. 動態 PDF 文件
      3. 書籤
      4. 按鈕
      5. 表單
      6. 動畫
      7. 交互參照
      8. 設定 PDF 結構
      9. 頁面切換效果
      10. 影片和聲音
    10. 圖形
      1. 了解路徑和形狀
      2. 以鉛筆工具繪圖
      3. 使用筆型工具繪圖
      4. 套用線條 (筆畫) 設定 
      5. 複合路徑和形狀
      6. 編輯路徑
      7. 剪裁路徑
      8. 變更轉角外觀
      9. 框架與物件
      10. 對齊和均分物件
      11. 連結和嵌入圖形
      12. 整合 AEM 資產
    11. 顏色和透明度
      1. 套用顏色
      2. 使用匯入圖形的顏色
      3. 使用色票
      4. 混合油墨
      5. 色調
      6. 了解特別色和印刷色
      7. 混合顏色
      8. 漸層
      9. 平面化透明圖稿
      10. 新增透明度效果
  5. 尋找和取代
    1. 尋找及取代文字
    2. 尋找和取代字型
    3. 尋找和取代字符
    4. 使用 GREP 表示式與查詢來尋找和取代
    5. 尋找與取代物件
    6. 尋找與取代顏色
    7. 尋找和取代的搜尋選項
  6. 共用
    1. 儲存並存取雲端文件
    2. 整理、管理及共用雲端文件
    3. 檢視並管理雲端文件中的版本
    4. 有關 InDesign 雲端文件的常見問題
    5. 網路上的 InCopy (Beta)
    6. 共用與共同作業        
    7. 共用以供審核
    8. 審核共用的 InDesign 文件
    9. 管理意見回饋
    10. 邀請參與編輯
  7. 轉存、讀入及發佈
    1. 放置、轉存和發佈
      1. 線上發佈
      2. Publish Online 控制面板
      3. 複製、插入圖形
      4. 轉存至 Adobe Express
      5. 將內容轉存為 EPUB
      6. Adobe PDF 選項
      7. 轉存為 HTML5
      8. 將內容轉存為 HTML (Legacy)
      9. 轉存為 Adobe PDF
      10. 轉存為 JPEG 格式
      11. 讀入 SVG 檔案
      12. DPS 和 AEM Mobile 概觀
      13. 支援的檔案格式
      14. 轉存和匯入使用者設定
    2. 列印
      1. 列印手冊
      2. 印表機的標記和出血
      3. 列印文件
      4. 油墨、分色與網線數
      5. 疊印
      6. 建立 PostScript 和 EPS 檔案
      7. 交付前先預檢檔案
      8. 列印縮圖與過大的文件
      9. 為服務供應商準備 PDF
      10. 準備列印分色
  8. 延伸 InDesign
    1. 自動
      1. 資料合併
      2. 增效模組
      3. InDesign 的 Capture 延伸功能
      4. 指令碼
  9. 疑難排解
    1. 已修正的問題
    2. 已知問題
    3. 啟動時當機
    4. 偏好設定資料夾唯讀問題
    5. 針對檔案問題進行疑難排解
    6. 無法將 InDesign 檔案轉存為 PDF
    7. InDesign 文件復原

了解如何將頁面、跨頁或選取的物件轉存為 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 字符檔、頁面切換效果、索引標記、作業範圍上未選取而且未接觸頁面的物件，或是主版頁面項目 (除非轉存前已覆寫或選取)。

更多相關資訊

轉存為 HTML5

線上發佈

有任何疑問或意見嗎?

諮詢社群

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

 Adobe

更快、更輕鬆地獲得協助

新的使用者？

快速連結

檢視您的所有計劃 管理您的計劃
檢視快速連結
隱藏快速連結

法律注意事項    |    線上隱私權政策