Building Responsive Websites with HTML 5 & CSS3

Building Responsive Websites with HTML 5 & CSS3, available at $54.99, has an average rating of 4.6, with 44 lectures, based on 24 reviews, and has 165 subscribers.

You will learn about Learn the latest techniques for an in-demand skill: building functional, responsive web layouts. Easy to follow, plain-english instructions make learning how to create websites that possess both beautiful design and powerful function a breeze. Learn, step-by-step, how to design layouts to fit various device displays, including tablet, smartphone, and desktop screens. This course is ideal for individuals who are Those looking to build a strong foundation in responsive web layouts It is particularly useful for Those looking to build a strong foundation in responsive web layouts.

Enroll now: Building Responsive Websites with HTML 5 & CSS3

Summary

Title: Building Responsive Websites with HTML 5 & CSS3

Price: $54.99

Average Rating: 4.6

Number of Lectures: 44

Number of Published Lectures: 43

Number of Curriculum Items: 44

Number of Published Curriculum Objects: 43

Original Price: $19.99

Quality Status: approved

Status: Live

What You Will Learn

Learn the latest techniques for an in-demand skill: building functional, responsive web layouts.
Easy to follow, plain-english instructions make learning how to create websites that possess both beautiful design and powerful function a breeze.
Learn, step-by-step, how to design layouts to fit various device displays, including tablet, smartphone, and desktop screens.

Who Should Attend

Those looking to build a strong foundation in responsive web layouts

Target Audiences

Those looking to build a strong foundation in responsive web layouts

In this hands-on training course, award-winning veteran trainer Geoff Blake shows you, step-by-step, how to build beautifully designed, responsive websites that adjust and function perfectly on smartphones, tablets, and desktop displays. You’ll begin with the fundamentals of responsive design, beginning with multiple style sheets, media queries and various expressions. Next comes the fun part: you’ll be guided through several in-depth chapters that walk you through the responsive design workflow, building HTML structure and CSS formatting for mobile and desktop displays; including tablets, desktop screens, and smartphones. Geoff shows you how to plan out your work, handle common issues that arise in a responsive layout, and how to handle various page components between device displays. Finally, the course closes with additional tricks, advanced techniques, and testing methods to ensure that your layout looks fantastic.

Course Curriculum

Chapter 1: Introduction

Lecture 1: Welcome

Lecture 2: A Look At What We'll Build

Chapter 2: Responsive Design Fundamentals

Lecture 1: Key Aspects Of Responsive Design

Lecture 2: Determining Device Resolutions To Target

Lecture 3: Wireframing Responsive Layouts

Chapter 3: The Basics: Multiple Style Sheets & Media Queries

Lecture 1: The Concept Of Using Multiple CSS Files

Lecture 2: Media Queries & Multiple Style Sheets

Lecture 3: Building Media Queries Into A Single CSS File

Lecture 4: Using Media Query Expressions

Chapter 4: Building HTML Structure & CSS For All Screens

Lecture 1: Setting Up The HTML & CSS Files

Lecture 2: Getting Started With The Header

Lecture 3: Inserting The Main Nav Menu

Lecture 4: Inserting The Search Field

Lecture 5: Problems With Applying Floats

Lecture 6: Integrating Google Fonts API

Lecture 7: Building The Hero Section Structure

Lecture 8: Formatting The Hero Section

Lecture 9: Inserting & Formatting A Call To Action Button

Lecture 10: Building The Features Section, Part One

Lecture 11: Building The Features Section, Part Two

Lecture 12: Inserting The Organize Section

Lecture 13: Building The Share Section

Lecture 14: Building The Call To Action Area

Lecture 15: Inserting And Formatting The Footer

Lecture 16: Finishing Touches For The High Resolution Layout

Chapter 5: Building The Tablet Layout

Lecture 1: Setting Up The Medium Resolution CSS & Testing The Media Query

Lecture 2: Formatting The Medium Res Header

Lecture 3: Formatting The Medium Res Hero Section

Lecture 4: Formatting The Features Section

Lecture 5: Formatting The Organize And Share Sections

Lecture 6: Building The Get Section & Finishing Up The Medium Res Layout

Chapter 6: Building The Smartphone Layout

Lecture 1: Setting Up The Low Res CSS & Testing The Media Query

Lecture 2: Formatting The Low Res Header

Lecture 3: Resolving Problems Caused By Floats

Lecture 4: Formatting The Low Res Hero Section

Lecture 5: Formatting The Features Section

Lecture 6: Formatting The Organize And Share Sections

Lecture 7: Building The Get Section & Finishing Up The Low Res Layout

Chapter 7: Advanced Techniques For Responsive Design

Lecture 1: Disabling Device Smart Zoom

Lecture 2: Testing Your Responsive Layouts

Lecture 3: Setting Up Retina Display Graphics

Chapter 8: Wrapping Up

Lecture 1: Where To Go From Here

Chapter 9: Bonus Material

Lecture 1: Bonus Lecture

Instructors

Stone River eLearning
Over 1,000,000 Happy Students

Rating Distribution

1 stars: 1 votes
2 stars: 2 votes
3 stars: 1 votes
4 stars: 4 votes
5 stars: 16 votes

Frequently Asked Questions

How long do I have access to the course materials?

You can view and review the lecture materials indefinitely, like an on-demand channel.

Can I take my courses with me wherever I go?

Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!

Menu