使用手冊 取消

將內容轉存為 HTML5

搜尋
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 或 PNG 格式
      11. 讀入 SVG 檔案
      12. 支援的檔案格式
      13. 轉存和匯入使用者設定
    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 文件復原

了解如何將頁面、跨頁或選取的物件轉存為 HTML5 格式類型。

將 InDesign 文件轉存為 HTML5，以確保跨平台相容性，並支援豐富的互動式內容、增強使用者參與和可及性。如此也能提升 SEO 和網頁效能。當您將內容轉存為 HTML5 時，可控制轉存文字的方法。

轉存 HTML5 套件

  1. 選取「檔案 > 轉存」。

  2. 從「另存新檔類型」(Windows) 或「格式」(macOS) 中，選取「HTML5」。

  3. 如果您想要相同的檔案名稱，請選取「使用 InDesign 文件名稱做為輸出的檔案名稱」，然後選取「儲存」。

  4. 在「轉存 HTML5 套件」對話框中，根據您的需求選取「HTML 文字標籤」或「HTML SVG 標籤」。

  5. 選取「轉存」。

HTML5 轉存：從「Publish Online」對話框套用的主要屬性

標題

會使用此值命名匯出的資料夾。

描述

未轉存。

頁面

在「Publish Online」對話框中定義。如果直接從「檔案 > 轉存 > HTML5」轉存，則所有頁面都會包含在內。

轉存為
  • 單一：每個頁面都會轉存為個別 HTML 檔案，且每個檔案都會連結到主要的 index.html。
  • 跨頁：每個跨頁都會轉存為單一 HTML 檔案，且每個檔案都會連結到主要的 index.html。

啟用密碼保護

不適用。

封面縮圖

縮圖包含在 HTML5 套件中。

影像設定

會套用「Publish Online」對話框中的設定。

下載 PDF 設定

不適用。

更多設定

不適用。

Google Analytics

如果「Publish Online」對話框中包含 Google Analytics 標籤，則會新增至 HTML5 轉存中的 index.html 檔案。在您的網站上管理頁面時，請務必視需要透過 Cookie 橫幅取得使用者同意。

解決 HTML5 轉譯問題的快速修正

  • 如果您使用「HTML 文字標籤」選項，請務必在轉存時選取「複製字型」選項。
  • 如果您已選取「複製字型」選項，請檢查是否仍因遺失字型而造成此問題。請嘗試使用「HTML SVG 標籤」選項來確認是否為字型問題。
  • 如果確實是字型問題，且您的「HTML SVG 標籤」選項看來相當良好，請檢查您在 InDesign 文件中使用的字型是否已轉存並放置在套件的字型資料夾中。如果沒有，您可能需要手動複製字型並將其放入資料夾。
  • 如果放入字型後，問題仍然存在，請聯絡客戶支援團隊。
註解：

在網站上使用字型必須遵循您的字型授權條款。為網站自行管理字型可能需要個別授權。

HTML5 套件與 HTML (Legacy) 之間的差異

HTML5 套件旨在從一開始就在輸出的 HTML5 中模擬 InDesign 檔案版面。另一方面，HTML (Legacy) 則是由下而上，從 InDesign 檔案建立 HTML 的方法，且其版面與原始檔案的相似性也有限。

已知問題

  • 未正確轉存文字的陰影、模糊等效果。

因應措施：選取「HTML SVG 標籤」，而非「HTML 文字標籤」來匯出文字。

更多相關資訊

有任何疑問或意見嗎?

諮詢社群

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

更快、更輕鬆地獲得協助

新的使用者？

快速連結

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

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