Creating HTML Layouts with InDesign

Extract content and layouts from InDesign and transform them into HTML, which can be used to create ebooks, web and mobile apps, and more.

Introduction

• Welcome
• Using the exercise files

1. Understanding HTML

• What is HTML?
• Why HTML?
• Why build in InDesign?
• What HTML can and cannot do
• Project examples

2. How an InDesign Layout Translates to HTML: Reflowable vs. Fixed Layout

• Which option is right for your project?
• Exploring the HTML export options available in InDesign
• Exploring the EPUB export options available in InDesign
• Using in5 to export a layout from InDesign to HTML

3. What to Do with the HTML Once You Have It

• Posting HTML to the web
• Publishing as an EPUB
• Embedding HTML: DPS, EPUB, and elsewhere
• Repurposing HTML content for a blog post or email

4. Creating Apps from the HTML Content

• Creating a web app
• Converting to a mobile app using the Baker framework
• Converting to a mobile app using PhoneGap Build
• Creating a mobile app with Amazon

5. Best Practices for Text

• Export tagging styles
• Adding hyperlinks to text
• Formatting lists
• Conditional text

6. Best Practices for Images

• Adding alt text
• Controlling image quality with custom rasterization
• Using object styles

7. Controlling Flow in Reflowable HTML

• Using the Articles panel
• Using anchored objects to wrap images in text flow

8. Challenges and Considerations When Exporting HTML from InDesign

• Text styling and font embedding
• Ensuring proper color conversion
• How are page sizes, liquid layouts, and alternate layouts involved?
• Using XML

9. Extending and Customizing the Results

• Using custom CSS to modify appearance
• Using custom JavaScript to modify functionality

Conclusion

• Next steps