Getting Started
  • Welcome & What We're Learning
  • What is HTML & CSS?
  • HTML Tags, Attributes & Elements
  • File & Folder Naming Conventions
  • Typical Website File & Folder Structure
  • Managing Your Production Files
  • Tools of the Trade
  • HTML Quiz
HTML Foundations: Part I
  • Starting Your First Web Page
  • The Doctype
  • The Basic Structure of an HTML Document
  • Page Title
  • Headings
  • Paragraphs
  • Emphasis & Strong Emphasis
  • HTML Parent/Child Structure
  • Get Your Hands Dirty!
  • HTML Foundations Quiz I
HTML Foundations: Part II
  • Hyperlinks
  • Lists
  • Images
  • Address
  • Get Your Hands Dirty!
  • HTML Foundations Quiz II
HTML Foundations: Part III
  • Tables
  • Forms
  • HTML Special Characters
  • Get Your Hands Dirty!
  • HTML Foundations Quiz III
HTML Foundations: Part IV
  • IDs & Classes
  • Span & Div
  • Header & Footer
  • Nav, Section & Article
  • Aside
  • Time
  • Abbreviations & Quotes
  • Get Your Hands Dirty!
  • HTML Foundations Quiz IV
CSS Foundations: Part I
  • The Style Rule
  • Inline styles
  • Internal styles
  • External styles
  • CSS Selectors, Properties & Values
  • Inheritance of Styles
  • Pixels, Percentages, Points & Ems!
  • Get Your Hands Dirty!
  • CSS Foundations Quiz I
CSS Foundations: Part II
  • ID Selectors
  • Class Selectors
  • Descendant Selectors
  • Grouping Selectors
  • Get Your Hands Dirty!
  • Get Your Hands Dirty — Minor Update
  • CSS Foundations Quiz II
CSS Foundations: Part III
  • The Box Model
  • Colours (or Colors)
  • Text Styling & Formatting
  • Sexy Typography
  • Borders
  • Background Images
  • Styling Forms
  • Get Your Hands Dirty!
  • CSS Foundations Quiz III
CSS Foundations: Part IV
  • Styling Links
  • Block & Inline Elements
  • Float & Clear
  • CSS Positioning
  • CSS Specificity
  • Get Your Hands Dirty! (Part1)
  • Get Your Hands Dirty! (Part 2)
  • CSS Foundations Quiz IV
Putting It All Together
  • Final Website Walk Through
  • About the Course Files
  • HTML: Coding the Header & Hero
  • HTML: Coding the General Content
  • HTML: Coding the News & Events
  • HTML: Coding the Footer
  • CSS: Adding Normalize.css
  • CSS: General Styles & Typography
  • CSS: Styling the Header
  • CSS: Styling the Hero
  • CSS: Styling the General Content
  • CSS: Styling the News & Events
  • CSS: Styling the Footer
  • The Finished Product & Conclusion
  • Bonus Lesson: Where Do I Go From Here?