logo-dw

by Ove Klykken, domedia

Originally from Norway, Ove has been spellbound by the webs since 1993. He has worked professionaly in the web industry since 2000. You can find him at oveklykken.com.

Dreamweaver and Responsive Web Design

If you have maintained a site in Dreamweaver for some years, you've heard that things have changed a little. Not only do people access the web through different devices now (mobile, tablet), but a new de-facto standard on how to approach making web pages have emerged as a result of this.

Responsive Design has emerged as the solution to make sure your site adjusts to all these devices.

Responsive Web Design?

The term was coined in a 2010 article written by Ethan Marcotte for A List Apart.

This article seeks to get you going in the right direction if you are new to this. A couple of requiremens are needed in order for you to to start this:
  1. You can no longer use TABLES for design. You've probably heard this forever now; your markup needs to be standard for Responsive Design.
  2. The magic trick to get your site to use Responsive Design is Media Queries. This can be tricky to write on your own, so most people use a framework already written. Dreamweaver CC comes shipped with Bootstrap, on of the most popular CSS frameworks.
  3. You also need a current version of Dreamweaver. If you are still using an old version, this is the time to update.
  4. If you ahve used Dreamweaver in Design Mode to create your table-based site, then you're also going to have to learn some new stuff. Be patient and set aside plenty of time.

Videos from Adobe Support

Adobe has made a few video resources available:

From Lynda.com

If you are a Lynda subscriber, or thinking about becokming one, the site has a very comprehensive series about creating sites based on Responsive Web Design.