Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

Pluralsight

Creating a Responsive Web Design

via Pluralsight

Overview

This course was designed to teach you to create a web page that can adapt it's layout to fit various screen sizes across devices, as well as on paper when printed. It covers every aspect of converting a design into a fully functioning web page. Software required: Text Editor, Web Browser, Tablet or Phone (optional), Printer (optional).

This course was designed to teach you to create a web page that can adapt it's layout to fit on any screen sizes across devices, as well as on paper when printed. Web design requires the coordination of HTML, CSS, and graphics in order to construct a layout and design that can respond to the varying needs of your websites visitors. In this step-by-step course, Creating a Responsive Web Design, you'll learn every aspect of converting a design into a fully functioning web page. You'll create navigation menus, style typography, format and position graphics, create CSS animations, import free web fonts from Google, as well adjust your layout to fit a wide range of screens and devices. For those new to HTML, CSS or web graphics, you'll see a few modules explaining the core fundamentals of each, so you'll be able to work through the course without missing a beat. Software required: Text Editor, Web Browser, Tablet or Phone (optional), Printer (optional).

Syllabus

  • Introduction 8mins
  • Preparing the HTML Content and Structure 30mins
  • Creating the Style and Layout with CSS 62mins
  • Creating a Menu System with CSS 28mins
  • Making Layout Adjustments for Large and Medium Screens 16mins
  • Making Adjustments for Small Screens 27mins
  • Making Adjustments for the Smallest Screens 12mins
  • Making Layout and Content Adjustments for Print 41mins
  • Where to Go from Here 1min

Taught by

Chris Converse

Reviews

4.4 rating at Pluralsight based on 53 ratings

Start your review of Creating a Responsive Web Design

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.