So now it's time to do the final export of…this entire article, combining everything that we've done so far, and…some additional export options and bells and whistles that are…going to give us a great looking HTML version of this article.…I'll start by hitting Cmd E, or Ctrl E on Windows to export this file.…I'm going to export this to my desktop again.…In the general area of the HTML Export Options…dialog, I'm exporting the entire document.…Under content order, I'm going to choose…Same as Articles Panel, so that InDesign will…use only the content of my articles panel in the order in which it appears there.…
I want my bulleted and numbered lists…mapped to unordered and ordered lists respectively.…And I want to see this HTML in the browser after I'm done exporting it.…In the Image…options I have my preferred settings here, which are Optimized,…Preserving the Appearance from the Layout, at 72 pixels per inch.…And with a fixed image size.…I have a specific CSS that I'm targeting when I export my content, and it handles…
- Connecting InDesign styles to HTML tags and CSS classes
- Controlling the order of exported content
- Exporting just the content you want
- Bringing sidebars and pull quotes into HTML text flow
- Adding hyperlinks to images and text
- Replacing InDesign's CSS with a custom CSS
- Generating web-optimized images from print layouts
Skill Level Advanced
Photoshop CS6 for Web Designers (2012)with Justin Seeley4h 56m Appropriate for all
Illustrator for Web Design (2012)with Justin Seeley5h 27m Appropriate for all
1. Getting Started with InDesign and HTML
2. Preparing Text and Objects for Export
3. Preparing Images for Export
4. Organizing and Exporting Content
Next steps1m 10s
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
This will not affect your course history, your reports, or your certificates of completion for this course.Cancel
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.