Dreamweaver 310 – Adobe Dreamweaver Mobile & Responsive Web Design

Class Description
In this hands 2-day class Participants will be taken step-by-step through a variety of exercises that teach Participants Mobile & Responsive Web Design. Participants will start by learning important issues for mobile-optimized websites. Then Participants will work on a responsive site that will adapt to a device’s screen size. Learn to optimize pages for faster download on mobile devices by using CSS3 instead of graphics, how to deal with Retina displays, CSS media queries (break points), new HTML5 form elements and more. Please note, these exercises are done in pure code, without Dreamweaver.

Course Benefits

  • Optimizing the Scrolling for iOS Touch Devices
  • Making CSS Background Gradients Fill the Page
  • Setting Up “Mobile First” Media Queries
  • Styling the Logo & Nav for Various Sizes/Devices
  • Styling the Upcoming Shows for Various Sizes/Devices
  • Using the Bootstrap Grid System

Suggested Prerequisites
Knowledge of your operating system and basic computer navigation is required for all classes. Familiarity with HTML, the concepts of semantic markup is highly suggested.  You should also have had exposure to JavaScript and be familiar with the terms DOM and API.

Course Outline

  • Learning the basics
  • Styling a Mobile – Friendly Nav
  • Mobile First
  • Jive Factory: Adding the Background
  • Jive Factory: More Responsive Issues
  • Jive Factory: Respond.js Polyfill for IE

Related Classes

Our goal is to make sure your class meets your objectives, not ours. Therefore, all of our outlines are treated as guides to help steer the workshop. This outline does not guarantee that all the topics listed will be covered in the time allowed. The amount of material covered is based on the skill level of the student audience. We may change or alter course topics to best suit the classroom situation.