Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

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,008 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.