Introduction to Building Website Layouts

In this course, we will learn how to go from basic HTML and CSS knowledge to creating a responsive website from the ground up using a mobile-first approach. Software required: Brackets Text Editor, Google Chrome.
Course info
Level
Beginner
Updated
Aug 17, 2015
Duration
5h 5m
Table of contents
Description
Course info
Level
Beginner
Updated
Aug 17, 2015
Duration
5h 5m
Description

In this course, we will learn how to go from basic HTML and CSS knowledge to creating a responsive website from the ground up using a mobile-first approach. We will learn how to think of website layouts in terms of common web design patterns, and how to design in the browser. We will learn step by step how to correctly mark up content with semantic HTML, how to think about progressive enhancement and HTML hierarchy, and how and when to correctly use HTML5 sectioning elements. We'll learn about important CSS theory, like how to use classes and IDs, inheritance and specificity, and how to start thinking about CSS architecture to improve maintainability and scalability of code. Software required: Brackets Text Editor, Google Chrome.

About the author
About the author

Susan is a web design author for Pluralsight. Growing up, Susan was both a passionate artist as well as a computer tech aficionado. When she discovered the world of web development, she found that she could meld those two passions together into something amazing. Soon after, Susan began devoting herself to building beautiful and functional web content for businesses and nonprofits. It was through those experiences Susan developed a fluency for web coding languages.

More from the author
Semantic HTML
Intermediate
1h 22m
Jul 19, 2019
UX Design Creating Wireframes
Intermediate
1h 29m
Jan 3, 2018
WordPress Custom Theme Development
Intermediate
2h 18m
Aug 17, 2016
More courses by Susan Simkins
Section Introduction Transcripts
Section Introduction Transcripts

Introduction and Project Overview
Hi I'm Susan Simpkins and this is Introduction to Building Website Layouts. In this course we'll learn how to go from basic CSS and HTML knowledge, to creating a responsive website from the ground up using a mobile first approach. We'll learn how to think of website layouts, in term of common web design patterns. And how to design in the browser. We'll learn step by step how to correctly mark up content with semantic HTML. Think about HTML hierarchy. And how and when to correctly use HTML five sectioning elements. We'll learn about important CSS theory, like inheritance and specificity. And how to start thinking about CSS architecture to improve maintainability and scalability of our code. So with that, let's get started, in our next lesson when we start analyzing website layouts.