Code Like A Girl: Intro to HTML and CSS Workshop

In this repository are the activities for Code Like A Girl's 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

• Download Google Chrome Browser: https://www.google.com/chrome/

• Sign up for a free Netlify account: https://www.netlify.com/

• 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

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!