Responsive Design with Dreamweaver CS6
4.3 (9 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
88 students enrolled
Wishlisted Wishlist

Please confirm that you want to add Responsive Design with Dreamweaver CS6 to your Wishlist.

Add to Wishlist

Responsive Design with Dreamweaver CS6

Gain clarity and serious responsive design skills!
4.3 (9 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
88 students enrolled
Last updated 2/2017
English
Current price: $10 Original price: $50 Discount: 80% off
1 day left at this price!
30-Day Money-Back Guarantee
Includes:
  • 4 hours on-demand video
  • 3 Articles
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I 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.
View Curriculum
Requirements
  • Basic computer skills
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 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.

Who is the target audience?
  • Those looking to build a strong foundation in responsive web layouts
Students Who Viewed This Course Also Viewed
Curriculum For This Course
Expand All 47 Lectures Collapse All 47 Lectures 04:10:50
+
Let's Get Started with Fluid Grid Layouts!
12 Lectures 01:21:27






Touring And Understanding The External Style Sheet
10:28

Building The Raw Structure For Mobile
06:18

Adjusting The Structure For Tablet And Desktop
08:15

Inserting Nested Divs In The Layout
03:06

Previewing Your Work
07:30

Adjusting The External Style Sheet
04:44
+
Building The Mobile Device Layout!
12 Lectures 01:25:32
Building The Header
04:11

Inserting The Logo
09:49

Inserting And Formatting The Menu Items
07:25

Roughing In The Slideshow
02:01

Building The Positioning Statement Area
08:08

Getting The New Additions Area Built
09:42

Constructing The Feature Boxes
15:05

Finishing Up The Feature Boxes
03:59

Adjusting The Mobile Layout To Scale, Part 1
05:31

Adjusting The Mobile Layout To Scale, Part 2
06:59

Formatting The Footer
06:15

Finishing Up The Mobile Device Layout
06:27
+
Building Out The Tablet Device Design!
9 Lectures 45:44
Setting Up A Visual Cue For Device Previewing
06:27

Adjusting The Tablet Layout's Logo
05:11

Configuring Layout Objects To Inherit From The Mobile Style Sheet
03:15

Adjusting The Positioning Statement And New Additions Areas
03:51

Setting Up The Tablet Device's Feature Boxes, Part 1
05:31

Setting Up The Tablet Device's Feature Boxes, Part 2
07:58

Let's Cheat! Here's How To Fix Scaling Graphic Margin
04:03

Fixing The Mobile View
05:47

Finishing Touches For The Tablet Layout
03:41
+
Building The Desktop Layout!
6 Lectures 20:56
Adjusting To Accomodate A Fixed-Width Desktop Layout
03:54

Adjusting The Desktop Layout's Logo
01:54

Applying Desktop-Only Formatting To The Menu
03:21

Tweaking The Slideshow Positioning
00:55

Fixing The Positioning Statement And Feature Boxes
08:01

Final Desktop Layout Adjustments
02:51
+
Finishing Up with Some Final Adjustments!
2 Lectures 10:09
Cleaning Up The Style Sheet
04:54

Hiding Layout Content Between Devices
05:15
+
Wrapping Up Fluid Grid Layouts
2 Lectures 01:54
Where To Go From Here
01:32

Request a Course
00:22
+
Bonus Material
2 Lectures 01:17
Bonus Lecture: Certificate of Completion
01:03

Bonus Lecture: Course Discounts
00:14
About the Instructor
Stone River eLearning
4.3 Average rating
12,809 Reviews
239,865 Students
187 Courses
230,000+ Happy Udemy Students

At Stone River eLearning, technology is all we teach. If you're interested in programming, development or design - we have it covered. 

Check out our huge catalog of courses and join the over 370,000 students currently taking Stone River eLearning courses. We currently offer 100+ different technology training courses on our Stone River eLearning website and are adding new courses on hot and trending topics every month. A subscription option is available for those with a real passion for learning.