使用手冊 取消

將內容轉存為 HTML

  1. InDesign 使用者指南
  2. 了解 InDesign
    1. InDesign 簡介
      1. InDesign 中的新增功能
      2. 系統需求
      3. 常見問題
      4. 使用 Creative Cloud 資料庫
    2. 工作區
      1. 工作區基本介紹
      2. 在 InDesign 中自訂您的工作區
      3. 工具箱
      4. 設定偏好設定
      5. 屬性面板
      6. 觸控工作區
      7. 預設鍵盤快速鍵
      8. InDesign 中的「管理步驟記錄」面板
      9. 文件復原和還原
    3. 生成式 AI
      1. 以文字建立影像
      2. 生成式 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. 字符和特殊字元
      8. 文字排版方式
      9. 文字變數
      10. 產生 QR 碼
      11. 編輯文字
      12. 對齊文字
      13. 將文字繞排在物件周圍
      14. 錨定物件
      15. 連結內容
      16. 格式化段落
      17. 格式化字元
    2. 印刷樣式
      1. 在 InDesign 中使用字體
      2. 字距微調和字距調整
    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. 共用與共同作業        
    6. 共用以供審核
    7. 審核共用的 InDesign 文件
    8. 管理意見 
  7. 發佈
    1. 放置、轉存和發佈
      1. 線上發佈
      2. Publish Online 控制面板
      3. 複製、插入圖形
      4. 將內容轉存為 EPUB
      5. Adobe PDF 選項
      6. 將內容轉存為 HTML
      7. 轉存為 Adobe PDF
      8. 轉存為 JPEG 格式
      9. 轉存 HTML
      10. DPS 和 AEM Mobile 概觀
      11. 支援的檔案格式
      12. 轉存和匯入使用者設定
    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 文件復原
註解:

中性語言:自 InDesign 2022 (17.0 版) 起,我們即將修改缺乏包容精神的相關用語,以體現 Adobe 重視包容力的核心價值。在英文、丹麥文、匈牙利文、西班牙文、義大利文、葡萄牙文 (巴西) 和日文版的說明文章中,提及「主版頁面」之處一律從「Master page」(主版頁面) 改成「Parent page」(上層頁面)

轉存為 HTML,可以輕鬆地將 InDesign 內容轉換為可供網頁使用的格式。當您將內容轉存為 HTML 時,即可控制轉存文字與影像的方法。InDesign 會透過 CSS 同名樣式類別來標示 HTML 內容,以保留轉存內容中所套用的段落、字元、物件、表格和儲存格樣式等的名稱。使用 Adobe Dreamweaver 或任何支援 CSS 的 HTML 編輯器,您就可以快速將格式設定和版面套用到內容中。

轉存哪些內容

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

不會轉存的內容

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

轉存為 HTML

  1. 如果不要轉存整份文件,請選取要轉存的文字框、文字範圍、表格儲存格或圖形。
  2. 選擇「檔案 > 轉存」,並從「存檔類型」清單選取 HTML

  3. 指定 HTML 文件的名稱和位置,然後按一下儲存

  4. 在 HTML 轉存選項對話框中,指定一般影像進階區域中所需的選項,然後按一下確定

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

HTML 轉存選項

在「HTML」對話框中,指定下列選項。

一般

一般選項
一般選項

轉存:

決定只轉存選取的項目還是整份文件。如果選取文字框,會轉存包含溢排文字在內的整個內文。

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

內容順序:

讓您指定頁面物件的讀取順序。

基於頁面佈局:項目在頁面上的位置會決定閱讀順序。

如果選取「基於頁面佈局」,則 InDesign 會從左到右和從上到下掃描,以決定頁面物件閱讀順序。在某些情況下,特別是在複雜、多欄文件中,設計元素有時不會按照所要的讀取順序顯示。您可以使用 Dreamweaver 重新排列內容並設定其格式。

(僅限亞洲版本) 如果選取「基於頁面佈局」,則 InDesign 會根據文件裝訂來決定頁面物件的閱讀順序 (從左至右或從右至左)。

與 XML 結構相同:如果選取「與 XML 結構相同」,則「XML 結構」面板會控制轉存內容的順序以及要轉存哪些內容。如果您已經標記內容,則可直接在 XML 結構面板中拖曳標記,以設定 XHTML 轉存順序。如果未標記內容,則可從「結構」面板選單中選擇「新增未標記項目」,以產生可重新排序的標記。如果您希望在轉存中排除某個項目,可以直接在 XML 結構面板中刪除該標記。(刪除標記並不會刪除 INDD 檔案中的內容。)請參閱標記頁面項目

與文章面板相同:文章面板中的元素順序會決定閱讀順序。只有已核取的文章才會被轉存。請參閱包含要轉存的文章

格式化選項:

選取項目符號和編號的格式設定選項。

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

數字:決定編號在 HTML 檔案中的轉換方式。如果您已經使用原生 InDesign 自動編號,則也會包含子項目符號。

● 對應至依序清單:將編號清單轉換為使用標記格式化成 HTML 的「清單項目」。

● 轉換為文字:將編號清單轉換為以段落目前編號當做文字來開頭的段落。

轉存後檢視 HTML:

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

影像

影像選項
影像選項

拷貝影像:

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

原始:原始影像轉存至 <document_name>-web-images 次檔案夾。

最佳化:讓您變更設定以決定影像的轉存方式。

連結到伺服器路徑:這個選項會讓您輸入出現在影像檔案前面的本機 URL (例如「images/」),而不會將影像轉存至次檔案夾。在 HTML 程式碼中,連結屬性會顯示您所指定的路徑和副檔名。當您自行將影像轉換為相容於網頁的影像時,這個選項效果特別好。

保留版面的外觀:

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

解析度 (ppi):

以像素/英寸 (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 決定每個實例所要使用的格式。選擇 PNG 會關閉影像壓縮設定;請對不失真的影像或包含透明度的影像使用 PNG

GIF 選項 (浮動視窗):

讓您控制 InDesign 在最佳化 GIF 檔案時,處理顏色的方式。GIF 格式會使用不超過 256 色的有限顏色浮動視窗。選擇「最適化 (無混色)」,使用圖形中的代表性顏色樣本來建立浮動視窗,而沒有任何混色 (混合小型特別色以模擬額外顏色)。選擇「網頁」,建立由 Windows 和 Mac OS 系統顏色的子集所組成的網頁安全色浮動視窗。選擇系統 (Win)系統 (Mac),使用內建的系統顏色浮動視窗來建立浮動視窗。這個選項可能會導致非預期的結果。

選取交錯能夠以填入遺失線條的方式,漸進載入影像。如果未選取這個選項,則影像會看起來很模糊,然後在到達完整解析度時逐漸變得清晰。

JPEG 選項 (影像品質):

為每個建立的 JPEG 影像,在檔案壓縮 (檔案較小) 和影像品質之間決定折衷點。「低」會產生最小檔案和最低影像品質。

JPEG 選項 (設定格式方式):

決定包含影像的檔案在網頁上開啟時,顯示 JPEG 圖形的速度。選擇漸進式,讓 JPEG 影像在下載時逐部顯示並且愈來愈清楚 (透過這個選項建立的檔案會稍微大一點,而且檢視時需要更多 RAM)。選擇基線會讓每個 JPEG 檔案只在完全下載後顯示;在檔案顯示前會出現預留位置暫代。

忽略物件轉存設定:

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

進階

進階選項
進階選項

使用「進階」區域設定 CSS 和 JavaScript 選項。「重疊樣式表」(CSS) 是一組控制網頁內容呈現方式的格式設定規則集合。當您使用 CSS 設定頁面格式時,會將內容和呈現方式分離。頁面內容 (HTML 程式碼) 位於 HTML 檔案本身,而定義程式碼呈現方式的 CSS 規則位於另一個檔案 (外部樣式表) 或在 HTML 文件中 (通常在「表頭」區段中)。例如,您可以為選取文字指定不同字體大小,而且使用 CSS 來控制網頁中區塊層級元素的格式和位置。

不要在 HTML 中包含類別:

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

在 HTML 中包含類別:

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

產生 CSS:指定您是否想要 InDesign 針對轉存的檔案產生 CSS。如果選取「產生 CSS」選項,那麼也可以選取保留本機優先選項,以包含像是斜體或粗體等本機格式設定。

保留本機優先選項: 包含本機格式設定,例如斜體或粗體。

新增樣式表:

指定現有 CSS 樣式表的 URL,通常是相對 URL,例如「/styles/style.css」。InDesign 不會檢查 CSS 是否存在或有效。您可以使用 Dreamweaver 來確認外部 CSS 設定。

JavaScript 選項:

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

 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 日邁阿密海灘和線上