Published: 25th Feb 2017 | Words: 394 | Reading Time: 2 minutes


Organisation is efficiency

When you start to learn web design first you work with a few different coding languages usually html and CSS and keeping track of your files can be a very easy task. If your building a small web-page you could probably get away with having just one folder for CSS and one for images or maybe even no folders at all. But as you start to work with more and more coding languages such as PHP and JavaScript you soon learn that you need to become incredibly organised and define clear folder structures within your website.

Structuring website folders

A bad folder set up from the start can really cost you time and effort building your site. As you build very complicated sites you will find even images folder can branch out containing dozens of sub folders and in turn maybe even more sub-folders leading to thousands of folders and files. If you want to save yourself a lot of time, define a clear folder structure for everything. Think of how you can split up the various coding languages and different types of files within these languages into a clear folder structure. Generally at the root level of your site you will have your home page index file and your various pages and you should have separate folders for your images, JavaScript files, and PHP includes. You can be as specific as you want with your folder structure if you think it will improve your work-flow. For an images folder I generally set up different folders within for things like backgrounds, banners, icons, buttons, CSS sprites, a test folder (containing a grid file), and a few other depending on the site.

Naming website files

You must also look at developing clear folder structure within all the files on your computer. When working on websites you will nearly always have a lot of different Photoshop files. Try to give everything a relevant name and place things in folders at the start when you create them so as to save you time later. Storing a lot of files within your desktop can seem like a good idea but the number of files can quickly bulk up leading to a lot of sorting out later on.