Responsive Design with Dreamweaver CS6

An easy to follow guide for building responsive, mobile-ready layouts in Dreamweaver!

This course includes…

  • Unlimited lifetime access
  • Downloadable project files
  • 30 day money-back guarantee

Start right now!


Enroll in this course
  • Project files included!
  • No recurring monthly fees!
  • Unlimited lifetime access!

How does it work?

“This is my second course with Geoff exploring Dreamweaver CS6. The course was easy to follow and understand and Geoff, as usual, makes learning as entertaining as possible! I especially like the little tips Geoff gives for navigating CSS that I likely wouldn’t have picked up on my own, making moving through Dreamweaver easier and quicker. Thanks Geoff!”


Learn to build clean functional responsive layouts!

Use Dreamweaver’s built-in tools and commands to quickly build layouts that function on a variety of devices!

Determine how layout elements respond!

Decide how you’d like layout components and objects to behave when they’re viewed on different devices!

Control element visibility!

Determine how elements should display, render, or otherwise respond when viewed on a variety of devices!

Free course included!

Enrollment includes Foundations In Web Design, a free bonus course, at no extra cost!

  • Worksheets
  • Hands-on lessons
  • Other extras and goodies!

Let’s make sure this is a good fit

Before going further, let’s make sure you’re in the right spot. The info below will help…

Who is this course for?

Those wanting a solid understanding of web design, including…

  • People who don’t know where to start, who just want simple answers.
  • People who want to become full or part-time web designers.
  • Print designers who want to expand their skills into web design.
  • Employees who want to add to their skills, advance their careers, and become more marketable.
  • Small business owners who want complete control over their website.
  • Those who’ve been out of web design for a while, who feel out of touch, but who want to get back into the swing of things.
  • Artists, writers, photographers, and other creative-types wanting to build a site to showcase their work.
  • Those wanting to save the cost and headache of hiring an expensive web designer.
  • Non-profits, churches, and fundraising organizations.
  • Those who are retired, who want to supplement their income and help their community.
  • People with ideas for side-projects, small businesses, and creative online ventures.
  • Hobbyists and those interested in doing web design on the side.

Sound like a good fit? Then let’s get started! If not, then let’s find the right course for you.

Course description

Learn how to build a website from scratch that’s responsive and flexible by using the fluid grid layout features inside Dreamweaver CS6! This hands-on course, hosted by award-winning software trainer and designer Geoff Blake, will take you step by step through the creation of three different layouts in one HTML document for each type of device used to view the website: mobile, tablet and desktop. First, Geoff will very briefly run you through the basics, getting you comfortable in the Dreamweaver interface. Then, it’s on to building the mobile device network from the ground up by using basic building blocks to insert the logo, header, menu, graphics, text, footer and more! You’ll learn how to adjust the mobile layout to scale, tweaking the design for tablet and desktop devices with the end result being a website that scales depending on whether you’re viewing the mobile, tablet or desktop view.

Course prerequisites

It’s a good idea to be familiar with the following before enrolling in this course:

  • General computer skills (comfortable copying and pasting, navigating through folders…the basics).
  • Comfortable using a web browser, navigating web pages, etc.
  • A working copy of Dreamweaver CS6 or above (the free trial version is fine).
  • A familiarity with Dreamweaver (my Building Websites With Dreamweaver CS6 course or equivalent) is very helpful.

Sound like a good fit? Then let’s get started! If not, then let’s find the right course for you.

“Champagne videos! After trawling the web looking for many answers, your videos have answered them all and more! Thanks heaps for this knowledge as it’s saved so much time. They’re simply the best tutorials on the matter. Cheers!”


Let a friend show you how

Hey, I’m Geoff. I help graphic designers, small business owners, and creative people just like you learn about web design, develop valuable, in-demand skills, launch online businesses and creative projects…and yeah, make more money! Learn more about me here.

Learning how to build websites is no different than figuring out perspective drawing, how to weave literary prose, or how to combine chords to make beautiful music. It’s like cooking or woodworking or learning how to fix your car…But for whatever reason, web design’s made out to be highly technical and overly complicated. Let’s change that.

Whatcha waitin’ for?!

Start right now!


Enroll in this course
  • Project files included!
  • No recurring monthly fees!
  • Unlimited lifetime access!

How does it work?

What others are saying

People just like you are building dream web projects every day. A few would love to tell you how Ten Ton helped them get there.

“With Geoff’s excellent training, I graduated at the top of my 3-year college program in just 2 years.”

Ian’s story

“I fired my web designer and saved tons of money, thanks to Geoff’s videos.”

Bridgette’s story

“It’s because of Geoff that I can now call myself a web designer and can get paid for it.”

Patrick’s story

Start right now!


Enroll in this course
  • Project files included!
  • No recurring monthly fees!
  • Unlimited lifetime access!

How does it work?

Course outline

Here’s a complete outline of all of the topics covered in this course

Gettin’ Warmed Up!

  1. Welcome to Responsive Design with Dreamweaver CS6 (Free Lesson!)
  2. Previewing the Completed Layout (Free Lesson!)

Chapter 1: Let’s Get Started with Fluid Grid Layouts!

  1. Dreamweaver Set Up (Free Lesson!)
  2. Creating A New Fluid Grid Layout (Free Lesson!)
  3. Touring Through the Layout (Free Lesson!)
  4. Looking At Other Device Views (Free Lesson!)
  5. Building the Fluid Grid Layout's Basic Structure
  6. Adjusting Layout Objects
  7. Touring And Understanding The External Style Sheet
  8. Building The Raw Structure For Mobile
  9. Adjusting The Structure For Tablet And Desktop
  10. Inserting Nested Divs In The Layout
  11. Previewing Your Work
  12. Adjusting The External Style Sheet

Chapter 2: Building The Mobile Device Layout!

  1. Building The Header
  2. Inserting The Logo
  3. Inserting And Formatting The Menu Items
  4. Roughing In The Slideshow
  5. Building The Positioning Statement Area
  6. Getting The New Additions Area Built
  7. Constructing The Feature Boxes
  8. Finishing Up The Feature Boxes
  9. Adjusting The Mobile Layout To Scale, Part 1
  10. Adjusting The Mobile Layout To Scale, Part 2
  11. Formatting The Footer
  12. Finishing Up The Mobile Device Layout

Chapter 3: Building Out The Tablet Device Design!

  1. Setting Up A Visual Cue For Device Previewing
  2. Adjusting The Tablet Layout's Logo
  3. Configuring Layout Objects To Inherit From The Mobile Style Sheet
  4. Adjusting The Positioning Statement And New Additions Areas
  5. Setting Up The Tablet Device's Feature Boxes, Part 1
  6. Setting Up The Tablet Device's Feature Boxes, Part 2
  7. Let's Cheat! Here's How To Fix Scaling Graphic Margin
  8. Fixing The Mobile View
  9. Finishing Touches For The Tablet Layout

Chapter 4: Building The Desktop Layout!

  1. Adjusting To Accomodate A Fixed-Width Desktop Layout
  2. Adjusting The Desktop Layout's Logo
  3. Applying Desktop-Only Formatting To The Menu
  4. Tweaking The Slideshow Positioning
  5. Fixing The Positioning Statement And Feature Boxes
  6. Final Desktop Layout Adjustments

Chapter 5: Finishing Up with Some Final Adjustments!

  1. Cleaning Up The Style Sheet
  2. Hiding Layout Content Between Devices

Wrapping Up Fluid Grid Layouts

  1. Where To Go From Here

Frequently Asked Questions

Got questions? We’ve got answers!

What is Ten Ton?

Hey, I’m Geoff, an award-winning teacher, artist, and designer. Ten Ton Online is my premium online training platform to help graphic designers, small business owners, hobbyists, and other creative rabble-rousers learn about web design. If you want to discover how to build beautiful looking websites, how you can develop valuable, in-demand skills, or how to launch and market online businesses and creative projects, you’re in the right spot! You can view the full list of courses here.

Can I sign up any time?

Yes. All courses are completely self-paced. This means you can enroll now, and start your course whenever you like.

How do I watch the videos?

After enrolling, you’ll be able to stream your course lessons on the web, to your computer, tablet, or smartphone.

Can I download the video lessons?

To best serve the community, lessons are provided as streaming video only. This is because courses are sometimes updated to provide users with the latest information and content.

How long will I have access to my courses?

All courses come with unlimited, lifetime access. This means you can access your course as often as you’d like, without any limitations.

Are there recurring monthly costs?

Nope. There’s just a single one-time enrollment fee for your course.

Are courses self-paced or scheduled?

Courses are completely self-paced, allowing you to work through lessons at your own speed. You can skip ahead or go back, and otherwise move through your courses as quickly or slowly as you’d like. You can find out more about how it all works right here.

Are project files included?

You bet! Courses come with downloadable project files, allowing you to get the most out of your learning experience. You’re encouraged to follow along, step-by-step, so you can gain real-world, hands-on skills.

What is your refund policy?

All courses come with a 30-day money back guarantee. If you’re not satisfied with your course within 30 days of purchase, let us know. We’re here to help.

Where should I start?

Start with my free Foundations In Web Design course. It’ll give you a solid foundation in web design, and help you determine which direction you should head in based on your interests and goals.

I have more questions, how can I contact you?

You can contact me right here.

Start right now!


Enroll in this course
  • Project files included!
  • No recurring monthly fees!
  • Unlimited lifetime access!

How does it work?

“All I can say is that you, sir, are awesome! To put it simply, you’re insanely helpful and you keep it interesting! I’m definitely going to keep my eyes out for your future courses! Keep it up!”


Welcome to Responsive Design with Dreamweaver CS6 (Free Lesson!)

Previewing the Completed Layout (Free Lesson!)

Dreamweaver Set Up (Free Lesson!)

Creating A New Fluid Grid Layout (Free Lesson!)

Touring Through the Layout (Free Lesson!)

Looking At Other Device Views (Free Lesson!)