Join Michael Murphy for an in-depth discussion in this video Exporting grouped images and objects, part of InDesign CS6: HTML.
There are a couple of image types that InDesign handles…very differently when it exports from a print page to HTML.…The first is any drawn shape, like we see here, and here.…These are drawn shapes in InDesign And…they're used as graphic elements on the page.…By default InDesign will just ignore these.…So you have to deal with them in another way if…you want them converted to images and exported for your web layout.…
The other is groups.…This is an arrangement of five images.…Grouped together that I would like to keep in…this arrangement when I export it to the web.…But unless I tell InDesign that's what I want, that's not what's going to happen.…Let's not do anything to this file and let's just export…it using InDesign's defaults.…I'll hit Cmd+D to export, I'll export this to my desktop under image.…I'm going to make sure I have optimized preserve appearance from…layout and 72 pixels per inch chosen, then I'll click OK.…
And InDesign did obey the Preserve Appearance from…Layout option but it did it image by image.…
- 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
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?
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.