Autoplay
Autocomplete
Previous Lesson
Complete and Continue
Responsive Design with Dreamweaver CS6
1.Gettin' Warmed Up!
Welcome to Responsive Design with Dreamweaver CS6
Previewing the Completed Layout
2.Let's Get Started with Fluid Grid Layouts!
Dreamweaver Set Up
Creating A New Fluid Grid Layout
Touring Through the Layout
Looking At Other Device Views
Building the Fluid Grid Layout's Basic Structure
Adjusting Layout Objects
Touring And Understanding The External Style Sheet
Building The Raw Structure For Mobile
Adjusting The Structure For Tablet And Desktop
Inserting Nested Divs In The Layout
Previewing Your Work
Adjusting The External Style Sheet
3.Building The Mobile Device Layout!
Building The Header
Inserting The Logo
Inserting And Formatting The Menu Items
Roughing In The Slideshow
Building The Positioning Statement Area
Getting The New Additions Area Built
Constructing The Feature Boxes
Finishing Up The Feature Boxes
Adjusting The Mobile Layout To Scale, Part 1
Adjusting The Mobile Layout To Scale, Part 2
Formatting The Footer
Finishing Up The Mobile Device Layout
4.Building Out The Tablet Device Design!
Setting Up A Visual Cue For Device Previewing
Adjusting The Tablet Layout's Logo
Configuring Layout Objects To Inherit From The Mobile Style Sheet
Adjusting The Positioning Statement And New Additions Areas
Setting Up The Tablet Device's Feature Boxes, Part 1
Setting Up The Tablet Device's Feature Boxes, Part 2
Let's Cheat! Here's How To Fix Scaling Graphic Margin
Fixing The Mobile View
Finishing Touches For The Tablet Layout
5.Building The Desktop Layout!
Adjusting To Accomodate A Fixed-Width Desktop Layout
Adjusting The Desktop Layout's Logo
Tweaking The Slideshow Positioning
Applying Desktop-Only Formatting To The Menu
Fixing The Positioning Statement And Feature Boxes
Final Desktop Layout Adjustments
6.Finishing Up with Some Final Adjustments!
Cleaning Up The Style Sheet
Hiding Layout Content Between Devices
7.Wrapping Up Fluid Grid Layouts
Where To Go From Here
Previewing Your Work
Lesson content locked
If you're already enrolled,
you'll need to login
.
Enroll in Course to Unlock