Creating HTML Layouts with InDesign

Go to class
Write Review

Free Online Course: Creating HTML Layouts with InDesign provided by LinkedIn Learning is a comprehensive online course, which lasts for 2-3 hours worth of material. The course is taught in English and is free of charge. Upon completion of the course, you can receive an e-certificate from LinkedIn Learning. Creating HTML Layouts with InDesign is taught by Justin Putney.

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

Syllabus
  • 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