Responsive Design with Dreamweaver CS6

Responsive Design with Dreamweaver CS6, available at $19.99, has an average rating of 3.95, with 46 lectures, based on 21 reviews, and has 150 subscribers.

You will learn about You’ll be gaining a highly valuable and sought-after set of skills for building websites that are responsive to mobile, tablet, and desktop displays. Clear, non-jargonny instruction and easy to follow lessons walk you step-by-step through the responsive design process. In a matter of hours, you’ll be feeling like an expert in one of today’s biggest web design subjects. This course is ideal for individuals who are Those looking to build a strong foundation in responsive web layouts It is particularly useful for Those looking to build a strong foundation in responsive web layouts.

Enroll now: Responsive Design with Dreamweaver CS6

Summary

Title: Responsive Design with Dreamweaver CS6

Price: $19.99

Average Rating: 3.95

Number of Lectures: 46

Number of Published Lectures: 45

Number of Curriculum Items: 46

Number of Published Curriculum Objects: 45

Original Price: $39.99

Quality Status: approved

Status: Live

What You Will Learn

You’ll be gaining a highly valuable and sought-after set of skills for building websites that are responsive to mobile, tablet, and desktop displays.
Clear, non-jargonny instruction and easy to follow lessons walk you step-by-step through the responsive design process.
In a matter of hours, you’ll be feeling like an expert in one of today’s biggest web design subjects.

Who Should Attend

Those looking to build a strong foundation in responsive web layouts

Target Audiences

Those looking to build a strong foundation in responsive web layouts

Learn how to build a website from scratch that’s responsive and flexible by using the fluid grid layout features inside Dreamweaver CS6! This 4+ hour 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 Curriculum

Chapter 1: Gettin' Warmed Up!

Lecture 1: Welcome to Responsive Design with Dreamweaver CS6

Lecture 2: Previewing the Completed Layout

Chapter 2: Let's Get Started with Fluid Grid Layouts!

Lecture 1: Dreamweaver Set Up

Lecture 2: Creating A New Fluid Grid Layout

Lecture 3: Touring Through the Layout

Lecture 4: Looking At Other Device Views

Lecture 5: Building the Fluid Grid Layout's Basic Structure

Lecture 6: Adjusting Layout Objects

Lecture 7: Touring And Understanding The External Style Sheet

Lecture 8: Building The Raw Structure For Mobile

Lecture 9: Adjusting The Structure For Tablet And Desktop

Lecture 10: Inserting Nested Divs In The Layout

Lecture 11: Previewing Your Work

Lecture 12: Adjusting The External Style Sheet

Chapter 3: Building The Mobile Device Layout!

Lecture 1: Building The Header

Lecture 2: Inserting The Logo

Lecture 3: Inserting And Formatting The Menu Items

Lecture 4: Roughing In The Slideshow

Lecture 5: Building The Positioning Statement Area

Lecture 6: Getting The New Additions Area Built

Lecture 7: Constructing The Feature Boxes

Lecture 8: Finishing Up The Feature Boxes

Lecture 9: Adjusting The Mobile Layout To Scale, Part 1

Lecture 10: Adjusting The Mobile Layout To Scale, Part 2

Lecture 11: Formatting The Footer

Lecture 12: Finishing Up The Mobile Device Layout

Chapter 4: Building Out The Tablet Device Design!

Lecture 1: Setting Up A Visual Cue For Device Previewing

Lecture 2: Adjusting The Tablet Layout's Logo

Lecture 3: Configuring Layout Objects To Inherit From The Mobile Style Sheet

Lecture 4: Adjusting The Positioning Statement And New Additions Areas

Lecture 5: Setting Up The Tablet Device's Feature Boxes, Part 1

Lecture 6: Setting Up The Tablet Device's Feature Boxes, Part 2

Lecture 7: Let's Cheat! Here's How To Fix Scaling Graphic Margin

Lecture 8: Fixing The Mobile View

Lecture 9: Finishing Touches For The Tablet Layout

Chapter 5: Building The Desktop Layout!

Lecture 1: Adjusting To Accomodate A Fixed-Width Desktop Layout

Lecture 2: Adjusting The Desktop Layout's Logo

Lecture 3: Applying Desktop-Only Formatting To The Menu

Lecture 4: Tweaking The Slideshow Positioning

Lecture 5: Fixing The Positioning Statement And Feature Boxes

Lecture 6: Final Desktop Layout Adjustments

Chapter 6: Finishing Up with Some Final Adjustments!

Lecture 1: Cleaning Up The Style Sheet

Lecture 2: Hiding Layout Content Between Devices

Chapter 7: Wrapping Up Fluid Grid Layouts

Lecture 1: Where To Go From Here

Chapter 8: Bonus Material

Lecture 1: Bonus Lecture

Instructors

Stone River eLearning
Over 1,000,000 Happy Students

Rating Distribution

1 stars: 1 votes
2 stars: 1 votes
3 stars: 1 votes
4 stars: 11 votes
5 stars: 7 votes

Frequently Asked Questions

How long do I have access to the course materials?

You can view and review the lecture materials indefinitely, like an on-demand channel.

Can I take my courses with me wherever I go?

Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!

Menu