Activa JavaScript para disfrutar de los vídeos de la Mediateca.
WEB PAGES - Contenido educativo
Ajuste de pantallaEl ajuste de pantalla se aprecia al ver el vídeo en pantalla completa. Elige la presentación que más te guste:
In this video I'm going to show you how you can do your first webpage by using HTML code. That is the very important thing.
00:00:02
So firstly, you should create a folder in your computer and inside it put the elements of your web page. Each web page has different elements, but in our case we just only have a picture or a photo.
00:00:26
And you should be very careful about the format of the picture because these pictures just only can have G-format or PNG format.
00:00:52
otherwise you can see on the navigator and you can see they can't see on the
00:01:13
internet so be careful with the format of your picture of your photos then you
00:01:22
should create the the first a blank page the page web has the same form the same
00:01:32
structure they have a head and a body inside the inside the the page so you
00:01:44
should write this code firstly this tag HTML which let you to start your
00:01:58
web page and the finish of the web page and the head tags and the body tags
00:02:10
which are very important so in the head you just only have some
00:02:20
characteristics of your web page but not contents the contents are only in the
00:02:32
body so this is a code for a blank web page so now you should use the block
00:02:39
notes to edit and give the form on HTML format to your web page and the
00:02:57
navigator to see the results well the our web page is so simple it only will
00:03:06
have letters text and a picture but obviously test has a lot of
00:03:21
characteristics. Texts need for example letters and letters can be in
00:03:31
different font, can be different characteristics as font for
00:03:42
example or a color or a size and obviously your page, your text can be
00:03:48
organized in different ways but very often all the test also always have headings.
00:03:57
So the first tag we are going to explain is headings.
00:04:09
use this tag which consists in an age and a number to indicate that inside this
00:04:16
there is a heading. So very careful when you do that. As bigger the number is as
00:04:29
smaller the letter is so taking take this into consideration for the rest of the of the test
00:04:45
you need also to know different characteristic of the of the test of the heading for example
00:05:00
For example, the color, which is very simple to indicate. For this characteristic, for these attributes, you use different kinds of tags, one for each characteristic.
00:05:11
For example, two letters, you use font. Font can be in different types, different faces, or in different colors, or in different sizes.
00:05:29
So indicate, put, write the tag of the attribute and then the value of the attributes.
00:05:45
In this particular case is the color and now is red.
00:05:54
You can use the name in English or you can use one of the code for colors that you usually use.
00:06:00
It is also important the organization of your test. The test is always organized into paragraph. So the paragraph can be aligned in different ways. It can be at right, it can be at left, it can be center.
00:06:15
And for this you can use this tag, p and a link. p is a paragraph, so use p to open and close paragraph in your test, to organize your test.
00:06:41
And a characteristic of the paragraph is a link. So use a link to indicate what you want about the paragraph.
00:07:00
But also we have another task for text, such as for example the page jump, which is very important, or if you want to have a list in your web page.
00:07:11
For the moment, I think now just only with paragraph and perhaps a link is enough now.
00:07:33
And finally, we need to insert an image.
00:07:45
You can use different tags for inserting images.
00:07:54
But obviously the most important one is this one. Imagine and then src and the name of the file you want to put as imagine in your web page.
00:08:00
if you do that properly and well and this is the result you can see the
00:08:25
imagine but sometimes the problem is that you you don't write the path well
00:08:34
so your web page failed it's all for the moment if you want to to to learn
00:08:43
more about web pages you can do by yourself or waiting to other courses this is all for today
00:08:54
- Idioma/s:
- Autor/es:
- ISABEL LAFUENTE
- Subido por:
- Isabel L.
- Licencia:
- Reconocimiento - No comercial
- Visualizaciones:
- 83
- Fecha:
- 25 de septiembre de 2018 - 17:08
- Visibilidad:
- Público
- Centro:
- Sin centro asignado
- Duración:
- 09′ 07″
- Relación de aspecto:
- 1.78:1
- Resolución:
- 1920x1080 píxeles
- Tamaño:
- 139.94 MBytes
