There are a number of valid approaches and possible protocols you can use to generate the sets of styles for a Media Query in Dreamweaver CS6. Before walking through one that works well, let's survey what it is we're trying to accomplish.
Note
Dreamweaver's tools for creating Media Queries in CS6 are a bit enhanced compared to those in Dreamweaver CS5.5; therefore, readers using older versions of Dreamweaver will find a few of the options we explore below unavailable.
Essentially, we need three sets of stylesheets—one for phones, one for tablets, and one for full-sized monitors. Because full-sized monitors are still, at this point, a "standard" in terms of how web content is viewed, and because the phone and tablet styles will likely have less complex styles, it makes sense to start by creating a stylesheet for a full-sized page.
In other words, the first step is to create a basic CSS stylesheet that works well with the page when it is opened in a...