---
# System prepended metadata

title: Folder set up
tags: [ACC, Tips and Tricks, Tutorials]

---

###### tags: `Tips and Tricks` `Tutorials` `ACC`
# Folder set up

Setting up your folders in important when dealing with Web Developent.  When you go to upload the files for a website they have to be all in 1 folder. If you link an image in html to a folder outside of the main websites folder when you go to upload it, the link will no longer work. 

Saving the hardache of needing to fix it later you want to set up the structure now.

1. Step 1 would be to deside on where you want to save your projects. Once you have that use the following example on how to set up your folders

* CodingDojo
    * Pre-BootCamp
        * IntroToProgramming
        * AlgoApp
    * WebFundamentals
        * Git
        * HTML
        * CSS
            * project01
                * index.html
                * index.css
                * images
                    * img.png
                    * img1.png
            * project02
        * JavaScript
        * jQuery
        * Projects
            * MidWebFunProject
            * FinalWebFunProject
    * Python
        * Funamentals
        * Django

As you can see inside your Coding Dojo folder you will have 3 others and so on.  When it comes to a website look at the CSS folder.  Inside it there are 2 folders 1 for each website or project. Inside project01 folder you can see there are 2 files and another folder that contains 2 images.  

Having it neat and organized like this and doing it consistantly means you know right where everything is every time with out question. 

Here is a great image example that TA_Aly posted in the main channel as a visual on what it might look like.
![](https://i.imgur.com/d2qKtmo.png)
