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

Code Your First Website with HTML 5 & CSS 3 for Kids & Beginners

Kevin Kennedy, UX / Product Designer / Coder

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
35 Videos (1h 46m)
    • Learn to code basic websites overview

      0:56
    • Course requirements

      1:24
    • HTML overview

      1:25
    • Basic HTML structure

      4:39
    • Nav tags

      0:44
    • H1 to H6 heading tags

      3:33
    • Paragraph tags

      3:15
    • Creating a line break

      2:13
    • Adding a link

      5:08
    • Adding an image

      5:37
    • Creating an image with a link

      2:30
    • Using the div tag

      3:27
    • Creating unordered and ordered lists

      5:19
    • Creating forms

      4:17
    • Creating tables

      4:55
    • Creating comments in HTML

      4:26
    • CSS overview

      0:58
    • CSS syntax

      2:03
    • Background color

      5:15
    • Creating an id

      5:10
    • Creating classes

      2:05
    • Creating a border

      3:11
    • Border radius

      5:01
    • Padding

      5:24
    • Margin

      3:26
    • Font size

      2:05
    • Font weight

      2:21
    • Text transform

      1:38
    • Text color

      1:15
    • Aligning the text

      2:56
    • Font family

      2:20
    • Font style

      1:15
    • CSS comments

      3:43
    • Final project

      0:59
    • Conclusion and next steps

      0:59

About This Class

Are you ready to build your very first website with HTML and CSS? 

This is the perfect course to start with. This course is designed for beginners like you that are ready to learn HTML and CSS without any coding experience required.

I've had students from 9 years to 58 years old complete my course. It's never too early or too late to learn HTML and CSS!

HTML and CSS is the perfect tool to add to your skillset!

MESSAGE TO PARENTS

Why should your child learn to code? Well... coding is the new literacy and it’s rapidly growing! HTML and CSS are used by every website in the world, and it's a great place to start!

There are so many benefits - becoming fluent in technology, critical thinking skills, problem-solving skills, great career paths and more.

Computers are a big part of our future and every child should learn basic coding, not just those seeking a career in software development. Even celebrities, CEOs, and those alike are finally recognizing the benefits of children learning how to code. Here's what just a few of them are saying:

"Computers are going to be a big part of our future...and that future is yours to shape." -Former President, Barack Obama

"Learning to write programs stretches your mind, and helps you think better, creates a way of thinking about things that I think is helpful in all domains." -Co-Founder Microsoft, Bill Gates

"You can be good at technology and like fashion and art. You can be good at technology and be a jock. You can be good at technology and be a mom. You can do it your way, on your terms." -Former CEO Yahoo!, Marissa Mayer

Become fluent in technology

Interacting with technology is part of everyday life. Coding with HTML and CSS helps children create technology, express themselves in new ways.
It also helps them understand how many online businesses and services work.

Programmers are in high demand

Employment is expected to grow 17% by 2024 (via BLS)
According to the Bureau Labor of Statistics (BLS), the average salary for a software developer is $102,280 per year.

Learn to think and problem solve

Programming teaches children (and adults) how to solve large problems by breaking them down into small achievable steps. 
These critical thinking skills can be cross-utilized in many areas of life.

Why learn from me?

I've been building HTML and CSS websites for many years. In college, I used to build HTML and CSS websites (along with WordPress websites) for local businesses, in order to pay for my expenses.

I love how simple HTML and CSS can be when it's broken down into achievable steps!

I still remember the first HTML and CSS website that I built for myself. It was a real struggle just to get it to look the way I wanted. I've kept everything in mind while creating this course. I'll explain each item step by step in its own video. I'll also be happy to answer any HTML and CSS questions you may have in the student forum for this course (available to enrolled students only).

COURSE CONTENT

  • ​You will learn the basic HTML structure used by every website!
  • You will know how to organize your HTML code.
  • You will learn how to style your HTML elements using CSS.
  • You will learn how to change text color, font size, background color, and more!
  • You will learn how to leave comments in your HTML and CSS code.
  • You will know how to create links, images, menus, and more!
  • You will know how to change fonts with CSS
  • You will know how to create padding and margin with CSS.

DESIGN AND BUILD YOUR FIRST HTML AND CSS SITE

No matter what your goal is with learning HTML and CSS, I want to make sure you're able to achieve it. If you have any questions or run into any roadblocks, then I'm here to help!

Who is this HTML and CSS course for?

This course is for kids and beginners trying to learn how to code with HMTL and CSS. This course is NOT for learning WordPress or prebuilt website builders. If you are interested in WordPress then please check out my other course.

I can't wait to help you build your very first website with HTML and CSS!

Cheers,
Kevin Kennedy,  ProductDesignOnline.com

4 of 4 students recommendSee All

This class is very good for beginners. I am a little past beginner but still found value in getting a brief review of everything.

47

Students

--

Projects

Kevin Kennedy

UX / Product Designer / Coder

My passion is inspiring people through coding and design courses. I love learning new skills, and since 2013 have been teaching community members everything I know. Since then, I've started creating online videos to reach more people and have a bigger impact.

What would you like to learn?

Would you like to understand how websites are built?

Would you like to make money creating websites for others?

Would you like to learn HTML & CSS?

Would you like to learn ...

See full profile