Make sure you’ve created a Dreamweaver site and that the first page of the site is open in Dreamweaver CS5.5. It could be simple or complex, that doesn’t matter. With Dreamweaver open, you need to already have a site that is based on HTML (or XHTML) and CSS. Preview Your Pages in Multiscreen Preview
Preview and edit the CSS for your pages in different screen resolutions.Set up media queries for different devices.Preview your pages in Multiscreen Preview.Here’s a list of topics we’ll cover in this article: So let’s get started testing and editing our web design. Dreamweaver will set up media queries for you, as you’ll soon see, but it is your job to edit the formatting of the pages to make them look different (and better) in each device resolution, so CSS knowledge is a must. In this article, I step you through the generic process for taking an existing website that was designed and created to be viewed on screen (monitor, laptop, etc.), and editing the design for a range of devices. Figure 1 Style your pages for different devices and preview in Dreamweaver CS5.5.