Table of Contents

1. Gettin' Warmed Up!
   • Welcome to Responsive Design with Dreamweaver CS6 00:01:34
   • Previewing the Completed Layout 00:02:24
2. Chapter 2: Let's Get Started with Fluid Grid Layouts!
   • Dreamweaver Set Up 00:04:24
   • Creating A New Fluid Grid Layout 00:06:14
   • Touring Through the Layout 00:06:19
   • Looking At Other Device Views 00:06:09
   • Building the Fluid Grid Layout's Basic Structure 00:07:18
   • Adjusting Layout Objects 00:10:42
   • Touring And Understanding The External Style Sheet 00:10:29
   • Building The Raw Structure For Mobile 00:06:18
   • Adjusting The Structure For Tablet And Desktop 00:08:15
   • Inserting Nested Divs In The Layout 00:03:06
   • Previewing Your Work 00:07:31
   • Adjusting The External Style Sheet 00:04:45
3. Chapter 3: Building The Mobile Device Layout!
   • Building The Header 00:04:12
   • Inserting The Logo 00:09:49
   • Inserting And Formatting The Menu Items 00:07:26
   • Roughing In The Slideshow 00:02:01
   • Building The Positioning Statement Area 00:08:09
   • Getting The New Additions Area Built 00:09:42
   • Constructing The Feature Boxes 00:15:05
   • Finishing Up The Feature Boxes 00:04:00
   • Adjusting The Mobile Layout To Scale, Part 1 00:05:32
   • Adjusting The Mobile Layout To Scale, Part 2 00:07:00
   • Formatting The Footer 00:06:15
   • Finishing Up The Mobile Device Layout 00:06:28
4. Chapter 4: Building Out The Tablet Device Design!
   • Setting Up A Visual Cue For Device Previewing 00:06:27
   • Adjusting The Tablet Layout's Logo 00:05:11
   • Configuring Layout Objects To Inherit From The Mobile Style Sheet 00:03:16
   • Adjusting The Positioning Statement And New Additions Areas 00:03:51
   • Setting Up The Tablet Device's Feature Boxes, Part 1 00:05:32
   • Setting Up The Tablet Device's Feature Boxes, Part 2 00:07:58
   • Let's Cheat! Here's How To Fix Scaling Graphic Margin 00:04:03
   • Fixing The Mobile View 00:05:47
   • Finishing Touches For The Tablet Layout 00:03:42
5. Chapter 5: Building The Desktop Layout!
   • Adjusting To Accomodate A Fixed-Width Desktop Layout 00:03:54
   • Adjusting The Desktop Layout's Logo 00:01:54
   • Applying Desktop-Only Formatting To The Menu 00:03:21
   • Tweaking The Slideshow Positioning 00:00:55
   • Fixing The Positioning Statement And Feature Boxes 00:08:01
   • Final Desktop Layout Adjustments 00:02:51
6. Chapter 6: Finishing Up with Some Final Adjustments!
   • Cleaning Up The Style Sheet 00:04:54
   • Hiding Layout Content Between Devices 00:05:16
7. Wrapping Up Fluid Grid Layouts
   • Where To Go From Here 00:01:32