Responsive Web Design
Explore how to design websites to provide an optimal online experience, with easy reading and navigation.
CEUs 
Schedule 
Location 
CostResponsive 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
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
- HTML and CSS: Level 2 or equivalent knowledge
Syllabus
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.
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