Final Project Notes and Observations

• Implement only three parts.
  • The rest doesn't have to exist
  • Use href="#" to link to those things that don't exist yet
• File structure organization:
  • All of your html files at the top level
  • directory/folder for images, styles, and scripts

    .
    |-- index.html
    |-- hello-harvard.html
    |-- images
    |   |-- harvard.jpg
    |   `-- world.jpg
    |-- scripts
    |   `-- map.js
    `-- styles
        `-- site.css

• lowercase file names and without spaces
  • Better: my_favorite_teas.html
  • Worse: My Favorite Teas.html
• Within your site, use relative URL links.
  • NOT relative:
    1. <link rel="stylesheet" href="/Users/david/Desktop/final_project/styles/site.css"/>
    2. <link rel="stylesheet" href="/styles/site.css"/> ← this will work in VS Code "Go Live" but most likely won't when you publish your site!
• Site-wide CSS Stylesheet!
  One CSS stylesheet to style all of your HTML pages!