1
00:00:00,680 --> 00:00:02,130
Hello and welcome.

2
00:00:02,190 --> 00:00:13,330
In this video I will show you how to assemble the various files used in building a website in a way

3
00:00:13,460 --> 00:00:27,750
they can talk to cover a website consist of many files text content called stylesheets sheets media

4
00:00:27,780 --> 00:00:31,200
content and so on.

5
00:00:31,200 --> 00:00:41,580
When you are building a Web site you need to assemble these farms into a sensible structure on your

6
00:00:41,580 --> 00:00:51,600
local computer and also make sure they can talk to one another and get all your content looking right

7
00:00:52,080 --> 00:01:03,150
before you upload it to a server and server basically is a for remote hosting computer.

8
00:01:03,420 --> 00:01:08,520
That is always on 24 7.

9
00:01:08,520 --> 00:01:11,430
This is where your website will live.

10
00:01:11,670 --> 00:01:21,350
If you want the world to access your website there is usually a charge for this hosting service.

11
00:01:21,640 --> 00:01:33,360
When you are working on a website locally on your computer you should keep all the related farms in

12
00:01:33,420 --> 00:01:44,010
a single fordor that single forward should mirror the published websites file structure on the remote

13
00:01:44,130 --> 00:01:45,570
server.

14
00:01:45,810 --> 00:01:55,080
This folder can leave any way you like but you should put it somewhere where you can easily find it

15
00:01:55,430 --> 00:02:04,370
may be on your desktop in your home folder or at the root of your hard drive.

16
00:02:04,410 --> 00:02:16,740
You can also create sub folders to store images media files and so on the index dot hastier move file

17
00:02:17,490 --> 00:02:26,010
contains the main content of the website and also connects to the sub folders.

18
00:02:26,040 --> 00:02:33,480
It is usually stored in the root of the Project for that so the index fund does not get stored in a

19
00:02:33,480 --> 00:02:44,130
form that itself is securely in the root of the main projet falter to choose a place to store your website

20
00:02:44,130 --> 00:02:45,320
projects.

21
00:02:45,720 --> 00:02:52,520
Let's create a new folder called my projects or similar.

22
00:02:52,530 --> 00:02:56,680
This is where all your website projects will lead.

23
00:02:56,850 --> 00:02:58,540
So I've already done that.

24
00:02:58,630 --> 00:03:02,970
Have created a for that caused my daps projects.

25
00:03:03,050 --> 00:03:10,830
Notice that they are all in like case so the way I created this it just right clicked on my desktop

26
00:03:10,910 --> 00:03:16,770
and went to the new and clicked folder and just gave the folder a name.

27
00:03:16,800 --> 00:03:23,180
So just to the same right click on your desktop and just give the fordor name.

28
00:03:23,410 --> 00:03:30,280
So this is going to be the main project followed up for all my website projects.

29
00:03:30,490 --> 00:03:42,180
Then inside this border here I am going to create another folder that will store the content of my first

30
00:03:42,300 --> 00:03:47,760
website and I decided to call this some poor site.

31
00:03:47,790 --> 00:03:50,240
You can call it something more.

32
00:03:50,250 --> 00:03:51,300
Imagine it.

33
00:03:51,570 --> 00:03:56,630
So if I click on this now you can see I have created another fault here.

34
00:03:56,640 --> 00:04:00,240
Folders are also called directories.

35
00:04:00,240 --> 00:04:08,820
So this is going to be the main projet folder for my first sample website.

36
00:04:09,030 --> 00:04:18,680
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

37
00:04:18,680 --> 00:04:23,360
so if I have any images I want to use for my website.

38
00:04:23,490 --> 00:04:29,630
I will store the images inside this folder if I've got any javascript I want to use.

39
00:04:29,730 --> 00:04:38,970
I saw it inside this for the script for any Seer says ask for it in silence for their call shit and

40
00:04:38,970 --> 00:04:40,160
then in the root.

41
00:04:40,170 --> 00:04:41,830
This is called a root in The Root.

42
00:04:41,850 --> 00:04:44,120
Have caught the index dot.

43
00:04:44,160 --> 00:04:45,780
Hey Tim file.

44
00:04:45,870 --> 00:04:51,200
This basically is the MP for the website so winsome goes to your website.

45
00:04:51,200 --> 00:04:58,910
If for example Google dot com they'll be more in the index to his email file so this in the stockist

46
00:04:58,920 --> 00:04:59,710
him a file.

47
00:05:00,300 --> 00:05:06,060
We'll link to these so called so far please inside.

48
00:05:06,070 --> 00:05:11,940
So for those I will link to them from this in the store Here's a male file.

49
00:05:11,940 --> 00:05:19,310
So when someone calls or goes to my website address they'll be referenced in this index stockage term

50
00:05:19,350 --> 00:05:27,980
of file which also has linked these or their files inside these sub directories.

51
00:05:27,990 --> 00:05:37,980
It's also a good idea to name your folders and files like this you can see a name my subdirectories

52
00:05:38,130 --> 00:05:45,540
in case and also you can see my main project for there is in like case.

53
00:05:45,540 --> 00:05:51,400
This is because many observers are case sensitive.

54
00:05:51,420 --> 00:06:02,560
So for example if you have the wrong format called it file it this is in like case and I try and upload

55
00:06:02,560 --> 00:06:07,750
it to the server and change it later to upper case or vice versa.

56
00:06:08,040 --> 00:06:15,510
It may not work so you have to maintain a format if you specify the lower case make sure when you are

57
00:06:15,530 --> 00:06:21,650
in full cheam or trying to call the files inside here make sure they are specified in the same way.

58
00:06:21,720 --> 00:06:33,780
It's generally a good practice to name your files and folders in Lower Keys with no spaces to make the

59
00:06:33,780 --> 00:06:36,340
files in the individual folder.

60
00:06:36,480 --> 00:06:37,940
Talk together.

61
00:06:38,220 --> 00:06:44,360
We have to make sure the file path between them is correct.

62
00:06:44,420 --> 00:06:46,790
How far apart physically you can see here.

63
00:06:46,800 --> 00:06:55,530
This is known as a five part five part is the location of the outroar files in the decrease.

64
00:06:55,530 --> 00:06:58,860
This here is referred to as a file path.

65
00:06:59,100 --> 00:07:07,050
So when linking to this index or his team of file because they are all in the same territory.

66
00:07:07,290 --> 00:07:16,260
I don't need to give the forepaugh I just need to indicate the name of the forward slash file that will

67
00:07:16,260 --> 00:07:19,170
link it to the correct path.

68
00:07:19,260 --> 00:07:31,800
So this is the ideal way to assemble your files and sub folders that you want to use to build your website.

69
00:07:31,800 --> 00:07:34,800
Thank you for watching and bye for now.