- InDesign User Guide
- Get to know InDesign
- Introduction to InDesign
- Workspace
- Generative AI (Not available in mainland China)
- Introduction to InDesign
- Create and layout documents
- Documents and pages
- Create documents
- Work with parent pages
- Work with document pages
- Set page size, margins, and bleed
- Work with files and templates
- Convert PDFs to InDesign files in InDesign (Beta)
- Create book files
- Add basic page numbering
- Number pages, chapters, and sections
- Convert QuarkXPress and PageMaker documents
- Share content
- Understand a basic managed-file workflow
- Save documents
- Grids
- Layout aids
- Documents and pages
- Add content
- Text
- Add text to frames
- Threading text
- South-East Asian Scripts
- Arabic and Hebrew features in InDesign
- Create type on a path
- Bullets and numbering
- Insert MathML to create math expressions
- Glyphs and special characters
- Text composition
- Text variables
- Generate QR codes
- Edit text
- Align text
- Wrap text around objects
- Anchored objects
- Linked content
- Format paragraphs
- Format characters
- Typography
- Format text
- Review text
- Spell check and language dictionaries
- Add references
- Styles
- Tables
- Interactivity
- Graphics
- Color and transparency
- Text
- Find and replace
- Share
- Export, import, and publish
- Place, export, and publish
- Publish online
- Publish online dashboard
- Copy, insert graphics
- Export to Adobe Express
- Export content for EPUB
- Adobe PDF options
- Export to HTML5
- Export content to HTML (Legacy)
- Export to Adobe PDF
- Export to JPEG format
- Import SVG files
- DPS and AEM Mobile overview
- Supported File Formats
- Export and import User Settings
- Printing
- Place, export, and publish
- Extend InDesign
- Automation
- Troubleshooting
Learn to export a page, spread, or selected object to HTML (Legacy) type.
Exporting to HTML easily converts your InDesign content into a web-ready format. When you export content to HTML, you can control how text and images are exported. InDesign preserves the names of paragraphs, characters, objects, tables, and cell styles applied to the exported contents by marking the HTML contents with CSS style classes of the same name.
Export to HTML (Legacy)
-
If you’re not exporting the entire document, select the text frames, range of text, table cells, or graphics you want to export.
-
Select File > Export and select HTML (Legacy) from Save as type (Windows) or Format (macOS).
-
Specify the name and location of the HTML document, and select Save.
A document with the specified name and an .html extension (such as “newsletter.html”) is created; if specified, a web images subfolder (such as “newsletter-web-images”) is saved in the same location.
HTML Export options
Export |
Determines whether only the selected items or the entire document is exported.
|
Content Order |
Specifies the reading order of page objects.
|
Formatting Options |
|
View HTML after Exporting |
Starts the browser, if present. |
Copy Images |
Specifies how images are exported to HTML.
|
Preserve Appearance from Layout (for Graphic/Media objects) |
Select to inherit the image object attributes from the layout. |
Resolution |
Specify the resolution of the images in pixels per inch (ppi). The higher the number, the better the resolution. While operating systems have standardized on either 72 ppi or 96 ppi, mobile devices range from 132 ppi (iPad) to 172 ppi (Sony Reader) to over 300 ppi (iPhone 4). |
Image Size |
Specifies if image size must remain fixed or resized relative to the text on the page. Relative to Text Flow sets a relative percentage value based on the text flow relative to the InDesign page width. This option causes the images to rescale proportionally relative to the text of the reading area. |
Image Alignment and Spacing |
Specifies the image alignment - left, center, and right. You can also specify the top and bottom padding. |
Image Conversion |
Specify whether the optimized images in your document are converted to GIF, JPEG, or PNG. Select Automatic if you want InDesign to decide which format to use in each instance. |
GIF Options |
|
JPEG Options |
|
Ignore Object Export Settings |
Ignores object export options applied on individual images. See Apply Object export options. |
Don't include classes in HTML |
Select this option if you do not want to include classes in the HTML. It removes the class and id attributes present in the tag during HTML Export. Any redundant div tags present in the HTML are also removed. |
Include classes in HTML |
Select this option to include classes in HTML.
|
Add Style Sheet |
Specify the URL of the existing CSS style sheet, which is usually a relative URL, such as “/styles/style.css.” InDesign does not check whether the CSS exists or is valid. |
JavaScript Options |
Select Add Script to run a JavaScript when the HTML page is opened. InDesign does not check whether the JavaScript exists or is valid. |
InDesign exports
InDesign exports all stories, linked and embedded graphics, SWF movie files, footnotes, text variables (as text), bulleted and numbered lists, internal cross-references, and hyperlinks that jump to text or web pages. Tables can be exported to HTML as well. InDesign retains the table formatting, such as table and cell strokes. Tables are assigned unique IDs, and can be referenced as Spry data sets in Dreamweaver. Placed audio and h.264 video files are enclosed in HTML5 <audio> and <video> tags. InDesign also exports objects you draw (such as rectangles, ovals, and polygons), pasted objects (including pasted illustrator images), and text converted to outlines.
InDesign doesn't export
InDesign does not export Hyperlinks (except for links to web pages and links applied to text that jump to text anchors in the same document), XML tags, books, bookmarks, SING glyphlets, page transitions, index markers, objects on the pasteboard that aren’t selected and don’t touch the page, or parent page items (unless they’re overridden or selected before export).
More like this
Have a question or an idea?
If you have a question to ask or an idea to share, come and participate in Adobe InDesign Community. We would love to hear from you and see your creations.