Organize Pictures

It's a good idea to start organizing your media assets in a dedicated folders as well.

1. Create a folder called pictures inside the last name folder.
2. Cut and paste all the gif images you've used in these project inside the pictures folder
3. Update the links in your history.html file

This is represents a third example of relative links, one in which you have to backup out of the classwork folder, then jump into the pictures folder - going from a higher level directory into a lower level directory.

It's not as confusing as it sounds. Say you wanted to reference mypic.gif as in the above structure, your tag would look like this:

<img src="../pictures/mypic.gif">

If you have images in the index file, update those references. Otherwise, why not get some files in there now?

For your reference, the site should function rather like this, and the directory tree should look something like this:

Review Topics
What were the steps you used in creating a link within your document to a local file?
What steps did you use to create a link which displayed a graphic in an external window?
How did you create a link to a file in a lower directory/folder than your main document? a higher directory?
What is the significance of a file called index.html on a WWW server?