Responsive web design allows designers to control the look and feel of their website on multiple screen sizes and platforms. This course illustrates two approaches to responsive web design in Dreamweaver CC: the first using Dreamweaver's Fluid Grid Layout tool and the second using media queries. Author Joseph Lowery shows how to use the Fluid Grid Layout framework to create a single website for desktops, tablets, and smartphones.
Then he turns to media queries to handle orientation changes, target high-resolution displays like that in the iPhone 6, and hide content when necessary. The final chapter of the course illustrates how to handle images and media responsively.


Topics include:
* Structuring fluid grids
* Adding a new fluid grid layout
* Adding building-block div tags
* Inserting content into a fluid grid
* Modifying the number of grid columns
* Building media queries from scratch
* Working with additional media queries
* Handling orientation changes
* Manipulating CSS
* Applying javascript techniques
* Adding new media