Organize A Website

To be able to manage your website efficiently, you need to organize the files that make up your website. This will reduce confusion with maintenance and updates.

Below is an example of how files are stored on my PC:

  • Folderjacorre
  • Foldercss
  • styles.css
  • Folderimages
  • 88x31.gif
  • contact.gif
  • footer.gif
  • header.gif
  • home.gif
  • Foldertutorials
  • Pagefavicon.htm
  • Pageorganizesite.htm
  • Pageresizeanimage.htm
  • Pageaffiliates.htm
  • Pagecontact.htm
  • Pageindex.htm

When creating a website, start by creating a folder to save all the files in. In the above example, I created a folder called jacorre. Within that folder, I created three more folders. The css folder contains the css stylesheet. The images folder contains all the images that will be used on the website. The tutorials folder contains all the tutorials I wrote. All other pages for the website are stored within the jacorre folder.

So why is this important? As your website continues to grow, you'll have more and more files to keep track of. If they are organized neatly in their respective folders, you can efficiently maintain the website over time. You won't have to go searching through a long list of files. You also won't run into the problem of overwriting files.

For example, if you didn't have a separate folder for your tutorials, all the tutorials would be stored in the jacorre folder. Let's say one day you wrote a tutorial about a contact form and you called the file contact.htm. You already have a file called contact.htm. If you're not paying attention, you may just ovewrite your contact page!

So go ahead and start organizing your files and hopefully it will help you to maintain your site more efficiently!

« More Miscellaneous tutorials