Intro to HTML and CSS Workshop

In this repository are the activities for the Intro to HTML & CSS workshop.

Learning Objectives

• What is the World Wide Web
• What is HTML?
• How do you create HTML documents (websites)?
• What is CSS?
• Using CSS to style your new web page
• Deploy your webpage

Setting Up

• Install VSCode: https://code.visualstudio.com/download (If you've installed Atom, skip this step!)
• Download Google Chrome Browser: https://www.google.com/chrome/ (If you use Safari or Firefox, this is fine too)
• Download the HTML/CSS Boilerplate
  • Go to this link: https://www.light-html.com
  • Click the "HTML + CSS Boilerplate" button
  • Select the Downloaded ZIP folder from your downloads folder
  • Unzip it and work from inside this folder
  • Move this unzipped folder to your desktop so it's in an easy-to-find location!

Exercises

This workshop is composed of three primary exercises. Each of the exercise represents a continuing improvement on your very own simple website.

1. Exercise 1: Intro to HTML
2. Exercise 2: Intro to CSS
3. Exercise 3: Deploy your webpage
4. Bonus Exercise: Build out your webpage

Finished Solution

If you'd like to see what the finished webpage code might look like, check out the Finished Webpage Solution here

If you run into any problems, just give our assistants a shout and we'll be happy to help you.

Good luck!