Hey, friends, welcome back.
My name is Brad Hussey.
In this lesson we are going to talk about website file and folder structure just to kind of give you
a little bit of an understanding for some good practices or best practices when structuring and organizing
your websites.
So it's important to keep the contents of your website organized folder should have a simple one.
Word name, multi word names can be faked by using underscores or dashes.
So for example, if you have a folder called product, underscore images that works, product dash images
works as well course underscore files and so on.
If you have a one word folder like images, that obviously is more simple, but if you need to have
multi words you can use underscore or dashes.
It's just a nice practice when building sites, especially when you're collaborating on those websites
with other designers and developers.
It just keeps things clean.
In the root folder of your website.
Root, by the way, is a common name for the top level directory of a website.
So that's the, the main directory of your website.
You will place an HTML document called indexed on each HTML.
So the index that each HTML is your home page, it's the first web page that visitors see when they
arrive on your site.
So in the root of your folder, because that's essentially what a website is, it's a folder with a
series of folders organized and structured with other folders and pages and documents.
The very first document is the indexed on each HTML and it's in the root folder.
Once you have indexed that each HTML in the root folder, that's the page that people will see as the
home page.
The index HTML file name is set in stone.
Keep in mind because UNIX based HTTP servers are configured to look for a document that is called Index
dot tim, tim or index dot HTML or if you're using PGP index, not PHP.
But outside of the scope of this lesson index dot HTML is your go to.
Here, it's what you need to call it.
Now if you're not specifying index today's HTML in the file name so brad -- dossier slash indexed
HTML you know you're typing in brad k okay slash about dot HTML.
Then you're going to go to the about document or about page.
Now you'll probably notice that when you type in a website like website dot com, Brad Hussey dossier,
google.com, whatever, you're not going to see on in the URL address bar.
Brad Hussey Okay.
Slash index studies HTML.
You're going to see Brad Hussey dossier.
Now if you go to a separate page like Slash about HTML, then you will see that.
Now you might also notice that you don't always see or you rarely see nowadays dot html in the address
bar because most of the time you're building your site using like page P or something like that, which
is an extension of HTML.
Again, outside of the context and the scope of this lesson and this course right now, you'll also
have a folder reserved for your images.
This folder, you usually call it images or IMG.
And let's take a look at the typical files slash folder structure of a simple website.
So let's call this folder my website.
Within there at the root you have index storage, HTML.
Then you have your images folder within there.
Let's say you have your logo as a JPEG file or a PNG file, even a vector file.
Okay.
So let's say logo dot jpg, it's in your images folder within your my website folder.
Let's say you have another folder in the route called downloads.
And in there you have things that are HTML.
That's how you structure that.
Another folder biographies.
Brad Dunnage html.
This is the basic structure that you would use the, you know, the convention that you would use for
structuring out your site.
So let's assume that this directory lives at the web address website dot com.
Navigating two things that each HTML within the downloads folder would look like.
Website dot com slash downloads slash things.
HTML makes sense navigating to logo dot jpg within the images folder would look like website dot com
slash images slash logo by jpg and so on and so forth.
So that makes sense.
Hopefully we're all good.
All right.
We'll see in the next lesson.