Web Development folder structure

Best Practice to Organize HTML, CSS Folder Structure, and JavaScript files

  • Make one folder on any Drive of your local machine and give it a name. eg.TestWebsite

  • Go inside that folder and first create an index.html file. This is where we will write our HTML codes. Don't forget to give the extension .html which is the most important.
  • once done with making .html. Create one folder inside ur main folder and give it a name, It will be better if you give CSS. After all, the folder is for CSS file only. Now go to the CSS folder and again make one style.css file. Remember, Extension must be .css
  • Go to your main folder again then make another folder for images and give it a name Images. It will make sense. Now all the images required for your website will be in this folder.

  • If you want to make a separate folder for JavaScript too. But if you write inside ur file, It same.


  1. Can U suggest me which programming language is best for back-end web development..........Please

    1. Bro It is totally depends on the company for which you are applying. Like PHP is mostly used, then .net is used then Now a Day Python/ Django is jsut rocking.. If you go with python will be great.
      These are some JavaScript frameworks that are becoming quite popular these days:
      Node js
      Backbone js
      Ember js

      Hope you get ur answer :)

  2. I admire what you have done here. I like the part where you say you are doing this to give back but I would assume by all the comments that this is working for you as well. web design tips

  3. Did you publish your source code. If you did, please reply

  4. Bhaia, Awesome this web page,,,

  5. Great knowledge, do anyone mind merely reference back to it web design belize

  6. The article was up to the point and described the information very effectively. Thanks to blog author for wonderful and informative post.
    website development company pakistan

  7. This is true that such web development folder structure can be useful. However, there are some other guidelines available by graphic design agency that can be useful for this regard.

  8. You there, this is really good post here. Thanks for taking the time to post such valuable information. Quality content is what always gets the visitors coming. Kopar at Newton at Newton MRT Station

  9. Your articles are inventive. I am looking forward to reading the plethora of articles that you have linked here. Thumbs up! Ozzun Cheap Domain and hosting company