Join Michael Murphy for an in-depth discussion in this video Dynamically linking print and web images, part of InDesign CS6: HTML.
In the last movie we looked at how the pasteboard can be used as…a staging area for alternate web appropriate…versions of the images in your print layout.…And then selectively exported for use in your HTML.…And we did that by creating an alternate frame here on the pasteboard.…Copying this main image from the print layout and…pasting it into that frame, cropping it accordingly and…then adding that to the articles panel along with our text content.…
Now, I'm a working designer myself, same as…many of you out there watching this course.…And I realize that this method of using the…paste board to aggregate and manage copies of the images…in your print layout could become a problem as…things change, because you have this copy on this pasteboard.…If you swap out that image on the print layout when you're busy,…it may not be something that you get around to maintaining regularly.…There is a way that InDesign can help you with this,…using the new content conveyor and content placer tools in CS6.…
This image here, on the pasteboard, was just a drawn frame…
- 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.