Sorry, your browser is not supported
To have the best experience using Skillshare, we recommend that you use one of these supported browsers.

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
31 Videos (2h 14m)
    • Welcome to the course!

      2:29
    • Required tools

      2:57
    • What is HTML & CSS?

      2:13
    • Choose your theme!

      0:59
    • Starting a web project

      2:45
    • Structuring HTML pages

      5:48
    • Creating the header

      4:30
    • Semantic HTML and layout

      3:26
    • Links, nesting & indentation

      4:08
    • Div tags and text

      4:19
    • Internal CSS and Google fonts

      7:13
    • Classes and ID's

      2:51
    • Introduction to Flexbox & responsive design

      2:40
    • Header CSS, margin & padding

      7:14
    • Where to find great stock images

      3:40
    • Background images and flexbox positioning

      6:38
    • Final styling for small screens

      4:49
    • Introduction to media queries

      8:01
    • External stylesheets

      4:09
    • Adding the blog page

      2:07
    • Creating blog posts

      9:30
    • Sidebar social media icons

      7:43
    • Introduction to tables and HTML entities

      8:51
    • Blog styling and psuedo classes

      7:06
    • Blog styling for larger devices

      3:56
    • Browser support

      2:10
    • Browser developer tools intro

      3:09
    • Speeding up your coding with Emmet

      3:13
    • Block vs inline elements

      2:30
    • Final challenge

      0:58
    • Final step

      1:49