Join Michael Murphy for an in-depth discussion in this video Adding web-sized alternate images to a layout, part of InDesign CS6: HTML.
In the last movie we saw how InDesign handles optimized…images when you export from a print layout to HTML…and how using the preserve appearance from Layout option can…help you get better control over your results when you export.…But print and the Web are very different.…And it's highly unlikely that the aspect ratio and physical dimensions…of your images as you've placed them in a print layout…is going to serve you well For the image sizes…and proportions that you're going to need for the web.…
Let's take a quick look at what I mean by this.…I have this two page spread and I've got this full…page image on the left, and that works great for print.…The two don't compete with each other. It balances the layout out nicely.…But it's not an approach that I can use on…the web because on the web, there is only one…page at a time.…And that image and the rest of the article have to coexist in a better way.…I haven't really done any HTML preparation to this at all.…But I'm going to quickly export it to just show you…
- 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?
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.