Autoplay
Autocomplete
Previous Lesson
Complete and Continue
Responsive Design with Dreamweaver CS6
1.Gettin' Warmed Up!
Welcome to Responsive Design with Dreamweaver CS6 (1:35)
Previewing the Completed Layout (2:24)
2.Let's Get Started with Fluid Grid Layouts!
Dreamweaver Set Up (4:14)
Creating A New Fluid Grid Layout (6:14)
Touring Through the Layout (6:19)
Looking At Other Device Views (6:09)
Building the Fluid Grid Layout's Basic Structure (7:18)
Adjusting Layout Objects (10:42)
Touring And Understanding The External Style Sheet (10:29)
Building The Raw Structure For Mobile (6:18)
Adjusting The Structure For Tablet And Desktop (8:15)
Inserting Nested Divs In The Layout (3:06)
Previewing Your Work (7:30)
Adjusting The External Style Sheet (4:44)
3.Building The Mobile Device Layout!
Building The Header (4:01)
Inserting The Logo (9:49)
Inserting And Formatting The Menu Items (7:25)
Roughing In The Slideshow (2:01)
Building The Positioning Statement Area (8:08)
Getting The New Additions Area Built (9:42)
Constructing The Feature Boxes (14:31)
Finishing Up The Feature Boxes (3:59)
Adjusting The Mobile Layout To Scale, Part 1 (5:31)
Adjusting The Mobile Layout To Scale, Part 2 (6:59)
Formatting The Footer (6:15)
Finishing Up The Mobile Device Layout (6:28)
4.Building Out The Tablet Device Design!
Setting Up A Visual Cue For Device Previewing (6:17)
Adjusting The Tablet Layout's Logo (5:11)
Configuring Layout Objects To Inherit From The Mobile Style Sheet (3:16)
Adjusting The Positioning Statement And New Additions Areas (3:51)
Setting Up The Tablet Device's Feature Boxes, Part 1 (5:31)
Setting Up The Tablet Device's Feature Boxes, Part 2 (7:58)
Let's Cheat! Here's How To Fix Scaling Graphic Margin (4:03)
Fixing The Mobile View (5:47)
Finishing Touches For The Tablet Layout (3:41)
5.Building The Desktop Layout!
Adjusting To Accomodate A Fixed-Width Desktop Layout (3:44)
Adjusting The Desktop Layout's Logo (1:54)
Tweaking The Slideshow Positioning (0:55)
Applying Desktop-Only Formatting To The Menu (3:21)
Fixing The Positioning Statement And Feature Boxes (8:01)
Final Desktop Layout Adjustments (2:51)
6.Finishing Up with Some Final Adjustments!
Cleaning Up The Style Sheet (4:54)
Hiding Layout Content Between Devices (5:15)
7.Wrapping Up Fluid Grid Layouts
Where To Go From Here (0:28)
Configuring Layout Objects To Inherit From The Mobile Style Sheet
Lesson content locked
If you're already enrolled,
you'll need to login
.
Enroll in Course to Unlock