HTML File Structure
A website of the scale we will be creating should always have all the files used on the site within one root folder. The standard documents or pages are usually contained within the root of that folder. If a website grows in size additional folders can be created under this root folder which are usually used to store related files. This makes it easier to navigate and find files when developing the site. This site for instance has a telford sub-directory which then contains sub-directories for each individual subject.

A website consists of more than just HTML files. Most websites have images, animations, additional code and CSS files and it is good practice to store each of these types in a different subdirectory.

Website Root Folder
-----¦-------------images
-----¦-----------------¦----------image1.gif
-----¦-----------------¦----------image2.gif
-----¦-----------------¦----------anotherImage.jpg
-----¦-----------------¦----------original
-----¦-----------------¦--------------¦-------------image1.psd
-----¦-----------------¦--------------¦-------------image2.psd
-----¦-----------------¦--------------¦-------------anotherImage.psd
-----¦---------------css
-----¦-----------------¦----------main.css
-----¦-----------index.html
-----¦-----------splash.html
-----¦-----------contact.html