Udemy
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
Development
Web Development Data Science Mobile Development Programming Languages Game Development Database Design & Development Software Testing Software Engineering Development Tools No-Code Development
Business
Entrepreneurship Communications Management Sales Business Strategy Operations Project Management Business Law Business Analytics & Intelligence Human Resources Industry E-Commerce Media Real Estate Other Business
Finance & Accounting
Accounting & Bookkeeping Compliance Cryptocurrency & Blockchain Economics Finance Finance Cert & Exam Prep Financial Modeling & Analysis Investing & Trading Money Management Tools Taxes Other Finance & Accounting
IT & Software
IT Certification Network & Security Hardware Operating Systems Other IT & Software
Office Productivity
Microsoft Apple Google SAP Oracle Other Office Productivity
Personal Development
Personal Transformation Personal Productivity Leadership Career Development Parenting & Relationships Happiness Esoteric Practices Religion & Spirituality Personal Brand Building Creativity Influence Self Esteem & Confidence Stress Management Memory & Study Skills Motivation Other Personal Development
Design
Web Design Graphic Design & Illustration Design Tools User Experience Design Game Design Design Thinking 3D & Animation Fashion Design Architectural Design Interior Design Other Design
Marketing
Digital Marketing Search Engine Optimization Social Media Marketing Branding Marketing Fundamentals Marketing Analytics & Automation Public Relations Advertising Video & Mobile Marketing Content Marketing Growth Hacking Affiliate Marketing Product Marketing Other Marketing
Lifestyle
Arts & Crafts Beauty & Makeup Esoteric Practices Food & Beverage Gaming Home Improvement Pet Care & Training Travel Other Lifestyle
Photography & Video
Digital Photography Photography Portrait Photography Photography Tools Commercial Photography Video Design Other Photography & Video
Health & Fitness
Fitness General Health Sports Nutrition Yoga Mental Health Dieting Self Defense Safety & First Aid Dance Meditation Other Health & Fitness
Music
Instruments Music Production Music Fundamentals Vocal Music Techniques Music Software Other Music
Teaching & Academics
Engineering Humanities Math Science Online Education Social Science Language Teacher Training Test Prep Other Teaching & Academics
AWS Certification Microsoft Certification AWS Certified Solutions Architect - Associate AWS Certified Cloud Practitioner CompTIA A+ Cisco CCNA Amazon AWS CompTIA Security+ AWS Certified Developer - Associate
Graphic Design Photoshop Adobe Illustrator Drawing Digital Painting InDesign Character Design Canva Figure Drawing
Life Coach Training Neuro-Linguistic Programming Personal Development Mindfulness Meditation Personal Transformation Life Purpose Emotional Intelligence Neuroscience
Web Development JavaScript React CSS Angular PHP WordPress Node.Js Python
Google Flutter Android Development iOS Development Swift React Native Dart Programming Language Mobile Development Kotlin SwiftUI
Digital Marketing Google Ads (Adwords) Social Media Marketing Google Ads (AdWords) Certification Marketing Strategy Internet Marketing YouTube Marketing Email Marketing Google Analytics
SQL Microsoft Power BI Tableau Business Analysis Business Intelligence MySQL Data Modeling Data Analysis Big Data
Business Fundamentals Entrepreneurship Fundamentals Business Strategy Online Business Business Plan Startup Blogging Freelancing Home Business
Unity Game Development Fundamentals Unreal Engine C# 3D Game Development C++ 2D Game Development Unreal Engine Blueprints Blender
30-Day Money-Back Guarantee
Design Design Tools Dreamweaver

Responsive Design with Dreamweaver CS6

Gain clarity and serious responsive design skills!
Rating: 4.3 out of 54.3 (20 ratings)
143 students
Created by Stone River eLearning
Last updated 8/2020
English
English [Auto]
30-Day Money-Back Guarantee

What you'll 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.

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 this course is for:

  • Those looking to build a strong foundation in responsive web layouts

Course content

8 sections • 46 lectures • 4h 9m total length

  • Preview01:34
  • Preview02:24

  • Preview04:24
  • Preview06:14
  • Preview06:19
  • Preview06:09
  • Preview07:18
  • Preview10:42
  • 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 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

  • 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

  • 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

  • Cleaning Up The Style Sheet
    04:54
  • Hiding Layout Content Between Devices
    05:15

  • Where To Go From Here
    01:32
  • Request a Course
    00:20

  • Bonus Lecture: Course Discounts
    00:13

Instructor

Stone River eLearning
500,000+ Happy Udemy Students
Stone River eLearning
  • 4.2 Instructor Rating
  • 52,723 Reviews
  • 668,041 Students
  • 307 Courses

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

Check out our huge catalog of courses and join the over 1,200,000+ students currently taking Stone River eLearning courses. We currently offer 800+ 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.

  • Udemy for Business
  • Teach on Udemy
  • Get the app
  • About us
  • Contact us
  • Careers
  • Blog
  • Help and Support
  • Affiliate
  • Impressum Kontakt
  • Terms
  • Privacy policy
  • Cookie settings
  • Sitemap
  • Featured courses
Udemy
© 2021 Udemy, Inc.