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

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!

3 of 3 students recommendSee All

Thank you for this course. It was awesome. I learned a lot from it for web development. I am experienced programmer in Java, so I hope to put this in good use. All the best about professor.

57

Students

--

Projects

Chris Dixon

Web Developer & Online Teacher

Hello, My name is Chris and I am a web developer and online teacher. I am passionate about what I do and about teaching others. I have started various online and offline businesses.

Whatever your reason for learning to build websites you have made an excellent career choice.

My personal motivation was to become my own boss and have more freedom and flexibility in my life. I also enjoy the technical challenge it provides and the way it constantly evolves. I built my first website...

See full profile