Hello and welcome.
In this video I will show you how to assemble the various files used in building a website in a way
they can talk to cover a website consist of many files text content called stylesheets sheets media
content and so on.
When you are building a Web site you need to assemble these farms into a sensible structure on your
local computer and also make sure they can talk to one another and get all your content looking right
before you upload it to a server and server basically is a for remote hosting computer.
That is always on 24 7.
This is where your website will live.
If you want the world to access your website there is usually a charge for this hosting service.
When you are working on a website locally on your computer you should keep all the related farms in
a single fordor that single forward should mirror the published websites file structure on the remote
server.
This folder can leave any way you like but you should put it somewhere where you can easily find it
may be on your desktop in your home folder or at the root of your hard drive.
You can also create sub folders to store images media files and so on the index dot hastier move file
contains the main content of the website and also connects to the sub folders.
It is usually stored in the root of the Project for that so the index fund does not get stored in a
form that itself is securely in the root of the main projet falter to choose a place to store your website
projects.
Let's create a new folder called my projects or similar.
This is where all your website projects will lead.
So I've already done that.
Have created a for that caused my daps projects.
Notice that they are all in like case so the way I created this it just right clicked on my desktop
and went to the new and clicked folder and just gave the folder a name.
So just to the same right click on your desktop and just give the fordor name.
So this is going to be the main project followed up for all my website projects.
Then inside this border here I am going to create another folder that will store the content of my first
website and I decided to call this some poor site.
You can call it something more.
Imagine it.
So if I click on this now you can see I have created another fault here.
Folders are also called directories.
So this is going to be the main projet folder for my first sample website.
So if I open up this folder here you can see I've got all the sub folders but a sub for the four images
so if I have any images I want to use for my website.
I will store the images inside this folder if I've got any javascript I want to use.
I saw it inside this for the script for any Seer says ask for it in silence for their call shit and
then in the root.
This is called a root in The Root.
Have caught the index dot.
Hey Tim file.
This basically is the MP for the website so winsome goes to your website.
If for example Google dot com they'll be more in the index to his email file so this in the stockist
him a file.
We'll link to these so called so far please inside.
So for those I will link to them from this in the store Here's a male file.
So when someone calls or goes to my website address they'll be referenced in this index stockage term
of file which also has linked these or their files inside these sub directories.
It's also a good idea to name your folders and files like this you can see a name my subdirectories
in case and also you can see my main project for there is in like case.
This is because many observers are case sensitive.
So for example if you have the wrong format called it file it this is in like case and I try and upload
it to the server and change it later to upper case or vice versa.
It may not work so you have to maintain a format if you specify the lower case make sure when you are
in full cheam or trying to call the files inside here make sure they are specified in the same way.
It's generally a good practice to name your files and folders in Lower Keys with no spaces to make the
files in the individual folder.
Talk together.
We have to make sure the file path between them is correct.
How far apart physically you can see here.
This is known as a five part five part is the location of the outroar files in the decrease.
This here is referred to as a file path.
So when linking to this index or his team of file because they are all in the same territory.
I don't need to give the forepaugh I just need to indicate the name of the forward slash file that will
link it to the correct path.
So this is the ideal way to assemble your files and sub folders that you want to use to build your website.
Thank you for watching and bye for now.