Getting Started - CSS3 Foundations - page 15

folder contains the project files that are worked on throughout CSS3 Foundations . My personal recommendation is
to keep the files within the website folder. So, my folder structure looks like this:
Users/Ian/Sites/CSS3 Foundations/website (ch02-00)/
Often, you might want to save files that aren't part of the website but relate to it (such as notes, instructions from a
client, images that have yet to be edited), so it's a good idea to have a website folder within the project folder to keep
it separate from those extra files.
Within the website (ch02-00) folder, you find the following folders and files:
• css
• fonts
• Average-OFL.txt
• Average-Regular.eot
• Average-Regular.woff
• Belgrano-OFL.txt
• Belgrano-Regular.eot
• Belgrano-Regular.woff
• images
• banner-25percent.png
• banner-shoes.jpg
• banner-socks.jpg
• banner-trainers.jpg
• bdr-footer.png
• bg-blog.png
• bg-body.jpg
• bg-footer.jpg
• bg-newsletter.png
• check.png
• icon-newsletter.png
• logo-small.png
• logo.png
• socks-horses.png
• index.html
A good practice is to separate external files (those separate from the main HTML files, known as assets or dependent
files ) into their own folders. Being organized in this way speeds up your workflow and makes managing a website
easier.
Another good practice is to follow consistent naming conventions for your images. For example, bg-body.jpg and
bg-footer.jpg are so called because they are applied as backgrounds ( bg, meaning background). Multiple versions of