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
96 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

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