轉存為 HTML,可以輕鬆地將 InDesign 內容轉換為可供網頁使用的格式。當您將內容轉存為 HTML 時,即可控制轉存文字與影像的方法。InDesign 會透過 CSS 同名樣式類別來標示 HTML 內容,以保留轉存內容中所套用的段落、字元、物件、表格和儲存格樣式等的名稱。使用 Adobe Dreamweaver 或任何支援 CSS 的 HTML 編輯器,您就可以快速將格式設定和版面套用到內容中。
轉存哪些內容
InDesign 會轉存所有內文、連結和嵌入的圖形、SWF 影片檔案、註腳、文字變數 (做為文字)、項目符號和編號清單、內部交互參照,以及跳到文字或網頁的超連結。也會轉存表格,但不會轉存特定格式設定,例如表格和儲存格線條。表格會指定成唯一識別碼,以便在 Dreamweaver 中可當作 Spry 資料集來參考。置入的音訊和 h.264 影片檔案會以 HTML5 的 <audio> 與 <video> 標記括住。
不會轉存哪些內容
InDesign 不會轉存您繪製的物件 (例如矩形、橢圓形和多邊形)、超連結 (網頁連結以及跳至同一文件中文字錨點之文字所套用的連結除外)、貼上的物件 (包括貼上的 Illustrator 影像)、轉換為外框的文字、XML 標記、書冊、書籤、SING 字符檔、頁面切換效果、索引標記、作業範圍上未選取而且未接觸頁面的物件,或是主版頁面項目 (除非轉存前已覆寫或選取)。
轉存
決定只轉存選取的項目還是整份文件。如果已選取文字框,則會轉存含溢排文字在內的整個內文。
如果選取「文件」,除了未覆寫的主版頁面項目和不可見圖層上的頁面項目之外,會轉存所有跨頁的全部頁面項目。XML 標記和產生的索引與目錄則會加以忽略。
內容順序 / 排序
讓您指定頁面物件的讀取順序。
基於頁面佈局
項目在頁面上的位置會決定讀取順序。
如果選取「基於頁面佈局」,則 InDesign 會從左到右或從上到下掃描,以決定頁面物件讀取順序。在某些情況下,特別是在複雜、多欄文件中,設計元素可能不會顯示為所要的讀取順序。您可以使用 Dreamweaver 重新排列內容並設定其格式。
(僅限亞洲版本) 如果選取「基於頁面佈局」,則 InDesign 會根據文件裝訂來決定頁面物件的讀取順序 (從左至右或從右至左)。在某些情況下,特別是在複雜、多欄文件中,轉存的設計元素可能不會顯示為所要的讀取順序。您可以使用 Dreamweaver 重新排列內容並設定其格式。
與 XML 結構相同
如果選取「與 XML 結構相同」,則「XML 結構」面板會控制轉存內容的順序以及要轉存哪些內容。如果您已經標記內容,則可以直接在「XML 結構」面板中拖曳標記,以設定 XHTML 轉存順序。如果未標記內容,則可以從「結構」面板選單中選擇「新增未標記的項目」,以產生可以重新排序的標記。如果您不希望在轉存中包含某個項目,可以直接刪除在「XML 結構」面板中的標記。(刪除標記並不會刪除 INDD 檔案中的內容。)請參閱標記頁面項目。
與文章面板相同
「文章」面板中的元素順序會決定讀取順序。只有已核取的文章才會被轉存。請參閱包含要轉存的文章。
項目符號
選取「對應至無順序清單」,將項目符號段落轉換為使用 <ul> 標記格式化為 HTML 的「清單項目」。選取「轉換為文字」,使用 <p> 標記將項目符號當做文字來設定格式。如果您已經使用原生 InDesign 自動項目符號,則也會包含子項目符號。
解析度 (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 影像在下載時逐部顯示並且愈來愈清楚 (透過這個選項建立的檔案會稍微大一點,而且檢視時需要更多 RAM)。選擇「基線」,只在每個 JPEG 檔案完全下載後才顯示;在檔案顯示前會出現預留位置暫代。
CSS 選項
「重疊樣式表」(CSS) 是控制網頁內容表現方式的格式設定規則集合。當您使用 CSS 設定頁面格式時,會將內容和呈現方式分離。頁面內容 (HTML 程式碼) 位於 HTML 檔案本身,而定義程式碼呈現方式的 CSS 規則位於另一個檔案 (外部樣式表) 或在 HTML 文件中 (通常在「表頭」區段中)。 例如,您可以為選取文字指定不同字體大小,而且使用 CSS 來控制網頁中區塊層級元素的格式和位置。