Beginner HTML & CSS: Build your own personal blog!

Chris Dixon, Web Developer & Online Teacher

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
32 Lessons (2h 14m)
    • 1. Welcome to the course!

      2:13
    • 2. Required tools

      2:57
    • 3. What is HTML & CSS?

      2:13
    • 4. Choose your theme!

      0:59
    • 5. Starting a web project

      2:45
    • 6. Structuring HTML pages

      5:48
    • 7. Creating the header

      4:30
    • 8. Semantic HTML and layout

      3:26
    • 9. Links, nesting & indentation

      4:08
    • 10. Div tags and text

      4:19
    • 11. Internal CSS and Google fonts

      7:13
    • 12. Classes and ID's

      2:51
    • 13. Introduction to Flexbox & responsive design

      2:40
    • 14. Header CSS, margin & padding

      7:14
    • 15. Where to find great stock images

      3:40
    • 16. Background images and flexbox positioning

      6:38
    • 17. Final styling for small screens

      4:49
    • 18. Introduction to media queries

      8:01
    • 19. External stylesheets

      4:09
    • 20. Adding the blog page

      2:07
    • 21. Creating blog posts

      9:30
    • 22. Sidebar social media icons

      7:43
    • 23. Introduction to tables and HTML entities

      8:51
    • 24. Blog styling and psuedo classes

      7:06
    • 25. Blog styling for larger devices

      3:56
    • 26. Browser support

      2:10
    • 27. Browser developer tools intro

      3:09
    • 28. Speeding up your coding with Emmet

      3:13
    • 29. Block vs inline elements

      2:30
    • 30. Final challenge

      0:58
    • 31. Final step

      1:33
    • 32. Skillshare follow me video

      0:23
17 students are watching this class

Project Description

This course is project based. As you progress, we will work towards completing your very own, personal blog project! This project can be completely customised with a theme and design to suit you.

Also, at the end you will be challenged to extend the project on your own, by adding new sections and an about me page.

This is your change to be as creative as you would like, all while learning new skills along the way.

I hope you share your projects to showcase your skills and also inspire fellow students!

I cant wait to see what you create!

Student Projects

project card
Renee Brown
2 comments
project card
Cleo Christie
1 comment
project card
Caden Townsend
1 comment
project card
Naman Thanki
1 comment