
The HTML you are going to be creating is HTML5. The columns are just visual and won’t appear when the site is viewed out there in the wild.

There are also a set number of columns for each device that you can edit-it’s your call. Each device has a set width, in percent (%), that you can edit if you like. In the New Document dialog box, select the Fluid Grid Layout category on the left.ĭreamweaver, like lots of templates and boilerplates that are starting points for responsive design, break down the number of devices to three: phone, tablet, and desktop. With the site created, you can create your first responsive site file. To begin with, you probably want to create a site file (Site > New Site or other methods).

So let’s jump into creating a responsive layout in Dreamweaver CC using fluid grid layouts.

Figure 1 Fluid grid layouts in Dreamweaver CC Start with Fluid Grid Layouts in Dreamweaver CC
