What kind of folder structure do you use?

[kawohi]

Besides the usual folder with css, php, js, etc that you use for your website. What about on your computer? Do you have a ‘Project’ folder where you keep all of your client projects at? If so, whats it called? What about plugins you downloaded or made? and where do you keep the files you reuse in every project?

I ask this because i’m trying to tidy-up my folders and have no idea how I should do it. I have a Workspace folder, in that folder I have a ‘project folder’, in that folder I have a folder called ‘base’. Every project I copy the base folder and pasted and then rename. I also have a design folder in the ‘Workspace’ folder too.

Same thing implies for your design assets. stock photos, brushes, etc. So what kind of folder structure do you use? ps: I really want to know what Chris has in his folders too.

[TheDoc]

Mine looks a little something like this:

Clients

• Client 1

  • Content

    • Received (untouched batches from client)
    • Organized (edited, organized and finalized content)

  • Design (all design files)

    • Proofs (for client to sign off on)

  • Documentation (Site Arch, Scope, Contract, etc)
  • Website

    • images
    • css
    • js

• Client 2

  • Etc…

[kawohi]

What about folders not for clients but your personal folders and files? Like uhh folder that you keep all of your stylesheets in, or snippets.

[TheDoc]

I treat everything that I do for myself also as a client. I have a terrible “Resources” folder that needs to be heavily reworked!

[snillor]

The folder structure on my computer needs improvement.

As for clients’ sites, I typically use:

root:
– html files
– image folder
– image_pres folder (graphics for presentation as opposed to content-related images)
– js folder
– styles (or css) folder

Depending on how the site’s hosting company organizes things, I may also create an “archives” folder.

[CuzzKing]

Interesting question. Would be a nice topic for a blogpost.

Most of the time I use the following structure:

• Client

  • Public

    • Assets

      • Css
      • Images
      • Javascript

    • Layouts (contains layout templates)

  • Includes (PHP classes or functions)
  • Logfile (If needed)
  • Resources (Content from client)
  • Documents (All the paperwork)

[kawohi]

That’s a nice structure. How about for resources though? Downloaded plugins, stock photos, and design essentials?.

[KarimCossutti]

Very interesting discussion going on here

[standuncan]

Mines pretty simple:

• Client1

  • Resources

    • PSDs, stock photos, logos, etc.

  • Documentation

    • IA, proposal, contract, etc.

  • Root

    • html
    • php
    • images
    • js
    • css
    • index.html

• Client2

[CrisPossa]

I made my structure from a lot of information in the web, including this post.
The final structure is this:

https://www.dropbox.com/s/0tvny6fskd6ehrf/Web%20Folder%20Structure.jpg

[Author]

Posts