1 00:00:00,420 --> 00:00:09,480 OK, guys, and now with our final project for Eternity and all the first we will do right now is to 2 00:00:09,630 --> 00:00:23,700 meet this one at an old sorry -- team of five up in this folder, new folder inside for our first Web 3 00:00:24,120 --> 00:00:24,690 page. 4 00:00:24,990 --> 00:00:30,480 And we can drag these two inside here and here. 5 00:00:30,750 --> 00:00:38,840 We will create a new folder called Final and HTML5 Project. 6 00:00:40,290 --> 00:00:44,000 And then we can drag this folder to be inside here. 7 00:00:45,360 --> 00:00:56,340 And now we have the folder we will correct here in DOT at T and L, and from here we will start with 8 00:00:57,180 --> 00:01:05,310 that to a five and then click enter, let up in this file, be Google Chrome. 9 00:01:07,470 --> 00:01:09,600 We can save, we can go back. 10 00:01:09,600 --> 00:01:16,050 And then when we go back to our Web page, now we have that document. 11 00:01:16,920 --> 00:01:19,520 OK, let's go back to this page. 12 00:01:20,670 --> 00:01:25,490 The first thing we will start with is editing the title of the page here. 13 00:01:25,500 --> 00:01:29,040 It is a document we want to make it to our project. 14 00:01:30,720 --> 00:01:47,000 We can make here our final project or just that five project, and then we can go back and reload. 15 00:01:47,220 --> 00:01:52,890 And then we got our final HP and another five project from here. 16 00:01:53,310 --> 00:01:56,190 The first thing we will add is the headers. 17 00:01:56,700 --> 00:02:00,600 Let's go and remember how we added headers. 18 00:02:01,200 --> 00:02:12,830 We can go back to this page and and add one and find we can just do this and adding one. 19 00:02:13,110 --> 00:02:24,720 Let's go back and see what we have right now and then we will try for that heading to actually do this 20 00:02:24,720 --> 00:02:34,800 before this and then adding to and then we can go back and see what we have. 21 00:02:36,360 --> 00:02:44,210 Now we have the heading to let's try for the heading three at three. 22 00:02:44,380 --> 00:02:44,940 Sorry. 23 00:02:47,040 --> 00:02:54,750 If you want to undo this action, just just click for the mat for the command plus and thing for the 24 00:02:54,750 --> 00:02:56,190 Windows and Linux. 25 00:02:56,190 --> 00:02:58,290 Just click on control. 26 00:02:58,920 --> 00:03:09,510 The we can make here at the read this and adding three. 27 00:03:12,780 --> 00:03:22,680 Now we have the heading three now lets know how to add for the heading for x4. 28 00:03:23,850 --> 00:03:28,170 This is heading for 29 00:03:31,040 --> 00:03:32,040 the left one. 30 00:03:32,040 --> 00:03:35,940 Sorry, not the last one, the one which is before the last one. 31 00:03:37,290 --> 00:03:41,970 This and adding five. 32 00:03:42,540 --> 00:03:45,990 And then for the last one we can just type things. 33 00:03:46,680 --> 00:03:51,700 This adds heading six. 34 00:03:52,020 --> 00:03:56,400 We can go back to our web page and see what we have right now. 35 00:03:57,210 --> 00:03:58,410 This is the heading. 36 00:03:58,500 --> 00:04:00,060 It's, it's very small. 37 00:04:02,100 --> 00:04:06,870 Now if you see from here, we will just add a paragraph. 38 00:04:09,570 --> 00:04:20,070 And you can remember from these videos to add a paragraph and use that paragraph tag and then find out 39 00:04:20,160 --> 00:04:25,500 like this as a power grab. 40 00:04:26,010 --> 00:04:30,250 We can go back to our Web page and see what we have right now. 41 00:04:32,700 --> 00:04:35,690 Now, we got this as a paragraph. 42 00:04:36,150 --> 00:04:42,080 Now we will add the Lorang paragraph inside our Web page. 43 00:04:42,450 --> 00:04:47,250 We can go back to our critic, Ed Corridan. 44 00:04:47,250 --> 00:04:58,880 You tagged or we can just make it inside here and break the lot with Kastari, Lariam and event here. 45 00:04:59,250 --> 00:05:02,130 We can think and go back. 46 00:05:02,640 --> 00:05:08,910 You reprogramme the line, jump in the group, but will it be applied for that Web page? 47 00:05:08,930 --> 00:05:12,960 And we will see right now relock. 48 00:05:13,380 --> 00:05:19,950 It's not applied because we want to add to it, which means I want to print the line here so it will 49 00:05:19,950 --> 00:05:22,770 be applied inside the Web page. 50 00:05:23,040 --> 00:05:25,890 Let's do this part here. 51 00:05:26,070 --> 00:05:33,690 We can just give it a B or break line when we go back to our Web page. 52 00:05:34,500 --> 00:05:36,620 Now we've got that broken law. 53 00:05:36,750 --> 00:05:40,230 And again, I want to play the line from here. 54 00:05:40,710 --> 00:05:50,340 We can just copy the text and go back on my blog for the Mac and Control, plus for when Jobs and Windows 55 00:05:50,340 --> 00:06:03,010 and Linux based in here, we can we can meet P or P or what. 56 00:06:03,240 --> 00:06:03,780 Yes. 57 00:06:05,220 --> 00:06:12,510 Let's say and go back now we've got this perfect. 58 00:06:12,510 --> 00:06:17,910 And as you can see from here, we want to add a horizontal line. 59 00:06:18,430 --> 00:06:28,800 Let's go and we can go here and and and ah, let's see what we have here inside our Web page 60 00:06:31,420 --> 00:06:35,300 that we will add link and and e-mail. 61 00:06:38,760 --> 00:06:45,060 Do you remember how we can add links or emails to add links or emails? 62 00:06:45,270 --> 00:06:47,910 We will use the A tank. 63 00:06:48,690 --> 00:06:52,790 We can make a we already f the first one. 64 00:06:52,970 --> 00:07:07,560 Start with the link we can make gtp s five that w w w dot Nike dot com and then side here. 65 00:07:07,800 --> 00:07:13,980 We can just type that name or we can just type anything you want. 66 00:07:15,060 --> 00:07:16,480 We can go back now. 67 00:07:17,070 --> 00:07:20,220 Now we got ahead of me when we click here. 68 00:07:20,580 --> 00:07:24,230 Now we got the just waiting this page. 69 00:07:24,240 --> 00:07:37,560 OK, we can go back now and add an email here a here we got a four point eight four link and e f will 70 00:07:37,560 --> 00:07:37,980 mail. 71 00:07:38,250 --> 00:07:39,840 You can choose any of these. 72 00:07:40,260 --> 00:07:51,870 We can click on email and you we got the Miletto ready for us, the Ketel Example Act link dot com 73 00:07:56,640 --> 00:07:57,400 Wittgenstein's. 74 00:07:57,720 --> 00:07:59,340 No, no, we didn't type anything. 75 00:08:00,390 --> 00:08:05,490 Send me an e-mail. 76 00:08:05,730 --> 00:08:10,050 We can go back to our web page and then we have sent me an email. 77 00:08:10,380 --> 00:08:22,560 We want to the line here p r OK, I'm going to show you here something different when we look inside 78 00:08:22,560 --> 00:08:25,470 our website here. 79 00:08:25,620 --> 00:08:26,970 I want bring it here. 80 00:08:27,240 --> 00:08:30,780 I want it to take me to another tab. 81 00:08:31,320 --> 00:08:33,720 So let know how we can make it. 82 00:08:34,590 --> 00:08:40,050 We can just go here and a target of plan. 83 00:08:41,790 --> 00:08:45,740 So when we click here, it takes me to another tab. 84 00:08:46,320 --> 00:08:46,920 Perfect. 85 00:08:48,150 --> 00:08:52,560 And now, as you can see from here, we will add images. 86 00:08:52,560 --> 00:08:58,050 We will add an image with a source and we will download an image and edit. 87 00:08:59,640 --> 00:09:02,640 Let's add an image with a source here we can. 88 00:09:02,640 --> 00:09:08,460 And that's one we can copy the image across just. 89 00:09:08,500 --> 00:09:19,210 Click on Right Click and we can go back and here we can and imagine, and he would stop the source so 90 00:09:19,210 --> 00:09:21,400 we can just click on the source. 91 00:09:22,360 --> 00:09:29,640 We don't need the thought that we don't need neither old nor stories set so we can just delete them. 92 00:09:30,280 --> 00:09:31,640 We can based. 93 00:09:33,820 --> 00:09:41,020 Let's go back to our Web browser and see what we have when we go here and reload. 94 00:09:41,210 --> 00:09:42,730 And then we have this image. 95 00:09:42,880 --> 00:09:44,780 But we want to bring the line here. 96 00:09:45,550 --> 00:09:48,610 Let's see what we can do here. 97 00:09:48,610 --> 00:09:58,330 And and B, are now we have broken the line for this image, OK? 98 00:09:58,810 --> 00:10:02,500 And now what we want to do, we want to add an image. 99 00:10:02,500 --> 00:10:11,170 We want to download an image and add and we can make the screen smaller and then we can upload this 100 00:10:11,170 --> 00:10:11,740 file. 101 00:10:12,430 --> 00:10:14,530 We can just choose this image. 102 00:10:15,490 --> 00:10:16,660 Now it's very small. 103 00:10:17,170 --> 00:10:17,950 This is OK. 104 00:10:17,950 --> 00:10:19,060 We can drag it here. 105 00:10:20,290 --> 00:10:22,530 We can load this name right like that. 106 00:10:22,900 --> 00:10:25,750 We can go back to our good editor. 107 00:10:28,930 --> 00:10:40,210 And here at this image, we can and imagine with a source, we can leave the A. We can just add a description 108 00:10:40,210 --> 00:10:40,940 if we wish. 109 00:10:41,560 --> 00:10:51,670 We can just type in an image or we can leave it empty lots w whatever you wish and then we can just 110 00:10:51,760 --> 00:10:52,780 type A. 111 00:10:53,260 --> 00:10:54,880 But this is very updated. 112 00:10:54,880 --> 00:11:03,250 Just click on DOT now we got the suggestions, we can click here and then we have imagine when we go 113 00:11:03,250 --> 00:11:12,520 back to see what we do now we got this image is very big but in order to edit it we will need to edit 114 00:11:12,520 --> 00:11:21,010 from the theist language which I told you about before, that, as you can see from here, we will add 115 00:11:21,010 --> 00:11:24,820 a horizontal line and a horizontal line. 116 00:11:25,270 --> 00:11:31,090 We can go back to this part after the event and just add that are. 117 00:11:34,930 --> 00:11:41,980 Nope, not here, we can go back to this page and update from here. 118 00:11:43,400 --> 00:11:43,990 OK. 119 00:11:48,750 --> 00:11:55,800 And then here after the horizontal line, we didn't think I think, uh, what's the problem here? 120 00:11:55,830 --> 00:11:57,310 I think we got something wrong. 121 00:11:57,570 --> 00:11:58,470 Yes, it's here. 122 00:11:59,700 --> 00:12:06,090 And now we will add to the list, which is the ordered and ordered. 123 00:12:06,240 --> 00:12:08,210 We will start with the order. 124 00:12:08,550 --> 00:12:17,130 We can go back to our editor and remember how we ended before the story of the the last year. 125 00:12:17,130 --> 00:12:19,920 We can just type type U. 126 00:12:19,920 --> 00:12:22,470 L, which is the ordered list. 127 00:12:23,520 --> 00:12:29,070 And inside we can make I wish I was 128 00:12:31,770 --> 00:12:32,680 not here. 129 00:12:32,760 --> 00:12:41,130 We load and then we got the item one we can do now for the item to right. 130 00:12:43,920 --> 00:12:47,730 And then for the item three, four and five. 131 00:12:47,730 --> 00:12:59,310 We can just put it there and I, I turn three like five and go pack this one here and then we have four 132 00:12:59,400 --> 00:13:11,390 that I can for I four and the last one which is for the item five or five. 133 00:13:11,670 --> 00:13:14,880 Let's go and see what we have now. 134 00:13:14,880 --> 00:13:15,680 We got that. 135 00:13:15,990 --> 00:13:19,890 Let's try now for the unordered list. 136 00:13:20,340 --> 00:13:25,860 We can go back here and remember how we can add the unordered list. 137 00:13:27,240 --> 00:13:36,330 We can just give you out, which is unordered list and I have one. 138 00:13:37,230 --> 00:13:40,320 We can go back and see what we have right now. 139 00:13:40,710 --> 00:13:42,390 This is the item one. 140 00:13:42,810 --> 00:13:52,800 And then and I, I turn to this is the item, too. 141 00:13:54,330 --> 00:13:57,150 We can try now for the item three. 142 00:14:00,070 --> 00:14:07,990 On Channel three and then now we can try for the item for but let's see what we have right now inside 143 00:14:07,990 --> 00:14:15,220 our Web page of item three on Channel four. 144 00:14:17,920 --> 00:14:22,120 And the last one will be for the item five. 145 00:14:26,990 --> 00:14:28,660 Now we have item five. 146 00:14:30,010 --> 00:14:33,090 But there's something we didn't talk about. 147 00:14:33,100 --> 00:14:40,270 I think three things we didn't learn how to add maps, videos from the YouTube and forth. 148 00:14:40,960 --> 00:14:49,420 In the next two videos, we will know how to add maps, videos from the YouTube and forms inside our 149 00:14:49,450 --> 00:14:50,220 website. 150 00:14:50,680 --> 00:14:52,470 Good luck and have fun.