HTML & CSS to Responsive Web Design: A Comprehensive Course

This intensive 5-day course provides everything you need to master responsive web design and development, starting with a broad overview of HTML and a deep dive into CSS, then concluding with hands-on training in Bootstrap, the most widely-used responsive framework.

Overview

Responsive web design is a method for designing and developing websites to provide optimal viewing experiences (in terms of reading, navigation, and layout) across a wide range of traditional and mobile devices.

This comprehensive 5-day course takes students from coding basic web pages with HTML and CSS to building responsive websites using Bootstrap, the most widely-used responsive framework.

Through lectures and hands-on exercises, students gain the expertise to confidently use HTML, CSS, and Bootstrap to create dynamic web pages and sites that are easy to view and navigate on a variety of devices.

Objectives

  • Dive deep into HTML5 and CSS
  • Learn to develop web pages the correct way using semantic HTML5 elements for structure and CSS for formatting and page layout
  • Understand some of the most important concepts of CSS: inheritance and the Cascade
  • Delve into picking and presenting the perfect fonts using CSS
  • Discover how to set media-specific styles and use media queries
  • Find out how easy it is to animate objects using CSS
  • Recognize how to present data most effectively in a table or list
  • Build HTML forms using form elements like checkboxes, radio buttons, lists, and password boxes
  • Learn how to develop responsive websites with Bootstrap, a powerful mobile-first framework

Duration and Format

5 days (30 hours)

This course can be conducted at your location or in our Midwest training lab (12140 Woodcrest Executive Drive; St. Louis, MO. 63141).

Outline

The following topics are covered in this course.

  • Introduction to web development
  • HTML overview
  • CSS overview
  • CSS selectors
  • CSS data types
  • Fonts and formatting
  • CSS layout
  • Styling shapes
  • Media-specific styles
  • Animation and transformation
  • Tables and lists
  • Forms
  • Responsive web design
  • Bootstrap

Intended Audience

This comprehensive course is recommended for anyone interested in learning to build responsive web pages and websites.

Prerequisites

None.

Although this course is structured to accommodate beginners, students with some HTML and CSS experience may advance faster and spend more time exploring in-depth responsive-design concepts.

Professional Training for Modern Technology Teams

Sign up today for open enrollment technology training.

Open Enrollment Courses

Open enrollment courses are a great, cost-effective option for organizations that have an immediate need to train a small number of employees.

View Course Schedule

Customized technology training designed to meet your team's specific needs

Customized Training Programs

Customized training programs can be delivered on-site, in our training lab, or online to help organizations enhance the skills of their internal development teams.

Request More Information