Saltar navegación

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

Lenguajes de marcas - introducción - 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 26 de diciembre de 2020 por Amadeo M.

140 visualizaciones

Más información Transcripción

Descargar la transcripción

Vamos a comenzar el módulo de lenguajes de marcas y sistemas de gestión de la información. 00:00:00
Y lo primero que tenemos que ver es qué es eso de los lenguajes de marcas. 00:00:07
Nosotros sabemos codificar la información, sabemos convertir cada carácter a su número correspondiente 00:00:11
que después se almacena en el ordenador de forma digital, en forma binaria. 00:00:17
Y lo que queremos ahora es cómo organizar la información de tal manera que mediante algún símbolo 00:00:21
La marquemos indicando dónde empieza un tipo de información y dónde finaliza. 00:00:29
Si vemos el ejemplo que tenemos ahora mismo en pantalla, 00:00:35
vemos que aquí comienza un párrafo que tiene un texto 00:00:38
y que algunas de estas palabras se consideran importantes. 00:00:43
Esto cualquiera que mire este documento lo entiende rápidamente. 00:00:48
Y a la vez es fácilmente entendible por un programa, 00:00:51
puesto que todo lo que empiece con menor y acabe con mayor va a ser una etiqueta 00:00:55
y además aquellas que ese menor vaya seguido de una barra va a finalizar la etiqueta anterior. 00:01:00
De esta manera, este texto ya no solamente es texto con algunas palabras resaltadas de forma especial 00:01:08
sino que además sabemos que es un párrafo y además sabemos que esta parte, algunas palabras, son consideradas importantes. 00:01:15
esta es la intención de los lenguajes de marcas 00:01:24
vamos a ir a ver otro ejemplo 00:01:28
en el cual vamos a analizar una ficha 00:01:31
y no hace falta saber mucho ni siquiera de informática 00:01:34
para entender que esta ficha es de una persona 00:01:37
cuyo nombre es Pepe y sus apellidos Pérez Rodríguez 00:01:39
que es del cuerpo profesional grupo A 00:01:43
de la especialidad informática 00:01:46
y que tiene como destino el ayuntamiento de Burgos 00:01:48
realmente no hace falta ni entender demasiado de esto 00:01:50
Sin embargo, está todo codificado. Si un ordenador fuera a buscar a qué cuerpo pertenece Pepe Pérez Rodríguez, solo tendría que buscar las etiquetas cuerpo y encontrar a grupo A. 00:01:53
Este formato es el típico, típico, en el cual las etiquetas van introducidas entre el menor y mayor y finalizan entre un menor barra y un mayor, típico de lo que se llama XML o Extended Market Language. 00:02:06
Pero no es el único formato. Tenemos otros formatos que sirven para cosas muy similares. 00:02:23
Por ejemplo, aquí cualquiera que lea esto sabe que todos los que vienen ahora son empleados, 00:02:29
cuyo primer nombre o su nombre es este de aquí y su apellido es este de aquí. 00:02:34
¿De acuerdo? Y este es un formato, un formato JSON o JSON, depende de cómo lo queramos llamar, 00:02:41
pero un formato también muy extendido para intercambio de información en entornos en los cuales una máquina sirve de información a otra. 00:02:47
Con lo cual vemos que el lenguaje de marca son ampliamente utilizados en todos los casos. 00:02:57
Bueno, HTML, el lenguaje típico, el lenguaje de marcas típico que se utiliza en el Internet, en la web, 00:03:02
pues tiene un formato muy parecido a lo que es esto que hemos visto anteriormente. 00:03:11
De hecho, siempre empiezan por la etiqueta HTML, siempre tienen la etiqueta HEAD o cabecera, el título, tienen una parte de cuerpo y tienen etiquetas con su información, en este caso un H1, un header 1, un encabezado 1, y sin embargo tienen serios problemas. 00:03:17
Puesto que aquí podemos ver que este font, una etiqueta por cierto que ya no se utiliza, esta etiqueta font finaliza aquí y esta etiqueta B no finaliza dentro de font. Esto por ejemplo en XML no se permite. ¿De acuerdo? A pesar de que todos entenderíamos la información que hay aquí. 00:03:37
Tenemos posiblemente una película que se llama Brasil 00:03:55
Dirigida por Terry Gilliam y protagonista Jonathan Price 00:03:58
Bueno, pues esta información corresponde a HTML 00:04:01
Que es muy parecido, muy parecido a XML 00:04:06
Aunque podemos ver también que tiene etiquetas como esta 00:04:10
Que en ningún caso las hemos cerrado 00:04:14
¿De acuerdo? 00:04:16
Bueno, pues ya veremos como debería ser un HTML estándar 00:04:17
Ante esta situación de los HTML 00:04:22
hubo una corriente muy importante 00:04:25
que generó un estándar 00:04:27
que lo que intentaba es que hubiera 00:04:29
XHTML 00:04:31
la misma información de antes 00:04:33
la pondríamos de esta manera 00:04:35
de tal manera que pondríamos todo esto estaba igual 00:04:36
pero el font finalizaría aquí 00:04:39
y esta etiqueta B 00:04:41
tendría que finalizar dentro del font 00:04:43
y además esta etiqueta 00:04:45
que tiene que en sí misma 00:04:48
se abre y se cierra 00:04:50
tiene este formato 00:04:52
un planto extraño, esto sería equivalente 00:04:53
a algo así como hacer 00:04:56
esto 00:04:57
¿vale? 00:04:59
pero esto no se permite prácticamente 00:05:02
en ningún lenguaje, entonces 00:05:04
esto es lo que 00:05:05
equivaldría a esta información 00:05:07
¿de acuerdo? 00:05:09
bueno, por cierto 00:05:12
por ir aprendiendo algo ya de lo que va a ser 00:05:13
HTML, BR 00:05:15
es un salto de línea, ¿de acuerdo? 00:05:17
bueno 00:05:21
Todo esto ha ido evolucionando poco a poco y ya veremos a lo largo del módulo 00:05:21
Cómo hacemos los trabajos de XML, cómo vamos a ver HTML y cómo vamos a ver algo que es muy interesante 00:05:28
Tenemos aquí la información de esta película Brasil, dirigida por Terry Gilliam 00:05:35
¿Y cómo podemos asignarle una cosa que se llaman CSS o hojas de estilo encascada? 00:05:47
Entonces, una hoja encascada lo que hace es que a cada una de las etiquetas le da unas características. 00:05:58
Por ejemplo, va a decir que va a hacer un margen en la parte superior de 8 píxeles o que el tamaño de la fuente va a ser larga o que va a estar en negrita, etc. 00:06:07
Y entonces va a trabajar nuestro HTML con un CSS para darle una apariencia. 00:06:22
Por tanto, de aquí sacamos varias conclusiones. Lo primero es que todos los lemojes XML lo que hacen es describir un documento. ¿De acuerdo? Y vamos a dejar a los CSS lo que es la apariencia, el diseño de ese documento. 00:06:36
Bueno, esto es un poco la introducción, hay toda una parte histórica de cómo hemos ido llegando a la situación actual, actualmente estamos en el caso de XML en la versión 1.1, aunque prácticamente en casi todos los documentos aparece la 1.0, y a día de hoy parece que no va a haber mucho más desarrollo, que hay poco más desarrollo de XML. 00:06:55
Sin embargo, en HTML, la versión última que tuvo un número asignado fue HTML5 y está en continuo desarrollo. 00:07:16
Realmente ya no se le está poniendo números porque está en continuo desarrollo. 00:07:25
Veremos en la parte más histórica cómo ha tenido mucha importancia una serie de HTML que fueron limitando 00:07:29
y cómo todo eso ha influido en una guerra de navegadores que han intentado influir en cómo generar esos HTML. 00:07:38
Pero actualmente la situación es bastante cómoda y parece que un tanto estable. Y bueno, esta es la introducción a la asignatura. Ya iremos tema a tema viendo lo demás. 00:07:45
Idioma/s:
es
Autor/es:
Amadeo Mora
Subido por:
Amadeo M.
Licencia:
Dominio público
Visualizaciones:
140
Fecha:
26 de diciembre de 2020 - 18:26
Visibilidad:
Público
Centro:
IES CLARA DEL REY
Duración:
07′ 58″
Relación de aspecto:
1.78:1
Resolución:
1364x768 píxeles
Tamaño:
28.56 MBytes

Del mismo autor…

Ver más del mismo autor

EducaMadrid, Plataforma Educativa de la Comunidad de Madrid

Plataforma Educativa EducaMadrid