Hand-Coding Your First Website: HTML and CSS Basics

Rich Armstrong, Product Designer

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
14 Videos (1h 27m)
    • An Introduction

    • What we gonna make, learn, do?

    • Download these 3 free apps

    • Install the apps

    • Make and share your first webpage

    • HTML box theory (easy I promise)

    • Start writing your own HTML

    • CSS theory (very short)

    • 3 ways to skin this CSS cat

    • Planning first :)

    • Let's write our website's HTML

    • Let's write our website's CSS (the funner part)

    • Oh how versatile CSS is!

    • Thank you, and next steps


About This Class

Hey! Ever wanted to make your own custom website? This class covers how to make a website from scratch with HTML and CSS – you don't need any prior experience. And you don’t need to be a wizard. So geek out and learn how to make a single­-page website in this fun DIY class. You’ll be taken through the basics of HTML and CSS; how to plan your site; what apps to use; and how to write your code (it's really easy when you follow along).

You’ll love this class if you like building your own stuff; have website and app ideas; love doing things your own way; have ever wondered what's behind the websites that magically appear before your eyes; and especially if you’re a creative who wants to level up and get your nerd on!

By the end of this class you’ll be able to publish your own websites – with code you’ve written yourself. The world will be your oyster. You'll have a good base to learn new stuff from. And you’ll be able to share whatever you like with the rest of the world via the interwebs! Knowing how to code (even a little bit) is super fun and rewarding! You’ll have some sweet skills that will make your friends super jealous!

110 of 113 students recommendSee All

Interesting class and very informative for beginners. Thank you Rich that I wasn't boring
what can u say about a class that will make u able to make a website in 2 hours! simply WOW
Hi's class is great! Very dinamic. The only problem was the trailer (Introduction) because I was expected a more and more things.
Mariogogh (Mário Jr)

Designer &Art Director





Rich Armstrong

Product Designer

Rich's title is Product Designer but he's more of a jack-of-all-trades / generalist / unicorn. He designs, animates and codes. He's studied multimedia design and graphic design, and is a self-taught programmer. He's freelanced, worked for agencies and startups, and now runs Studio Armstrong, an Amsterdam-based creation company, with his wife. He also doodles all the time, has super ginger-powers and can touch his nose with his tongue!

He spends most of his working day researching and experimenting, much like his hero, Lucius Fox, does. Rich likes to think he's a minimalist, but he's fooling himself – he's as messy and unorganised as the any other creative genius.

Rich has been teaching online classes on Skillshare since late 2015 – and he likes it a lot :) He's since created the weirdly named Tap Tap Kaboom brand that showcases his experiments, designs and classes. Follow him on Dribbble, Instagram, Ello and YouTube. He also has a newsletter type thing that you can subscribe to.