I’ve been thinking of writing about using the Dreamweaver CS 5.5 interface to create media queries lately. Dreamweaver’s system works, but it isn’t easy to figure out and doesn’t match up with what you read in articles by Ethan Marcotte and other responsive design gurus. The interface doesn’t explain itself well, and offers very little intuitive understanding of what you are trying to do.
I wanted to rework my home page at vdebolt.com using Dreamweaver’s media query tools so I’d be sure I knew what I was doing before I started teaching Dreamweaver students how to use Dreamweaver to create a responsive design. My site is small and very simple–a perfect size for a brief class demo. It seemed a sensible idea to record my steps as I went through the process in Dreamweaver.
I quickly realized there was way too much information there to make it into a blog post. I ended up with 25 pages of text and images. An e-book seemed the perfect solution. I’m happy to announce the new e-book, available now: How to Create a Responsive Web Site Using Dreamweaver CS 5.5.
In the e-book, I start with a built-in Dreamweaver layout, adapt it so it will work with media queries, and then walk through the Dreamweaver WYSIWYG tools for adding media queries to make the layout responsive to various devices. I also talk about making images responsive in Dreamweaver.
The e-book costs $4.99. Order Here.