Web Development Fundamentals: HTML & CSS

Christopher Dodd, Web Developer / Educator

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
31 Lessons (4h 45m)
    • 1. Introduction

      1:00
    • 2. What you'll need

      5:43
    • 3. What is HTML and CSS

      10:30
    • 4. Getting started with HTML

      9:54
    • 5. Headings and Paragraphs

      8:57
    • 6. Links, Images and Buttons

      8:49
    • 7. HTML Attributes

      7:13
    • 8. Tables, Lists and Blocks

      13:13
    • 9. Layout Elements

      4:02
    • 10. HTML Forms

      9:27
    • 11. Charsets, Entities & Symbols

      6:41
    • 12. Other HTML Body Elements

      3:31
    • 13. HTML Head

      6:40
    • 14. HTML Formatting

      5:19
    • 15. Getting started with CSS

      7:08
    • 16. Basic Syntax and Selectors

      10:35
    • 17. CSS Hierarchy

      11:11
    • 18. The Box Model

      8:10
    • 19. Colors, Background and Opacity

      9:38
    • 20. Borders, Padding & Margins, Height & Width and Outlines

      16:14
    • 21. Text formatting, Fonts and Icons

      13:51
    • 22. Styling Images, Links, Lists and Tables

      15:45
    • 23. CSS Layout - Display Property

      8:14
    • 24. CSS Position Property

      9:08
    • 25. CSS Overflow and Float

      12:05
    • 26. Advanced Syntax and Selectors

      20:44
    • 27. Advanced CSS - Media Queries

      6:59
    • 28. Getting started with Bootstrap

      7:40
    • 29. Rebuilding our web page with Bootstrap

      8:20
    • 30. Bonus: Styling Contact and Layout Page

      17:51
    • 31. Conclusion & Class Project

      0:50
242 students are watching this class

Project Description

After taking this class, you will have a good understanding of HTML, CSS and Bootstrap and so in the class project, it’s time to put this knowledge into a real-world website.

Websites these days are usually quite dynamic and even content-based websites often require some programming and a database.

Wordpress (which I covered in my last course), for example relies heavily on PHP and MySQL to organise and display your content.

But of course, in this course, we’re just talking about HTML and CSS so for our class project, we’re gonna build a static content-based website.

We might make it more dynamic in a future class but for now, this gonna give you good practice with HTML and CSS.

Make sure to include Boostrap if you would like to save time by creating all your styles from scratch. I can't wait to see your finished website!

Student Projects