When you enroll through our links, we may earn a small commission—at no extra cost to you. This helps keep our platform free and inspires us to add more value.

SkillShare logo

Beginner HTML & CSS: Build your own personal blog!

Unlock creativity with Skillshare! Learn acrylic painting, AI writing, graphic design, and photography.

     0 |
  • Reviews ( 0 )
Free

This Course Includes

  • iconskillshare
  • icon0 (0 reviews )
  • icon2 hours 13 minutes
  • iconenglish
  • iconOnline - Self Paced
  • iconcourse
  • iconSkillShare

About Beginner HTML & CSS: Build your own personal blog!

Welcome to the course!

Required tools

What is HTML & CSS?

Choose your theme!

Starting a web project

Structuring HTML pages

Creating the header

Semantic HTML and layout

Links, nesting & indentation

Div tags and text

Internal CSS and Google fonts

Classes and ID's

Introduction to Flexbox & responsive design

Header CSS, margin & padding

Where to find great stock images

Background images and flexbox positioning

Final styling for small screens

Introduction to media queries

External stylesheets

Adding the blog page

Creating blog posts

Sidebar social media icons

Introduction to tables and HTML entities

Blog styling and psuedo classes

Blog styling for larger devices

Browser support

Browser developer tools intro

Speeding up your coding with Emmet

Block vs inline elements

Final challenge

Final step

Skillshare follow me video

What You Will Learn?

  • 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!.