Responsive Web Design

1 Day

Description

In this Responsive Web Design course you’ll learn how to improve your web designs so that they respond to various screen sizes, devices and form factors, providing the best possible user experience. Learn best practices to efficiently maximize responsive design, and understand how to address possible user experience trade-offs that may arise. You will also understand how responsive web design incorporates CSS3, media queries, @ fluidgrid, along with using flexible images, and flexible videos to adapt to viewing devices, user agents, devices, and environments. 

What you’ll learn in this training course 

  • Foundations of Responsive Design
  • User Experience Challenges of a Responsive Design 
  • Creating the Basic Structure of a Responsive Design 
  • Using HTML5 for Structure 
  • Styling with Web Fonts 
  • Styling Text with Ems 
  • Defining the Basic Text Styles 
  • Styling a Layout for a Responsive Layout 
  • Working with the CSS3 Text-Shadow Property 
  • Working with CSS3 Selectors 
  • Adding Responsive Images
  • Navigation for a Responsive Design
  • An Overview of Mobile Navigation 
  • Introduction to Media Queries 
  • Adding a Toggle Menu (Part 1)
  • Media Queries and Responsive Layout 
  • Adding Styles for a Desktop Layout
  • Optimizing your Responsive Design
  • Adding Mobile and Older Browser Support 
  • Testing your Responsive Design 
  • Improving Page Performance

Audience for this training course

This course is designed for web design and development professionals.

Upcoming Classes

Virtual Classroom Live
October 06, 2017

$495.00
1 Day    10:00am EST - 5:00pm EST
view class details and enroll
Private Training Available
No date scheduled, don’t see a date that works for you or looking for a private training event, please call 651-905-3729 or submit a request for further information here.
request a private session or new date

Course Overview

  • Responsive Web Design Overview
    • Foundations of Responsive Design
    • Defining Responsive Web Design
    • The User Experience Challenges of a Responsive Design
  • Creating the Basic Structure of a Responsive Web Design
    • Using HTML5 for Structure
    • Styling with Web Fonts
    • Styling Text with Ems
    • Defining the Basic Text Styles
    • Styling a Single-Column Layout for a Responsive Layout
    • Working with the CSS3 Text-Shadow Property
    • Working with CSS3 Selectors
    • Adding Responsive Images
  • Navigation for a Responsive Design
    • An Overview of Mobile Navigation
    • Introduction to Media Queries
    • Adding a Toggle Menu (Part 1)
  • Media Queries and Responsive Layout
    • Adding Styles for a Desktop Layout
  • Optimizing your Responsive Design
    • Adding Mobile and Older Browser Support
    • Testing your Responsive Design
    • Improving Page Performance

Upcoming Classes

Virtual Classroom Live
October 06, 2017

$495.00
1 Day    10:00am EST - 5:00pm EST
view class details and enroll
Private Training Available
No date scheduled, don’t see a date that works for you or looking for a private training event, please call 651-905-3729 or submit a request for further information here.
request a private session or new date

Prerequisites

A foundational knowledge of HTML and CSS is required before enrolling in this course

Upcoming Classes

Virtual Classroom Live
October 06, 2017

$495.00
1 Day    10:00am EST - 5:00pm EST
view class details and enroll
Private Training Available
No date scheduled, don’t see a date that works for you or looking for a private training event, please call 651-905-3729 or submit a request for further information here.
request a private session or new date