OK, guys, and now with our final project for Eternity and all the first we will do right now is to
meet this one at an old sorry -- team of five up in this folder, new folder inside for our first Web
page.
And we can drag these two inside here and here.
We will create a new folder called Final and HTML5 Project.
And then we can drag this folder to be inside here.
And now we have the folder we will correct here in DOT at T and L, and from here we will start with
that to a five and then click enter, let up in this file, be Google Chrome.
We can save, we can go back.
And then when we go back to our Web page, now we have that document.
OK, let's go back to this page.
The first thing we will start with is editing the title of the page here.
It is a document we want to make it to our project.
We can make here our final project or just that five project, and then we can go back and reload.
And then we got our final HP and another five project from here.
The first thing we will add is the headers.
Let's go and remember how we added headers.
We can go back to this page and and add one and find we can just do this and adding one.
Let's go back and see what we have right now and then we will try for that heading to actually do this
before this and then adding to and then we can go back and see what we have.
Now we have the heading to let's try for the heading three at three.
Sorry.
If you want to undo this action, just just click for the mat for the command plus and thing for the
Windows and Linux.
Just click on control.
The we can make here at the read this and adding three.
Now we have the heading three now lets know how to add for the heading for x4.
This is heading for
the left one.
Sorry, not the last one, the one which is before the last one.
This and adding five.
And then for the last one we can just type things.
This adds heading six.
We can go back to our web page and see what we have right now.
This is the heading.
It's, it's very small.
Now if you see from here, we will just add a paragraph.
And you can remember from these videos to add a paragraph and use that paragraph tag and then find out
like this as a power grab.
We can go back to our Web page and see what we have right now.
Now, we got this as a paragraph.
Now we will add the Lorang paragraph inside our Web page.
We can go back to our critic, Ed Corridan.
You tagged or we can just make it inside here and break the lot with Kastari, Lariam and event here.
We can think and go back.
You reprogramme the line, jump in the group, but will it be applied for that Web page?
And we will see right now relock.
It's not applied because we want to add to it, which means I want to print the line here so it will
be applied inside the Web page.
Let's do this part here.
We can just give it a B or break line when we go back to our Web page.
Now we've got that broken law.
And again, I want to play the line from here.
We can just copy the text and go back on my blog for the Mac and Control, plus for when Jobs and Windows
and Linux based in here, we can we can meet P or P or what.
Yes.
Let's say and go back now we've got this perfect.
And as you can see from here, we want to add a horizontal line.
Let's go and we can go here and and and ah, let's see what we have here inside our Web page
that we will add link and and e-mail.
Do you remember how we can add links or emails to add links or emails?
We will use the A tank.
We can make a we already f the first one.
Start with the link we can make gtp s five that w w w dot Nike dot com and then side here.
We can just type that name or we can just type anything you want.
We can go back now.
Now we got ahead of me when we click here.
Now we got the just waiting this page.
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
mail.
You can choose any of these.
We can click on email and you we got the Miletto ready for us, the Ketel Example Act link dot com
Wittgenstein's.
No, no, we didn't type anything.
Send me an e-mail.
We can go back to our web page and then we have sent me an email.
We want to the line here p r OK, I'm going to show you here something different when we look inside
our website here.
I want bring it here.
I want it to take me to another tab.
So let know how we can make it.
We can just go here and a target of plan.
So when we click here, it takes me to another tab.
Perfect.
And now, as you can see from here, we will add images.
We will add an image with a source and we will download an image and edit.
Let's add an image with a source here we can.
And that's one we can copy the image across just.
Click on Right Click and we can go back and here we can and imagine, and he would stop the source so
we can just click on the source.
We don't need the thought that we don't need neither old nor stories set so we can just delete them.
We can based.
Let's go back to our Web browser and see what we have when we go here and reload.
And then we have this image.
But we want to bring the line here.
Let's see what we can do here.
And and B, are now we have broken the line for this image, OK?
And now what we want to do, we want to add an image.
We want to download an image and add and we can make the screen smaller and then we can upload this
file.
We can just choose this image.
Now it's very small.
This is OK.
We can drag it here.
We can load this name right like that.
We can go back to our good editor.
And here at this image, we can and imagine with a source, we can leave the A. We can just add a description
if we wish.
We can just type in an image or we can leave it empty lots w whatever you wish and then we can just
type A.
But this is very updated.
Just click on DOT now we got the suggestions, we can click here and then we have imagine when we go
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
from the theist language which I told you about before, that, as you can see from here, we will add
a horizontal line and a horizontal line.
We can go back to this part after the event and just add that are.
Nope, not here, we can go back to this page and update from here.
OK.
And then here after the horizontal line, we didn't think I think, uh, what's the problem here?
I think we got something wrong.
Yes, it's here.
And now we will add to the list, which is the ordered and ordered.
We will start with the order.
We can go back to our editor and remember how we ended before the story of the the last year.
We can just type type U.
L, which is the ordered list.
And inside we can make I wish I was
not here.
We load and then we got the item one we can do now for the item to right.
And then for the item three, four and five.
We can just put it there and I, I turn three like five and go pack this one here and then we have four
that I can for I four and the last one which is for the item five or five.
Let's go and see what we have now.
We got that.
Let's try now for the unordered list.
We can go back here and remember how we can add the unordered list.
We can just give you out, which is unordered list and I have one.
We can go back and see what we have right now.
This is the item one.
And then and I, I turn to this is the item, too.
We can try now for the item three.
On Channel three and then now we can try for the item for but let's see what we have right now inside
our Web page of item three on Channel four.
And the last one will be for the item five.
Now we have item five.
But there's something we didn't talk about.
I think three things we didn't learn how to add maps, videos from the YouTube and forth.
In the next two videos, we will know how to add maps, videos from the YouTube and forms inside our
website.
Good luck and have fun.