Hand-Coding Your First Website: HTML and CSS Basics (Original)

Rich Armstrong, Product Designer

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
15 Lessons (1h 28m)
    • 1. An Introduction

      0:52
    • 2. This Class Has Been Updated!

      0:54
    • 3. What we gonna make, learn, do?

      0:48
    • 4. Download these 3 free apps

      1:24
    • 5. Install the apps

      1:04
    • 6. Make and share your first webpage

      10:06
    • 7. HTML box theory (easy I promise)

      2:42
    • 8. Start writing your own HTML

      8:02
    • 9. CSS theory (very short)

      0:44
    • 10. 3 ways to skin this CSS cat

      19:35
    • 11. Planning first :)

      3:10
    • 12. Let's write our website's HTML

      14:22
    • 13. Let's write our website's CSS (the funner part)

      20:09
    • 14. Oh how versatile CSS is!

      3:11
    • 15. Thank you, and next steps

      1:04
84 students are watching this class

Project Description

Build your favourite cartoon hero's website

ASSIGNMENT

You'll be learning how to write HTML and CSS by making a one-page website for your favourite cartoon hero!

DELIVERABLES

Share links to test websites as well as a final link to your character's hand-coded website! A finished website includes the following:

  • Your favourite character’s profile image.
  • The name of your favourite character in a heading.
  • An about paragraph.
  • A numbered list of his/her characteristics.
  • A link to your Skillshare profile page or your Twitter profile.
  • Anything else your heart desires.
  • All of the above should look nice-ish!

We go from:

b0edfb15

To this:

1648f365

If you're keen, read on!

RESOURCES

APPS TO DOWNLOAD

We do go through downloading and installing the apps in the class, but eager beavers will always be eager beavers... So here they are

FOR REF

Student Projects

project card
Rich Armstrong
project card
Hayley Gilmore
4 comments
project card
Lauren Yandle
2 comments
project card
Peter Scully
1 comment
project card
Pete Reynolds
1 comment
project card
2 comments
project card
Nadine Gressett
3 comments
project card
Helen Elliott
3 comments
project card
Sip Or Fill up
2 comments
project card
Kristan Mullane
4 comments
project card
Roxanne Arriola
6 comments
project card
Kate Kogreat
4 comments
project card
Eimantas Kumpys
5 comments
project card
Emma Niemans
2 comments
project card
Ernest Chan
2 comments