Saltar navegación

Activa JavaScript para disfrutar de los vídeos de la Mediateca.

html - Contenido educativo

Ajuste de pantalla

El ajuste de pantalla se aprecia al ver el vídeo en pantalla completa. Elige la presentación que más te guste:

Subido el 5 de noviembre de 2018 por Isabel L.

157 visualizaciones

Descargar la transcripción

This lesson is about design and edition of webpages. In this first video we will only 00:00:02
just see some context that you are going to need to do something in 00:00:09
these pages. You just only have to do a very simple web page but obviously it's 00:00:19
very good idea that you know everything so if you don't understand something you 00:00:28
should not worry about it because you shouldn't worry about it because is 00:00:37
there also there are all of them very some of them are complicated to 00:00:44
understand and it's too much for this course so just only have a view 00:00:52
and summarize the main idea well we are going to talk about 00:01:03
something about what pages are and how if you want to design one of 00:01:12
of pages, what you should do. After that, something about publishing that 00:01:20
is something we aren't going to do because it's not for this 00:01:27
course. It could be in other courses but not in this. Something about HTML code 00:01:34
and have a script that it is also for this course. Edit your software 00:01:42
web page that it's not so important, our hosting that isn't important. So for 00:01:50
you the best thing is the design, the planification and something about HTML 00:01:56
code. So this is important for you. If you want to do a web page, you can 00:02:04
use two ways. One of them is using different kinds of editors, such as 00:02:17
Weaver, Vubrifone, Microsoft Express Expression, Composer, New and so on. But you also 00:02:25
do your web page using the HTML code. So there are some advantages and disadvantages 00:02:39
of each method as you can see in this slice if you use the html code the code is cleaner but 00:02:48
on the other hand is it's a little bit rough it's a little bit challenging it's a little 00:02:59
bit difficult for you on the other hand all these kind of editors are very easy to to use 00:03:07
but, on the other hand, the pages are not so good, the pages haven't had enough quality sometimes. 00:03:15
So, in any case, don't have enough knowledge about HTML code. 00:03:32
Well, webpages can be classified in statics and dynamics. It depends that the users can change the contents of the pages. 00:03:41
If the users can, the webpages are dynamics. 00:03:57
You also can classify the webpage depending on, based on its way of working or the person 00:04:07
who is responsible for the website, for example, 00:04:22
is the administrator, or you should, 00:04:26
you can transfer programs using different types of programs 00:04:34
or host it on the server, or so on. 00:04:43
So the most important is that they can be 00:04:46
Well, before designing anything you should thinking of this, so you should 00:04:50
a pre-design and you should planning something for these web pages. For 00:05:02
example, for whom you are going to design your web page, the contents, the get 00:05:09
lights which technology is the best for this kind of the web page a budget also 00:05:19
it's very important that the structure of web pages more or less as you can see 00:05:27
in this slide you have a heading you have the logo titles contests 00:05:35
a navigator, the author writes and you divide the page into different areas and provide 00:05:42
links and so on, so it's very very important to do all this. 00:05:53
You need imagines and graphic and typographic elements and you also for example need some 00:06:03
styles for the sheet you should be careful because the the webpage um should be very very clean 00:06:12
to pass the the evaluation to accessibility that is something very technical so now you you you 00:06:25
shouldn't worry about it but in professional way this is very important 00:06:36
because the accessibility is one of the main points in a very good web page and 00:06:42
finally publication tool that is not for you but well there are a lot of 00:06:56
publication tools as you can see in this slide this is one obviously is a blog 00:07:03
that perhaps you can do a blog this year, right? I can learn you how to do a blog, a very easy blog, 00:07:11
if you want. But the others I think is better for the courses, how to use IFTTP program. 00:07:20
mainly the html code consists in different different tags so each tag is is a control 00:07:33
which attack don't controls one cut three days of your web page and to show what it's 00:07:47
happen you use the symbol that you have here one to open the tax and with this 00:07:57
kind of bars to close the characteristic so between these symbols you you write 00:08:05
the characteristic so a one characteristic for example to open a 00:08:16
web page you put between this symbol HTML and to close your web page you use 00:08:26
the symbol with the bar. But there are other characteristics in a web page, for 00:08:35
example the head and the body which are the two main parts of your web page and 00:08:44
and to show what is the head and what is the body, you use this kind of symbols. 00:08:52
We also use an attribute tag with a value with different attributes of one thing. 00:09:02
So in this page you have a cheat more or less for the main tags of HTML code and I think they are very good, they are explaining, but you can do a search for this kind of information. 00:09:12
Apart from the standard web page you can use HTML5 code, which let us to change the content of one page. 00:09:36
So this is indeed programming language, because the other is just only HTML code, it isn't programming indeed. 00:09:56
And also you can use JavaScript. Those are programs that you can put inside the head of the page. 00:10:09
And if you want to upload your page and share them on the internet, you need a hosting website. So you need a space and you need a program which lets you to upload your web page and then share with the rest of the people. 00:10:22
If your website is very big, it's better for you to use some editors, such as Neon, such as Composer or such as Microsoft Express. 00:10:56
And then, clean the last things, you use the HTML code. 00:11:12
And it's the most important thing that you should know for now, for this moment. 00:11:21
So in the next one I'll give you a tutorial of what kind of website, not website, how 00:11:32
you can do a very simple, a very easy web page, that is your work, that's all it is. 00:11:43
We also discussed something about safety on the internet. 00:11:54
Autor/es:
ISABEL LAFUENTE
Subido por:
Isabel L.
Licencia:
Reconocimiento - No comercial
Visualizaciones:
157
Fecha:
5 de noviembre de 2018 - 16:34
Visibilidad:
Público
Centro:
IES JAIME FERRAN
Duración:
12′ 07″
Relación de aspecto:
1.78:1
Resolución:
1920x1080 píxeles
Tamaño:
157.98 MBytes

Del mismo autor…

Ver más del mismo autor


EducaMadrid, Plataforma Educativa de la Comunidad de Madrid

Plataforma Educativa EducaMadrid