Join Michael Murphy for an in-depth discussion in this video InDesign's HTML markup conventions, part of InDesign CS6: HTML.
Before we dive into exporting an actual InDesign file as HTML, let's…take a look upfront at the kind of mark up you can expect when you export.…InDesign CS6 adheres to certain conventions when it exports HTML.…And those are affected by how and where you apply styles and…the CSS method that you opt for when you export to HTML.…If you choose not to export with InDesign's automatically created CSS, what…you'll end up with almost exclusively are generic tags like a p tag,…ol tag, ul tag throughout your document with no class attributes assigned to them.…
There are a small handful of things that…InDesign will add that you might not expect.…For instance, here in the table tag.…There's an additional ID attribute of table hyphen and a number.…That number is created by InDesign and all of the tables in your exported HTML will…have those numbers added sequentially in the order…that the tables appear in the exported file.…But with very few exceptions, you get basic semantic markup.…
Now if that's all you want, a framework of basic markup around…
- 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.