Code Crash Course

Your first static site

Your first static site

Let’s be honest, you want to make something cool. Lets start with your personal site. When we are done, we’ll have your site up on the web so you can show it off.

:whitecheckmark: Do the Following:

  1. Come up with a basic design for your site (I recommend a single page for now). Here are some examples to give you inspiration.
  2. Code the design using HTML and CSS. Call the file html file index.html and the css file main.css. When you’re done you should have something that looks like this:

File Structure:

my_site/
  index.html
  main.css

index.html:



  
    
  
  
    

Abe's site

Hello everyone!

main.css

.container {
  background-color: 'blue';
}
  1. Get a netlify account (FREE AND EASY!!! YAY!)
  2. While signing up for Netlify, it will ask you to drop in the files for your site. Drop a folder containing index.html and main.css.
  3. Follow the link they give you… and BAM! Up on the world wide web.