Beginner HTML & CSS: Build your own personal blog! | Chris Dixon | Skillshare

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

About This Class

Welcome to Beginner HTML & CSS: Build your own personal blog!

This class will introduce you to the common HTML & CSS techniques to enable you to build a great looking personal blog website.

The class is ideal for beginner students looking to begin their journey into web design/development, or students looking to refresh their skills.

You will progress through this course while building a personal blog and landing page with a full page background image.

The project will introduce you to common HTML structure/elements such as images, semantic tags, headings and text elements.

Also, we will cover CSS layout, positioning and styling to make your site look great! On top of this we will introduce you to responsive design, while building in a mobile first approach.

After completing this class, not only will you have a great looking personal blog website, but you will have the confidence and ability to also build other types of websites too.

That is not all though, along with your new skills, we will also leave you will useful reference sheets and resources to take away to help you progress even further!