Responsive Web Design

Explore how to design websites to provide an optimal online experience, with easy reading and navigation.

course image

Course details

ceus icon CEUs 1.8

schedule icon Schedule Evenings

location icon Location North Campus, Online, Hybrid

cost icon Cost

$649

payment plan

Registration details

Responsive Web Design

Explore how to design websites to provide an optimal online experience, with easy reading and navigation.

What you’ll be able to do — competencies

  • Craft websites that provide an optimal viewing experience — easy reading and navigation with a minimum of resizing, panning and scrolling — across a wide range of devices (from desktop computer monitors to mobile phones) 
  • Create layouts on a flexible grid, as well as responsive navigation, adaptive images and media queries 

Course description

expand drawer icon collaspe drawer icon

Skilled web designers are adept at crafting sites to provide an optimal online experience — easy reading and navigation with a minimum of resizing, panning and scrolling — across a wide range of devices (from desktop computer monitors to mobile phones). Course topics include creating layouts on a flexible grid, plus responsive navigation, adaptive images and media queries. 

Prerequisites

expand drawer icon collaspe drawer icon
  • HTML and CSS: Level 2 or equivalent knowledge  

Syllabus

expand drawer icon collaspe drawer icon

Lesson 1

  • What is your process when starting a website project? 

Lesson 2

  • A quick review 
  • Behavior, positioning, floats, etc. 
  • CSS Declarations 
  • Organizing your files 

Lesson 3 

  • Flexible layout grids 

Lesson 4 

  • Basic HTML page layout using a flexible 940 grid 

Lesson 5 

  • Using media queries and “device agnostic” breakpoints 

Lesson 6 

  • Making your images scale responsively 

Lesson 7 

  • Bulletproof responsive navigation 

Lesson 8 

  • Mobile navigation for small screens 

Next available start dates

We aren’t currently offering this course, but we do update our course offerings on a regular basis. Please check back or browse our catalog for more courses that may be available now.

Want more information about Technology programs at Tombolo?

Interested in custom learning solutions for your team?

Tombolo Institute Corporate Solutions offers tailor-made professional development programs to meet your organization’s goals.

Get started