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


HTML & CSS: Building Responsive Websites For Beginners

via Skillshare


There is a new updated version of this class located here:

This class is perfect for anyone with a great website idea or just an interest in learning how to code. This is a beginner-level class so if you have basic computer literacy and an internet connection, you're all set. Learn at your own pace. 

You'll leave this class with the skills to create your very own stylish, professional, and responsive website.

What You Will Learn

  • HTML and Web Fundamentals. You'll start with text editing basics, headings, images and linking between pages.
  • Tables, Forms, and Iframes. After learning the essentials you'll learn how to add more elements like tables, forms, and Iframes to your pages.
  • HTML5 Elements. You'll add HTML 5 semantic containers, metadata, and media to your pages.
  • CSS Fundamentals. You'll use CSS to create a style sheet that will allow you to fluidly change your pages contents.
  • Building Page Layouts. You'll build with columns and utilize the box model.
  • Positioning and Sprites. You'll use z-index and sprites to creat advanced layout features. 
  • Responsive Layout. You'll create responsive site design that allows your site to alter its style and content positioning based on the size of the device it is being viewed on.

What You'll Make

Spread throughout the course are Code Challenges. Code Challenges are opportunities for you to put what you've learned to practice by coding on your own. A continuous project will be built out of the code challenges adding more to your site project with each challenge.

Handouts and Resources

You will be provided with extensive handouts and suggested reference materials to continue your learning even after the course.

More courses from this instructor at:


  • Trailer
  • Web Fundamentals
  • Getting Started
  • Document Structure
  • Text Formatting
  • Images
  • Links
  • Validating HTML
  • Site Publishing
  • Introducing Tables, Forms, & Iframes
  • Tables
  • Iframes
  • Forms
  • Video
  • Prep for HTML5
  • HTML5 Semantic Elements
  • Metadata
  • Styling the Front-end
  • Setting up an External Style Sheet
  • Type Selector
  • Color Systems
  • Font Shorthand
  • Web Fonts
  • Class Selector
  • ID Selector
  • Descendant Selector
  • Psuedo Selector
  • Developer Tools (part 1)
  • Element Display
  • Box Model
  • Box Aesthetics
  • Floating
  • Prep Layout
  • Applying Box Properties
  • Styling Tables
  • Styling Forms
  • Styling Iframe
  • Centering Content
  • Applying Box Shadow
  • Applying Gradients
  • Styling the Logo
  • Styling Main Sections
  • Styling Details Section
  • Creating Column Structure
  • Developer Tools (part 2)
  • Positioning Techniques
  • Z-Index Layering
  • Sprite Rollovers
  • Styling Navigation
  • Styling the Social Media Bar
  • Responsive Layout Techniques
  • Setting Up Local Responsive Testing
  • Prep HTML for Responsive Layout
  • Applying CSS3 Media Queries
  • Adding PHP Mailer Script
  • Resets, Grid Systems, & Templates

Taught by

Jonathan Grover


Start your review of HTML & CSS: Building Responsive Websites For Beginners

Never Stop Learning.

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