Hand-Code Your First Website: HTML + CSS Basics staff pick badge

Rich Armstrong, Product Designer

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
13 Lessons (1h 46m)
    • 1. Class Intro

      1:35
    • 2. What To Download

      4:57
    • 3. What is HTML?

      2:51
    • 4. Writing HTML

      16:15
    • 5. Get Your Site Online

      5:03
    • 6. What is CSS?

      1:05
    • 7. Writing CSS

      20:07
    • 8. Planning Your Website

      1:58
    • 9. Your Website's HTML

      21:04
    • 10. Your Website's CSS

      25:40
    • 11. Debugging + Common Errors

      3:37
    • 12. Your Own Website

      0:38
    • 13. The End (Party)

      1:23
321 students are watching this class

Project Description

7de0cbb3

ASSIGNMENT: 

You'll be learning how to write HTML and CSS by making a one-page website for your favourite cartoon hero or movie character, which you'll learn how to publish online for the world to see!

DELIVERABLES: 

Share a link to your character's hand-coded website! You're welcome to add your planning, and mention what you enjoyed, and what you found difficult :)

A finished website includes the following:

  1. Your character’s profile image.
  2. The name of your character in a heading.
  3. An about paragraph.
  4. A numbered list of his/her characteristics.
  5. An unordered list of his/her friends and where to find them.
  6. A footer element containing a small amount of information.

Student Projects

project card
Rich Armstrong
3 comments
project card
Raghad Zarei
1 comment
project card
Kyle Simmons
1 comment
project card
Angela
1 comment
project card
1 comment
project card
3 comments
project card
Tyler Drinski
1 comment
project card
Elin Aarenstrup
1 comment
project card
FHero
1 comment
project card
Alisha Valentin
1 comment
project card
Mella DB
1 comment
project card
Brandon Beck
1 comment
project card
Mac McCreary
1 comment
project card
Devin McBeth
1 comment
project card
Raf Schapendonk
3 comments
project card
Hanis Suraya
3 comments