1 00:00:00,630 --> 00:00:02,950 Hello and welcome. 2 00:00:03,080 --> 00:00:03,800 You. 3 00:00:04,050 --> 00:00:11,710 I will show you how to create a busy hastier middle document structure. 4 00:00:12,210 --> 00:00:21,510 This is an illustration of a busy page turner mail documents structure that I am going to replicate 5 00:00:21,900 --> 00:00:30,540 inside a text editor and then save it as an index dropped his email file. 6 00:00:30,540 --> 00:00:41,760 Web pages are saved with here's tier mail file extension and the index is basically the home page or 7 00:00:42,030 --> 00:00:45,060 the entry page to your website. 8 00:00:45,090 --> 00:00:50,030 If your web site has multiple web pages. 9 00:00:50,700 --> 00:00:57,190 Let's begin by creating a structure for our sample. 10 00:00:57,200 --> 00:01:05,790 Here's email document I have already created my for the structure on my desktop. 11 00:01:05,920 --> 00:01:10,560 But you can create yours anywhere on your computer. 12 00:01:10,680 --> 00:01:20,910 So this is by default a structure here and the way I created it is by right clicking on the blank space 13 00:01:20,970 --> 00:01:28,800 on my desktop and just clicking on the new option and selecting folder and then just keep Minda for 14 00:01:28,800 --> 00:01:30,000 that name. 15 00:01:30,060 --> 00:01:34,430 In this case I have called my forwards are my projects. 16 00:01:34,650 --> 00:01:36,750 So that's the first step. 17 00:01:36,760 --> 00:01:46,340 Once you've done that then open up the folder and then you create a project for this out. 18 00:01:46,410 --> 00:01:55,060 For that here will be a container for all your website projects that you want to create. 19 00:01:55,280 --> 00:02:02,010 It's always a good idea to keep all your projects in one location so open that up and then I've created 20 00:02:02,220 --> 00:02:05,580 another for the inside this fordor. 21 00:02:05,580 --> 00:02:07,080 Basically the same way. 22 00:02:07,290 --> 00:02:16,440 Right click and go a new folder and then give it a name chordate sample that site. 23 00:02:16,680 --> 00:02:25,920 It's a good practice name in your project folders or your folders in general to give them lower case 24 00:02:26,070 --> 00:02:26,940 names. 25 00:02:27,150 --> 00:02:36,180 If it contains more than one word use a hyphen like I've done here I've done some poor damn site to 26 00:02:36,330 --> 00:02:42,850 keep the folder name so always good to use like it is a better naming convention. 27 00:02:42,940 --> 00:02:52,050 So now that we've created pay for the project we are going to create 3 support us inside before that 28 00:02:52,080 --> 00:02:54,630 so click on it and click it. 29 00:02:54,670 --> 00:02:55,390 3 4. 30 00:02:55,440 --> 00:03:04,050 Just right click and go a new folder and do that three times and just give each of the folders and name 31 00:03:04,320 --> 00:03:05,930 call 1 images. 32 00:03:06,120 --> 00:03:11,710 The other call scripts and the other one you call it style sheets. 33 00:03:12,270 --> 00:03:17,900 This basically helps you organize your father so if you got any images you want to use. 34 00:03:17,900 --> 00:03:20,980 He put the images inside the images for there. 35 00:03:21,090 --> 00:03:27,450 If you've got any scripts like javascript you placed inside the scripts folder and if you've got any 36 00:03:27,530 --> 00:03:32,040 success that goes in the style sheets folder. 37 00:03:32,390 --> 00:03:38,280 If you are using a Mac computer you can create these folders. 38 00:03:38,280 --> 00:03:47,330 The same way as well I have had read a couple of images till my images fall that these two images here 39 00:03:47,910 --> 00:03:58,140 and I got them set out to 5 6 by 2 5 6 which means they will only be set to 5 6. 40 00:03:58,170 --> 00:04:05,290 I got this images from a website called on Splash dot com which is this site here. 41 00:04:05,430 --> 00:04:12,080 So basically you just type in whatever are you interested in your subject title See for example if you 42 00:04:12,080 --> 00:04:21,420 are interested in dogs who type in dogs there you can just get a variety of images related to your search 43 00:04:21,950 --> 00:04:25,890 and then you download what you want. 44 00:04:25,890 --> 00:04:27,060 So that's what I do. 45 00:04:27,090 --> 00:04:34,830 I just went to these images and downloaded a couple of them so feel free to type in whatever subject 46 00:04:34,830 --> 00:04:35,210 you want. 47 00:04:35,210 --> 00:04:39,880 Doesn't have to be dogs but anything that takes your fancy. 48 00:04:40,800 --> 00:04:45,360 So once you've got your images so make sure you put them in your images. 49 00:04:45,360 --> 00:04:54,240 For now the images will probably not be the same size so you can resize them and you can use any image 50 00:04:54,360 --> 00:04:55,650 editing tool. 51 00:04:55,770 --> 00:04:59,630 If you are on a Windows computer you can use Microsoft Paint. 52 00:04:59,800 --> 00:05:08,890 So the way I size my images I just right clicked and went to open with paint which is my necklace of 53 00:05:08,890 --> 00:05:09,760 paint. 54 00:05:09,970 --> 00:05:14,320 And while you are in paint you just click on the recycled button. 55 00:05:14,650 --> 00:05:18,190 Make sure two pixels okay you can see it. 56 00:05:18,220 --> 00:05:20,080 This is my current size. 57 00:05:20,200 --> 00:05:28,150 And when you want to reset your or resize your images make a check on pixels put in the size you want 58 00:05:28,760 --> 00:05:35,980 the horizontal vertical which is the wave height and make sure this option here this is meant to aspiration 59 00:05:35,990 --> 00:05:43,510 you make sure that is checked where you set the horizontal and vertical value. 60 00:05:43,510 --> 00:05:44,650 So I've already done this. 61 00:05:44,650 --> 00:05:45,900 I'm not going to do this again. 62 00:05:45,910 --> 00:05:48,730 I'm just showing you how I did it. 63 00:05:48,730 --> 00:05:54,970 Once you've done that then you can see that back in to your images for that. 64 00:05:55,090 --> 00:06:02,930 And just give it the relevant name so that's it for this part of the video.