Hand-Code Your First Website: HTML + CSS Basics Staff Pick

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
218 students are watching this class

About This Class

cb9d921c

This class is a fun and approachable exploration of hand-coding your first website. The class covers these 4 things:

  • Writing and structuring content with HTML
  • Styling your site with CSS
  • Backing-up your code
  • Getting it online for the world to see

For me, being able to create my own websites with HTML and CSS has been empowering. Liberating. And a way of creating and expressing myself. It's also given me opportunities to freelance, work for agencies, work at startups, and run my own studio.

During the class you'll be creating a website for your favourite cartoon hero. I'll share my insights and best practices for planning and creating a simple one-page website. We'll cover browsers, code editors, planning, how to back up your code, and how to publish your website.

You'll see that it's not that hard or scary to create a website! Whether you're an absolute novice or have dabbled in some web design and development before, by the end of this class you'll know how to hand-code basic websites and have a solid foundation to add further web-related learning to. Also, your friends will be jealous and your mom will be super proud. And you'll feel like Neo from The Matrix.

This class is a remake of my popular class on the same topic. It's been updated to reflect some changes in software. Also, the video & audio quality is much better!