This course illustrates two approaches to responsive web design, the new Fluid
Grid Layout feature and media queries, which allow a wide spectrum of designers
to reach their target audience via desktops, tablets, or other mobile devices.
Author Joseph Lowery shows how to use the Fluid Grid Layout feature in
Dreamweaver to create a single web site that delivers different layouts to
targeted screen sizes. The course also offers a more advanced approach to
responsive design by using media queries—employing the Multiscreen Preview
feature and enhancing the resulting output code—as well as methods for h
andling mobile first priorities and adaptive images.
Topics include:

Exploring the default Fluid Grid Layout
Adding building block div tags
Inserting content into a fluid grid
Modifying the number of grid columns
Adjusting column widths and margins
Building media queries from scratch
Handling orientation changes
Applying JavaScript techniques
Setting up server-side solutions

Download File Size:278.76 MB

---