MyPage is a personalized page based on your interests.The page is customized to help you to find content that matters you the most.

I'm not curious

InDesign for Web Design

Course Summary

Shows aspiring web designers how to quickly create webpage prototypes with text and object styles, modular layouts, and interactivity.       

  • +

    Course Syllabus

       Using the exercise files
       What you should know before watching this course
    1. Setting Up Documents
       Print vs. web: Working with pages, pixels, and the box model
       Creating a document for the web
       Setting up a custom web design workspace
       Working with web colors
       Creating web page grids and templates
       Using master pages
       A note about working with exact pixel dimensions
    2. Working with Type and Type Styles
       Print vs. web: Points and pixels, styles and CSS
       Using web fonts
       Using styles to mimic CSS behavior
       Organizing style groups based on site content
    3. Working with Objects and Images
       Print vs. web: Working with object styles and divs
       Making InDesign frames work like divs
       Defining and using object styles
       Using anchored objects to connect content
       Using anchored objects and text wrap to simulate floats
    4. Taking Advantage of Tables
       Print vs. web: Using tables for design, not for HTML layout
       Designing a simple horizontal navbar with tables
       Designing a rounded-corner navbar with tables
       Designing a multi-level vertical navbar with tables
       Creating an expanding two-level navbar with tables
    5. Putting It Together: Website Prototype Project
       Print vs. web: Understanding the importance of templates
       Setting up a wireframe template
       Designing the header and the footer
       Using separate InDesign files for a modular template
       Adding layout variations with master pages
       Adding custom page content
       Managing assets with object libraries
    6. Using Liquid and Alternate Layouts
       Print vs. web: Exploring the flexible page
       Understanding basic Liquid Layout: Scale and Recenter
       Using the guide-based Liquid Layout rule
       Establishing object-based Liquid Layout rules
       Using Liquid Layout for varying page heights
       Creating alternate layouts
       Diving deeper into the alternate layout
       Repurposing content with the Content Conveyor and style mapping
    7. Adding Interactive Elements
       Print vs. web: Exploring the static page and the (inter)active page
       Exploring the interactive capabilities and constraints of InDesign
       Adding hyperlinks
       Previewing interactive page elements with interactive PDFs
       Previewing interactive page elements with SWF files
       Creating working navigation buttons
       Adding video
       Adding HTML content
    8. Handing It Off: Leveraging InDesign Files for Faster Implementation and Development
       Print vs. web: Working collaboratively
       Exporting flat PNG and JPEG comps
       Exporting mockups at a device-specific resolution
       Generating a layered PSD file
       Exporting web-optimized images
       Exporting HTML and CSS
       Next steps

Course Fee:
USD 25

Course Type:


Course Status:



6 - 7 hours / week

This course is listed under Development & Implementations and Digital Media & Games Community

Attended this course?

Back to Top

Awards & Accolades for MyTechLogy
Winner of
Top 100 Asia
Finalist at SiTF Awards 2014 under the category Best Social & Community Product
Finalist at HR Vendor of the Year 2015 Awards under the category Best Learning Management System
Finalist at HR Vendor of the Year 2015 Awards under the category Best Talent Management Software
Hidden Image Url

Back to Top