Directory Structure for Better Organization

We are going to be demonstrating external CSS techniques since it is the ultimate way to work with CSS. Inline CSS methods work for quick stuff, but if you want the best and most organized way to manage a full site, use external styling. Set up your project folder like this for most of the CSS tutorials on this site. This structure is going to be very helpful for staying organized and adding/editing styles as we build on. Since the goal for using external CSS is to make design changes and site management easier, we will want to keep a nice tidy directory structure as we build on.

Tip:    We will now add our images into our pages like this. Put your images into their own folder.

Notice how we reference the images folder and images now --> "images/my_pic.jpg"