InDesign offers unique advantages for kick-starting a website design, such as its unmatched typographic control, pixel-perfect positioning, and fluid, intuitive layout environment. InDesign offers designers who want to quickly create webpage prototypes a powerful toolset with robust text and object styles, page grid features, and interactivity—and none of the limitations of Photoshop, complexities of Dreamweaver, or burdens of hand-coding HTML and CSS. This course shows aspiring web designers how to set up documents for the web, utilize web fonts for maximum compatibility, design a navigation bar, and even mimic CSS with InDesign styles. The final chapter shows how to export your mockups as HTML, CSS, PDF, SWF, and web-optimized images that can be shown to clients or quickly published to the web.
Topics include:
Understanding web concepts such as pages, pixels, and the box model
Working within web colors and grids
Working with type and type styles
Designing a nav bar with tables
Setting up a template with headers, footers, and modular content
Experimenting with liquid and alternate layouts
Adding interactive content such as links and video
Exporting flat PNG and JPEG comps
Exporting HTML and CSS content