How do I make a webpage outside of workspace

Hi Eric,

I would love to help out here. First, I would recommend that you use an IDE (Integrated Development Environment) instead of notepad. Notepad works... but it does not have code validation or markup recognition to help you visually scan for errors.

There are some really good and free IDE's out there. I recommend Brackets (http://brackets.io/). It is one of the best I have used.

Now onto the question at hand... follow the below steps.

1. First create a folder, name it anything... doesn't matter. This will be the root folder of your website. Then you want to save your notepad file as 'index.html' file in here. Make sure that you add the extension otherwise your computer won't know it is a website.

2. Second create two folders inside the root folder, name one 'img' and the other 'css'. This is pretty standard and should match how the course told you to do things. Now load your '.css' and and images in the corresponding folders.

Inside of your index page you need to link in the css files using the below code. Make sure that the file name matches exactly what you saved them as (case sensitive) in the folders.

<link rel='stylesheet' href="css/main.css">

When you are linking to images in your html, make sure that you are also pointing to the folder they exist in. See the below example.

<img src="img/image01.png">