- 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
- [Voiceover] Hello and welcome to from InDesign to HTML. I'm Michael Murphy, and I've been a hands-on graphic designer for more than twenty years. Like most designers, I've had to adapt to a lot of changes in our industry in that time, especially the increasing shift from print-centric to online design needs. Today, nearly all content is destined for both print and online distribution, and many designers find themselves caught between two conflicting work flows or struggling with repetitive, time-consuming tasks in order to meet those print-to-web challenges.
InDesign CS6 offers many features that can speed up this process making it more consistent and automated. In this course, you'll learn how to understand what InDesign does, both good and bad, when it comes to HTML and CSS, how to maximize the relationship between InDesign styles and your HTML tags and CSS classes, how to organize content into a specific order before exporting it to the web and to only export the content that you need, how to bring side-bars, pull quotes, and other page elements into your HTML text flow and add working hyperlinks to images and texts.
We'll look at how you can replace InDesign's automatically generated CSS with a custom CSS and how to create and export web optimized images from your print layouts for maximum print-to-web-efficiency. And this course will show you how it's done.