Creating HTML Layouts with InDesign

Course details

Not only is HTML the language of the web, but it can also be used to create ebooks, mobile apps, and rich emails, and it can be embedded in other formats like DPS. This course will walk you through each of those options, help you decide which are right for your project, and show you best practices for successfully exporting your content and layouts to HTML so you can share it with the world. Author Justin Putney also introduces some inexpensive development options for mobile apps, and shows how to take your results from this course to the next level with CSS and JavaScript.

Learning objectives
Exploring InDesign's HTML and EPUB export options
Publishing to the web
Embedding HTML elsewhere
Creating web and mobile apps
Working with text and images
Solving export problems
Customizing your HTML layout with CSS and JavaScript

Concepts

0. Introduction

01 - Welcome
02 - Using the exercise files

1. Understanding HTML

03 - What is HTML
04 - Why HTML
05 - Why build in InDesign
06 - What HTML can and cannot do
07 - Project examples

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

08 - Which option is right for your project
09 - Exploring the HTML export options available in InDesign
10 - Exploring the EPUB export options available in InDesign
11 - Using in5 to export a layout from InDesign to HTML

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

12 - Posting HTML to the web
13 - Publishing as an EPUB
14 - Embedding HTML - DPS, EPUB, and elsewhere
15 - Repurposing HTML content for a blog post or email

4. Creating Apps from the HTML Content

16 - Creating a web app
17 - Converting to a mobile app using the Baker framework
18 - Converting to a mobile app using PhoneGap Build
19 - Creating a mobile app with Amazon

5. Best Practices for Text

20 - Export tagging styles
21 - Adding hyperlinks to text
22 - Formatting lists
23 - Conditional text

6. Best Practices for Images

24 - Adding alt text
25 - Controlling image quality with custom rasterization
26 - Using object styles

7. Controlling Flow in Reflowable HTML

27 - Using the Articles panel
28 - Using anchored objects to wrap images in text flow

8. Challenges and Considerations When Exporting HTML from InDesign

29 - Text styling and font embedding
30 - Ensuring proper color conversion
31 - How are page sizes, liquid layouts, and alternate layouts involved
32 - Using XML

9. Extending and Customizing the Results

33 - Using custom CSS to modify appearance
34 - Using custom JavaScript to modify functionality

Conclusion

35 - Next steps