Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

HTML How to Make a Website Creating HTML Content Include External CSS

Folders and files for a complex website.

What folders and files do web developers and designers use when creating a complex website. Also how are the organized and what are the best practices for naming them.

Tiffany Sun
Tiffany Sun
4,455 Points

Great question! It's actually covered later in the 'Web Design' course under 'Photoshop Foundations'> 'Workflow Basics'.

The hierarchy they suggested goes from: <br> folder 'Client' > folder 'Project'

then nested in 'Project' folder are: <br> folder 'Assets' (stock photos, logos, fonts, other assets provided by client) <br> folder 'Design' (photoshop, illustrator, original designs, archive) <br> folder 'Docs' (branding style guides, project briefs, other docs provided by clients <br> folder 'HTML' (coded website files) <br> Hope that helps! :)

1 Answer

jason chan
jason chan
31,009 Points

Uh we usually use frameworks. The framework is already organized into MVC folder structure. You will learn mvc like laravel, django, rails, flask later on in your development career.

But I recommend taking the ruby course first

https://teamtreehouse.com/tracks/learn-ruby

https://teamtreehouse.com/tracks/rails-development

Basically MVC. Model View Controller. You will see how these frameworks are organized. You will build the website based on the framework.

  • Model - database
  • Controller - routes and functions that make database calls
  • Views - templates dummy html with form html mangles with template script.

You can view the file structure under File/Folder http://guides.rubyonrails.org/getting_started.html

It's the same for:

  • php - laravel
  • Python - django or flask
  • javascript - angularjs or mean, ember, backbone, node, express
  • C# or visual basic - asp.net
  • java - spring
  • ruby - rails

Basically, learn ruby on rails or angularjs. Get the feel of MVC and you'll learn how the files structure works in development environment. Software engineering teams wrote these so. Don't be afraid to peek into the unminifed code to see how things are done. Goodluck.