1
00:00:00,810 --> 00:00:07,309
Vamos a comenzar el módulo de lenguajes de marcas y sistemas de gestión de la información.

2
00:00:07,790 --> 00:00:10,929
Y lo primero que tenemos que ver es qué es eso de los lenguajes de marcas.

3
00:00:11,650 --> 00:00:17,149
Nosotros sabemos codificar la información, sabemos convertir cada carácter a su número correspondiente

4
00:00:17,149 --> 00:00:20,530
que después se almacena en el ordenador de forma digital, en forma binaria.

5
00:00:21,390 --> 00:00:29,149
Y lo que queremos ahora es cómo organizar la información de tal manera que mediante algún símbolo

6
00:00:29,149 --> 00:00:34,289
La marquemos indicando dónde empieza un tipo de información y dónde finaliza.

7
00:00:35,049 --> 00:00:37,990
Si vemos el ejemplo que tenemos ahora mismo en pantalla,

8
00:00:38,710 --> 00:00:43,229
vemos que aquí comienza un párrafo que tiene un texto

9
00:00:43,229 --> 00:00:47,130
y que algunas de estas palabras se consideran importantes.

10
00:00:48,049 --> 00:00:51,609
Esto cualquiera que mire este documento lo entiende rápidamente.

11
00:00:51,609 --> 00:00:55,710
Y a la vez es fácilmente entendible por un programa,

12
00:00:55,710 --> 00:01:00,750
puesto que todo lo que empiece con menor y acabe con mayor va a ser una etiqueta

13
00:01:00,750 --> 00:01:08,650
y además aquellas que ese menor vaya seguido de una barra va a finalizar la etiqueta anterior.

14
00:01:08,650 --> 00:01:15,569
De esta manera, este texto ya no solamente es texto con algunas palabras resaltadas de forma especial

15
00:01:15,569 --> 00:01:24,629
sino que además sabemos que es un párrafo y además sabemos que esta parte, algunas palabras, son consideradas importantes.

16
00:01:24,629 --> 00:01:28,890
esta es la intención de los lenguajes de marcas

17
00:01:28,890 --> 00:01:31,030
vamos a ir a ver otro ejemplo

18
00:01:31,030 --> 00:01:34,489
en el cual vamos a analizar una ficha

19
00:01:34,489 --> 00:01:37,329
y no hace falta saber mucho ni siquiera de informática

20
00:01:37,329 --> 00:01:39,549
para entender que esta ficha es de una persona

21
00:01:39,549 --> 00:01:43,250
cuyo nombre es Pepe y sus apellidos Pérez Rodríguez

22
00:01:43,250 --> 00:01:46,709
que es del cuerpo profesional grupo A

23
00:01:46,709 --> 00:01:48,209
de la especialidad informática

24
00:01:48,209 --> 00:01:50,530
y que tiene como destino el ayuntamiento de Burgos

25
00:01:50,530 --> 00:01:53,629
realmente no hace falta ni entender demasiado de esto

26
00:01:53,629 --> 00:02:05,750
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.

27
00:02:06,650 --> 00:02:22,509
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.

28
00:02:23,629 --> 00:02:28,830
Pero no es el único formato. Tenemos otros formatos que sirven para cosas muy similares.

29
00:02:29,389 --> 00:02:33,629
Por ejemplo, aquí cualquiera que lea esto sabe que todos los que vienen ahora son empleados,

30
00:02:34,289 --> 00:02:40,710
cuyo primer nombre o su nombre es este de aquí y su apellido es este de aquí.

31
00:02:41,310 --> 00:02:47,490
¿De acuerdo? Y este es un formato, un formato JSON o JSON, depende de cómo lo queramos llamar,

32
00:02:47,490 --> 00:02:56,509
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.

33
00:02:57,509 --> 00:03:01,949
Con lo cual vemos que el lenguaje de marca son ampliamente utilizados en todos los casos.

34
00:03:02,849 --> 00:03:10,689
Bueno, HTML, el lenguaje típico, el lenguaje de marcas típico que se utiliza en el Internet, en la web,

35
00:03:11,689 --> 00:03:17,469
pues tiene un formato muy parecido a lo que es esto que hemos visto anteriormente.

36
00:03:17,490 --> 00:03:37,810
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.

37
00:03:37,810 --> 00:03:55,710
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í.

38
00:03:55,710 --> 00:03:58,650
Tenemos posiblemente una película que se llama Brasil

39
00:03:58,650 --> 00:04:01,830
Dirigida por Terry Gilliam y protagonista Jonathan Price

40
00:04:01,830 --> 00:04:06,750
Bueno, pues esta información corresponde a HTML

41
00:04:06,750 --> 00:04:10,729
Que es muy parecido, muy parecido a XML

42
00:04:10,729 --> 00:04:14,610
Aunque podemos ver también que tiene etiquetas como esta

43
00:04:14,610 --> 00:04:16,350
Que en ningún caso las hemos cerrado

44
00:04:16,350 --> 00:04:17,069
¿De acuerdo?

45
00:04:17,569 --> 00:04:22,750
Bueno, pues ya veremos como debería ser un HTML estándar

46
00:04:22,750 --> 00:04:25,149
Ante esta situación de los HTML

47
00:04:25,149 --> 00:04:27,970
hubo una corriente muy importante

48
00:04:27,970 --> 00:04:29,550
que generó un estándar

49
00:04:29,550 --> 00:04:31,750
que lo que intentaba es que hubiera

50
00:04:31,750 --> 00:04:33,250
XHTML

51
00:04:33,250 --> 00:04:35,149
la misma información de antes

52
00:04:35,149 --> 00:04:36,870
la pondríamos de esta manera

53
00:04:36,870 --> 00:04:39,490
de tal manera que pondríamos todo esto estaba igual

54
00:04:39,490 --> 00:04:41,990
pero el font finalizaría aquí

55
00:04:41,990 --> 00:04:43,149
y esta etiqueta B

56
00:04:43,149 --> 00:04:45,470
tendría que finalizar dentro del font

57
00:04:45,470 --> 00:04:48,009
y además esta etiqueta

58
00:04:48,009 --> 00:04:50,310
que tiene que en sí misma

59
00:04:50,310 --> 00:04:52,189
se abre y se cierra

60
00:04:52,189 --> 00:04:53,810
tiene este formato

61
00:04:53,810 --> 00:04:56,069
un planto extraño, esto sería equivalente

62
00:04:56,069 --> 00:04:57,949
a algo así como hacer

63
00:04:57,949 --> 00:04:59,269
esto

64
00:04:59,269 --> 00:05:01,689
¿vale?

65
00:05:02,029 --> 00:05:04,009
pero esto no se permite prácticamente

66
00:05:04,009 --> 00:05:05,829
en ningún lenguaje, entonces

67
00:05:05,829 --> 00:05:07,370
esto es lo que

68
00:05:07,370 --> 00:05:09,850
equivaldría a esta información

69
00:05:09,850 --> 00:05:10,990
¿de acuerdo?

70
00:05:12,129 --> 00:05:13,509
bueno, por cierto

71
00:05:13,509 --> 00:05:15,790
por ir aprendiendo algo ya de lo que va a ser

72
00:05:15,790 --> 00:05:17,329
HTML, BR

73
00:05:17,329 --> 00:05:19,550
es un salto de línea, ¿de acuerdo?

74
00:05:21,170 --> 00:05:21,529
bueno

75
00:05:21,529 --> 00:05:28,009
Todo esto ha ido evolucionando poco a poco y ya veremos a lo largo del módulo

76
00:05:28,009 --> 00:05:35,829
Cómo hacemos los trabajos de XML, cómo vamos a ver HTML y cómo vamos a ver algo que es muy interesante

77
00:05:35,829 --> 00:05:47,829
Tenemos aquí la información de esta película Brasil, dirigida por Terry Gilliam

78
00:05:47,829 --> 00:05:56,649
¿Y cómo podemos asignarle una cosa que se llaman CSS o hojas de estilo encascada?

79
00:05:58,709 --> 00:06:07,569
Entonces, una hoja encascada lo que hace es que a cada una de las etiquetas le da unas características.

80
00:06:07,569 --> 00:06:21,949
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.

81
00:06:22,949 --> 00:06:36,750
Y entonces va a trabajar nuestro HTML con un CSS para darle una apariencia.

82
00:06:36,750 --> 00:06:54,750
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.

83
00:06:55,750 --> 00:07:16,709
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.

84
00:07:16,709 --> 00:07:24,910
Sin embargo, en HTML, la versión última que tuvo un número asignado fue HTML5 y está en continuo desarrollo.

85
00:07:25,050 --> 00:07:28,649
Realmente ya no se le está poniendo números porque está en continuo desarrollo.

86
00:07:29,449 --> 00:07:38,529
Veremos en la parte más histórica cómo ha tenido mucha importancia una serie de HTML que fueron limitando

87
00:07:38,529 --> 00:07:45,069
y cómo todo eso ha influido en una guerra de navegadores que han intentado influir en cómo generar esos HTML.

88
00:07:45,069 --> 00:07:55,329
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.