1
00:00:01,330 --> 00:00:15,529
Venga, pues entonces, os decía, vamos a empezar a ver este tema de diseño y edición de páginas web, que como os decía, pues vamos a recordar solo algunas cositas, solo por recordarlo y solo por centrarnos en el tema con el que estamos trabajando.

2
00:00:17,510 --> 00:00:30,489
Primero, ¿qué es eso de una página web? Normalmente nosotros decimos, voy a crear una página web, cuando yo estoy creando una página web, no creo una página web, realmente lo que estoy creando es un sitio web.

3
00:00:30,489 --> 00:00:52,359
¿Vale? Creamos un sitio. Un sitio que tiene muchas páginas, muchas páginas que están enlazadas entre sí. ¿Qué cosas va a tener una página? Bueno, pues una página va a tener muchísimos recursos.

4
00:00:52,359 --> 00:01:20,780
Aquí me habla de alguno de ellos, puedo tener archivos, puedo tener carpetas que van a tener fotos, fotografías, botones, iconos, animaciones, hipervínculos, etc. Cada una de esas páginas nosotros vamos a ir diseñando, vamos a ir viendo qué criterios de diseño vamos a ir adoptando a la hora de crear una página web, en qué cosas tengo que fijarme, qué recursos y qué tecnología tengo y en esa página web nosotros vamos a ir insertando una serie de elementos.

5
00:01:20,780 --> 00:01:34,780
Vale, pero que insisto, una cosa que realmente nos quede clara, aunque nosotros hablemos de que voy a crear una página web, no es una página, sino que es un sitio web, vale, un sitio que tiene muchas páginas o tiene muchos recursos.

6
00:01:34,780 --> 00:01:54,680
Sí que es verdad que cuando yo presento un sitio web, yo presento una página, ¿vale? Presento una página inicial, que es lo que se llama la página principal o home, salto por aquí, ¿vale? Página principal o home y a partir de ella es donde vamos a ir creando los diferentes intervínculos.

7
00:01:54,680 --> 00:02:13,560
Que una página web tiene que visualizarse en un navegador. Nosotros cuando vamos a visitar una página web, ya lo vimos el año pasado, en el tema pasado, un poco cuál es el proceso de funcionamiento de internet.

8
00:02:13,560 --> 00:02:24,979
Yo hago una petición a un servidor de una información, que en este caso sería de una página web, y ese servidor me responde o me manda esa información.

9
00:02:25,199 --> 00:02:31,379
¿Y cómo la visualizo? Esa información, pues en este caso, la estoy visualizando a través de un navegador, ¿vale?

10
00:02:31,759 --> 00:02:39,439
Vamos a utilizar un navegador, el que sea, ¿vale? Aquí me habla que Simoci, LineTener, Explorer, Google Chrome, Opera, el que sea.

11
00:02:39,780 --> 00:02:42,620
Utilizamos un navegador que es el que me muestra esa información.

12
00:02:43,560 --> 00:02:55,280
Aquí con los navegadores, a la hora de editar páginas web, vamos a tener una pequeña pega, entre comillas, y es que, bueno, lo vamos a ir viendo un poquito más adelante.

13
00:02:56,139 --> 00:03:07,840
Para que no se me escape, esa pega que puede haber es que cada navegador funciona con un código HTML5 que es propio, que puede ser propio, ¿vale?

14
00:03:07,840 --> 00:03:17,520
Entonces, yo no sé si os ha ocurrido alguna vez, me imagino que sí, que yo quiero visitar una página web y lo intento hacer con el Explorer y con el Explorer no me funciona.

15
00:03:17,900 --> 00:03:21,319
¿Tengo que recurrir al Mozilla o tengo que recurrir al Google Chrome?

16
00:03:21,560 --> 00:03:22,639
¿Os ha pasado alguna vez?

17
00:03:23,580 --> 00:03:24,219
¿Sí? ¿No?

18
00:03:25,020 --> 00:03:25,300
¿Sí?

19
00:03:25,300 --> 00:03:33,000
Bueno, que lo sepáis de todas formas, que hay veces que en mi navegador yo no puedo visualizar correctamente esa información.

20
00:03:33,000 --> 00:03:44,419
Y es por esto, porque cada navegador es compatible con unas etiquetas, que ahora veremos qué es eso de las etiquetas, con unas etiquetas determinadas, que utilizamos con el código HTML5.

21
00:03:44,419 --> 00:03:56,620
Me habla algo de que una página web es hipertextual. Hipertextual, sencillamente quiere decir que están todas las páginas hipervinculadas, que tienen muchos vínculos.

22
00:03:56,620 --> 00:04:20,639
Ya ha salido, según estaba contándoos algo, que el lenguaje que voy a utilizar para poder crear estos sitios web o estas páginas o este documento es el HTML y que hay diferentes versiones de este HTML desde que apareció hasta el que utilizamos en la actualidad, el más utilizado, que es el HTML5.

23
00:04:20,639 --> 00:04:27,779
Bueno, veremos algunas características de este HTML, cómo trabaja, para qué me sirve, etcétera, etcétera

24
00:04:27,779 --> 00:04:31,899
¿Cómo creamos una página web o un sitio web?

25
00:04:32,000 --> 00:04:37,100
Realmente me voy a mentalizar de algo, yo digo voy a crear un sitio web

26
00:04:37,100 --> 00:04:42,620
A la hora de crear un sitio web tengo que crear tantas páginas como yo necesite

27
00:04:42,620 --> 00:04:47,139
Entonces voy a cambiar ya, si queréis el término sitio web, por páginas

28
00:04:47,139 --> 00:04:49,180
Porque todo me funciona exactamente igual

29
00:04:49,180 --> 00:05:05,519
A la hora de crear una página, vamos a utilizar editores que se llaman Wysync. ¿Qué es esto de un editor Wysync? Bueno, viene del inglés, what you see is what you get. Es decir, lo que tú ves es lo que haces, o lo que te va a resultar en una página.

30
00:05:05,519 --> 00:05:26,300
Son programas o son editores muy intuitivos, muy visuales, muy gráficos, de manera que es casi una especie de maquetación. Yo tengo una página inicial que quiero colocar un botón en un punto determinado, me saco la herramienta de botón y lo coloco, ¿vale? Esto es lo que me están haciendo este tipo de editores.

31
00:05:26,300 --> 00:05:44,839
Hay muchos, me habla de Adobe Dreamweaver, Blue Griffon, Expression Web, Composer, NVU, yo no sé cuál tenemos aquí instalado, alguno estará instalado y alguno utilizaremos. O bien, vamos a trabajar con editores que trabajan directamente con ese código HTML.

32
00:05:44,839 --> 00:06:02,240
Me habla de algunos. Sencillamente lo único que yo necesito es un editor de texto plano, es decir, que no de formato. Word me da formatos, LibreOffice me da formatos. ¿Qué editor de texto no me da formato? En Windows, por ejemplo, el blog de notas.

33
00:06:02,240 --> 00:06:06,560
¿Vale? El blog de notas es un editor de texto que no me da ningún tipo de formato

34
00:06:06,560 --> 00:06:09,279
Lo tengo que guardar con una extensión determinada

35
00:06:09,279 --> 00:06:13,439
Pero ahí, con el blog de notas en Windows, aquí no sé cuál está instalado

36
00:06:13,439 --> 00:06:15,060
Y ahora lo vemos en un momentito

37
00:06:15,060 --> 00:06:17,740
Me parece que es un pluma, se llama, o algo así

38
00:06:17,740 --> 00:06:23,540
Pues os decía, lo que voy a hacer con este editor de texto es

39
00:06:23,540 --> 00:06:26,019
Trabajar con etiquetas, con ese código HTML

40
00:06:26,019 --> 00:06:28,720
Y vamos a ir creando nuestra página web

41
00:06:28,720 --> 00:06:40,360
diferencias entre ese código html o el editor y si hay muchas desde luego es más fácil más

42
00:06:40,360 --> 00:06:46,720
cómodo trabajar con editores pero voy a controlar mucho más el código en html el inconveniente es

43
00:06:46,720 --> 00:06:51,519
que tengo que conocer muy bien ese código tengo que tenerlo muy bien estructurado otra ventaja

44
00:06:51,519 --> 00:06:54,939
que me aparece aquí pues que el código queda mucho más limpio claro queda mucho más limpio

45
00:06:54,939 --> 00:07:05,100
porque lo voy trabajando yo. Con un editor me genera este propio editor algunas etiquetas que hay veces, no es que no sean necesarias,

46
00:07:05,100 --> 00:07:16,600
pero que puedo simplificar mucho más el trabajo si lo estoy haciendo yo. Muy rápidamente, clasificación de páginas web, vamos a hablar de dos,

47
00:07:16,720 --> 00:07:24,860
páginas web estáticas o páginas web dinámicas. ¿Qué es una página estática? Aquella en la que el servidor me muestra esta página y yo no interactúo

48
00:07:24,860 --> 00:07:40,100
Me muestra una información. Una página web dinámica es aquella en la que sin cambiar el código de la página, el usuario que está visualizando esta página puede cambiar la forma de ver o de trabajar con esa página.

49
00:07:40,100 --> 00:08:06,319
Se trabaja mucho, por ejemplo, también con formularios, etcétera, etcétera. Me habla aquí de que se realizan estas páginas combinando ese código HTML con otros lenguajes dinámicos como pueden ser ASP.NET, Java, Javascript, bueno, hay muchos, lo diré, muchos más lenguajes de tipo dinámico.

50
00:08:06,319 --> 00:08:27,959
Me aparecen igual, diferencias entre páginas estáticas, páginas dinámicas, que me lo salto. ¿Funcionamiento para la creación de una página web? Bueno, muy sencillito. Realmente hay una persona o un equipo que son lo que se llaman los webmasters, aquí me lo pone como que son los encargados de mantenerlo.

51
00:08:27,959 --> 00:08:43,840
Bueno, pues sí, mantienen esa página web. Realmente una página web lo que tengo que hacer primero es diseñarla y programarla. Puede ser el mismo, puede ser distinta persona. Realmente hay un equipo que diseña esa página. Diseño una página, la programo y la mantengo.

52
00:08:43,840 --> 00:08:50,559
¿Esto dónde lo estoy haciendo? Lo estoy haciendo en un equipo, ¿vale? Lo que se llama en un sitio local

53
00:08:50,559 --> 00:09:00,240
En mi ordenador yo estoy creando, voy a trabajar con una carpetita que luego va a tener una estructura de carpetas y una estructura de archivos

54
00:09:00,240 --> 00:09:06,720
Pero trabajo en local, ¿vale? En mi ordenador yo tengo toda esa página web

55
00:09:06,720 --> 00:09:13,480
Y luego ¿qué es lo que tengo que hacer? Tengo que guardar la página en un sitio remoto

56
00:09:13,480 --> 00:09:36,879
en un servidor, hay veces que yo puedo convertir mi ordenador en un servidor, pero entonces voy a tener dos estructuras de páginas web, no dos, a ver si me entendéis, realmente voy a tener dos páginas web, voy a tener la página web que tengo en local y la página web que tengo alojada, ¿vale?

57
00:09:36,879 --> 00:09:48,659
Porque yo a lo mejor estoy haciendo cambios en local, es decir, en mi ordenador de esa página web y hasta que yo no la pase a ese sitio remoto no va a estar visible como tal en Internet.

58
00:09:48,659 --> 00:10:01,100
Y os digo que puedo trabajar con el mismo equipo, ¿vale? Mi ordenador también puede hacer de servidor, pero eso no quita que vaya a tener esta misma estructura de trabajar en local o trabajar en remoto.

59
00:10:01,100 --> 00:10:19,440
Cuando yo subo ese sitio web, lo que realmente estoy haciendo o lo que se llama es alojar. Es un proceso de alojamiento de una página web. ¿Cómo alojamos una página web? Normalmente a través de programas de transferencia de archivos mediante un protocolo FTP.

60
00:10:19,440 --> 00:10:47,460
Aquí viene muy gráficamente como lo estoy haciendo. En local nosotros diseñamos esta página web mediante un protocolo de transferencia de archivos. Alojamos en remoto nuestra página web y son los usuarios los que van a solicitar la información y a visualizar y a acceder de alguna manera a este sitio remoto, a este servidor.

61
00:10:47,460 --> 00:10:49,419
¿Queda eso claro, chicos?

62
00:10:50,320 --> 00:10:51,379
¿Sí? Vale

63
00:10:51,379 --> 00:10:53,519
Bueno

64
00:10:53,519 --> 00:10:55,399
Ya vamos a hablar aquí

65
00:10:55,399 --> 00:10:58,460
Casi, casi, lo voy a pasar muy por encima

66
00:10:58,460 --> 00:11:00,080
¿Vale? Lo que pasa es que sí que os lo comento

67
00:11:00,080 --> 00:11:01,659
Criterios de diseño

68
00:11:01,659 --> 00:11:03,179
Y de planificación

69
00:11:03,179 --> 00:11:04,960
De cómo hago una página web

70
00:11:04,960 --> 00:11:07,580
Esto es un poco parecido a lo de

71
00:11:07,580 --> 00:11:12,440
Lo del método de proyectos que vosotros veíais en tecnología

72
00:11:12,440 --> 00:11:14,200
Viene una serie de fases

73
00:11:14,200 --> 00:11:16,500
Bueno, pues a la hora de diseñar

74
00:11:16,500 --> 00:11:17,279
Una página web

75
00:11:17,279 --> 00:11:30,519
realmente también voy a ir siguiendo una serie de fases. Tenemos una fase de prediseño y planificación. En una fase de prediseño y planificación, cosas que tengo que tener en cuenta.

76
00:11:30,700 --> 00:11:40,440
Es decir, ¿qué quiero conseguir con esa página web? ¿A quién va dirigido? ¿Qué contenidos voy a meter? ¿Qué directrices o qué especificaciones voy a utilizar?

77
00:11:40,440 --> 00:11:53,820
qué tipo de tecnología voy a utilizar, si yo voy a diseñarla con un HTML, si voy a utilizarla con un editor de YSIM, qué tiempo tengo para poderlo hacer, qué presupuesto tengo, ¿vale?

78
00:11:53,820 --> 00:12:03,860
Son cosas que tengo que tener antes en cuenta a la hora de diseñar mi página web. Y os estoy hablando de una página web más profesional o más real.

79
00:12:03,860 --> 00:12:26,419
Nosotros vamos a aprender a hacerlo. Entonces muchas de estas cosas nos las vamos a saltar porque son tareas que os voy a ir mandando. Pero realmente cuando yo quiero diseñar una página web tengo que tener claro qué quiero hacer, para qué lo quiero hacer, con qué medios tengo, de tipo económico, de tipo temporal, de tipo de recursos tecnológicos, lo que sea.

80
00:12:26,419 --> 00:12:43,500
Todo eso tendré que estudiarlo. Estructura de una página web. Hay muchas estructuras de una página web. Siempre conviene no salirse mucho de una estructura clásica. ¿Por qué?

81
00:12:43,500 --> 00:13:01,639
Porque normalmente yo diseño una página web para que sean los usuarios los que vayan a utilizar mi página web. Entonces, si yo estoy creando una estructura de una página web muy compleja, el usuario, o muy personalizada, el usuario muchas veces puede perderse.

82
00:13:01,639 --> 00:13:16,000
Entonces, por eso, casi siempre las páginas web tienen la misma estructura. Yo no sé si me aparece por aquí de forma... Mira, sí que me aparece. De forma muy gráfica, sí me aparecen un poco todos los elementos que suelen aparecer en una página web.

83
00:13:16,000 --> 00:13:34,600
Pero ¿los puedo personalizar un poquito? ¿Los puedo cambiar? ¿Puedo poner a lo mejor el menú de navegación, en vez de ponerlo aquí, lo pongo en una barra en la parte superior? Pues claro que sí, ¿vale? Todas estas cosas las podemos ir personalizando, pero hay una serie de elementos que sí es interesante que me aparezcan en una página web, ¿vale?

84
00:13:34,600 --> 00:13:52,759
Me aparece el encabezamiento, me aparece normalmente un logotipo o una marca de la página que yo estoy creando, me aparece un titular de esa página, ¿eh? Porque recordamos que... o un título, ¿vale? Me vine como titular, pero realmente podría ser un título.

85
00:13:52,759 --> 00:13:56,960
Cuando yo creo un sitio, un sitio tiene muchas páginas

86
00:13:56,960 --> 00:14:01,000
Yo que sé, a lo mejor el título, si estoy haciendo una página personal

87
00:14:01,000 --> 00:14:04,799
Título, pues mis deportes favoritos, por deciros algo

88
00:14:04,799 --> 00:14:13,460
Otro título, mis, yo que sé, mis colegas de juerga

89
00:14:13,460 --> 00:14:16,820
Cada uno puede tener su título diferente

90
00:14:16,820 --> 00:14:22,539
Vamos a tener mi menú de navegación que me va a permitir irme desplazando por las diferentes páginas

91
00:14:22,539 --> 00:14:30,659
el contenido que quiero mostrar y notas a pie de página. ¿Qué me pueden mostrar notas a pie de página? Muchas cosas.

92
00:14:31,120 --> 00:14:37,779
Ya iremos viendo poquito a poco los diferentes elementos que me van a ir apareciendo por aquí.

93
00:14:39,100 --> 00:14:49,559
Me habla de ejemplos de elementos de diseño, me habla sobre todo de algo que visualmente tengo que simplificar en mi página web

94
00:14:49,559 --> 00:15:02,559
y me viene aquí un ejemplo de cómo ha cambiado la página de Google desde el año 2009 hasta el año 2016. La página de Google actualmente es muy simple, muy intuitiva, muy limpia, muy sencilla,

95
00:15:03,399 --> 00:15:17,460
que es un poco lo que se pretende cuando nosotros visitamos una página web, que sea agradable. Bueno, hablamos de otra cosa que ahora lo vamos a ir viendo según vayamos desarrollando

96
00:15:17,460 --> 00:15:22,639
nuestra página web, al principio no le vamos a dar tanta importancia, luego sí que va

97
00:15:22,639 --> 00:15:28,799
a tener importancia, que son las hojas de estilo o las hojas CSS en cascada. ¿Qué

98
00:15:28,799 --> 00:15:35,519
es esto? Realmente cuando yo estoy creando un sitio web, si la estructura de mi página

99
00:15:35,519 --> 00:15:45,000
va a ser más o menos esta, a mí lo que me interesa tener es, no voy a diseñar, imaginaos

100
00:15:45,000 --> 00:15:51,240
que mi sitio web tiene cuatro páginas si esta es la estructura que yo quiero mantener en mi sitio

101
00:15:51,240 --> 00:16:00,259
no voy a crear cuatro veces la misma estructura porque bueno por simplificarlo no lo vamos a crear

102
00:16:00,259 --> 00:16:07,360
cuatro veces realmente lo que se hace es crear una hoja de estilos y en esa hoja de estilo yo

103
00:16:07,360 --> 00:16:14,340
voy a ir aprovechando esa hoja de estilo lo que voy a ir haciendo es ir añadiendo contenidos en

104
00:16:14,340 --> 00:16:23,700
mis diferentes páginas. Si por lo que sea quiero cambiar el estilo de mi sitio web, con cambiar la hoja de estilo he cambiado todo mi sitio web.

105
00:16:23,940 --> 00:16:33,220
No tengo que cambiar cuatro veces las páginas. ¿Me entendéis un poco para qué sirve? ¿Sí? Fenomenal. Lo iremos desarrollando poquito a poco.

106
00:16:33,220 --> 00:16:49,779
Por eso aquí no quiero hablaros de mucho más. Sí que me habla, por ejemplo, de en cuanto a la tipografía o el tipo de fuente, me recomienda que no utilice tipografía con serifa.

107
00:16:50,519 --> 00:17:13,279
Lo de las serifas son adornitos que suelen aparecerme en las tipografías de forma que me disminuye el grosor, me crean formas un poco más adornadas, que cuando yo estoy trabajando con un editor de texto puede ser mucho más agradable a la vista, pero cuando estoy trabajando con una página web no, porque es el navegador el que tiene que mostrar esa información.

108
00:17:13,279 --> 00:17:37,140
Yo sé que se ve un poco mal. Si yo lo hago aquí, el Times New Roman es una fuente que sí tiene serifa. Entonces, cuando yo estoy visualizando en una página web esta fuente o esta otra fuente, es mucho más limpio, es mucho más agradable visualmente una fuente que no tiene esa serifa.

109
00:17:37,140 --> 00:17:54,059
Es una recomendación, ¿vale? Luego cada uno utilizará la fuente que quiera, porque se pueden utilizar todo tipo de fuentes. Bueno, y no sé si me aparece aquí algo más, nada, un caso práctico de análisis de un sitio web, nada.

110
00:17:54,059 --> 00:17:59,259
bueno, esto

111
00:17:59,259 --> 00:18:01,900
yo creo que esto ya os lo voy a contar a partir del próximo día

112
00:18:01,900 --> 00:18:04,799
son dos cosas, lo de las hojas de encascada

113
00:18:04,799 --> 00:18:07,779
y los estándares de accesibilidad de información

114
00:18:07,779 --> 00:18:11,799
casi lo voy a desarrollar mucho más el próximo día de trabajo

115
00:18:11,799 --> 00:18:15,259
realmente un estándar de accesibilidad

116
00:18:15,259 --> 00:18:17,880
es una serie de normas

117
00:18:17,880 --> 00:18:20,720
que tiene que cumplir o que sería bueno

118
00:18:20,720 --> 00:18:23,559
que cumpliera mi página web

119
00:18:23,559 --> 00:18:42,920
para poder acceder a ella de forma más cómoda, ¿vale? Son criterios de accesibilidad, que no tiene por qué tener un página, es una recomendación, ¿vale? Igual que lo de la serifa con la tipografía, los estándares de accesibilidad también son una recomendación.

120
00:18:42,920 --> 00:18:46,299
y yo creo que poco más

121
00:18:46,299 --> 00:18:46,680
¿vale?

122
00:18:47,319 --> 00:18:49,940
sí que vamos a empezar entonces a trabajar un poquito

123
00:18:49,940 --> 00:18:51,140
con

124
00:18:51,140 --> 00:18:53,900
la edición de una página web

125
00:18:53,900 --> 00:18:55,960
lo que me viene en este libro

126
00:18:55,960 --> 00:18:57,920
un poco son, ¿cómo voy a crear

127
00:18:57,920 --> 00:19:00,059
esa página web? o bien a través

128
00:19:00,059 --> 00:19:01,900
de esos gestores de contenidos

129
00:19:01,900 --> 00:19:03,500
un gestor de contenidos

130
00:19:03,500 --> 00:19:05,660
no es más que un editor YSIN

131
00:19:05,660 --> 00:19:07,000
de los que os hablaba antes

132
00:19:07,000 --> 00:19:09,660
¿cómo lo voy a ir creando? con un WordPress

133
00:19:09,660 --> 00:19:11,799
con Humola, con Drupal

134
00:19:11,799 --> 00:19:30,059
Hay muchos. Utilizando un lenguaje HTML, y yo no sé si me viene algo más por aquí, el HTML5, el Javascript, no vamos a trabajar con Javascript, pero funciona de manera muy parecida con otras etiquetas,

135
00:19:30,059 --> 00:19:42,380
pero de manera muy parecida al HTML5, y no sé si me viene así, y con otro tipo de editores de páginas web, editores Wysync, como puede ser, por ejemplo, el NVU, etc.

136
00:19:42,940 --> 00:19:54,200
Vamos a trabajar un poquito con todo esto. Entonces, en vez de explicaros teóricamente cómo funcionan cada uno de estos, yo creo que lo más bueno es directamente ir viéndolo.

137
00:19:54,200 --> 00:20:16,059
¿Vale? Ir viendo una página web. Bueno, es verdad, insisto, me aparece lo que es la transferencia de archivos, ¿cómo voy a alojar mi página web en el servidor? Que para eso tengo que utilizar un programa adecuado de transferencia de archivos, ¿vale? Como puede ser Filezilla o FireFTP, ¿vale? Hay muchos.

138
00:20:16,059 --> 00:20:30,180
Si tenemos oportunidad, alojaremos nuestra página web editada, con lo cual tendremos que utilizar estas aplicaciones de transferencia y directamente vamos a empezar a trabajar, si os parece.

139
00:20:30,940 --> 00:20:49,339
Vamos a empezar, os decía, la casa por los cimientos. Si una página web se caracteriza por su código HTML5, lo más oportuno es que empecemos a conocer el código HTML. ¿Y por qué?

140
00:20:49,339 --> 00:20:56,799
porque independientemente aunque nosotros estemos usando un editor guay si muchas veces hay algo

141
00:20:56,799 --> 00:21:02,299
que a mí me interesa modificar porque con ese editor no me sale exactamente lo que yo quiero

142
00:21:02,299 --> 00:21:07,940
publicar donde lo que tengo que hacer es modificar el código html vale para poder modificar el código

143
00:21:07,940 --> 00:21:16,980
html tengo que conocer cómo funciona hasta aquí muy bien chicos si voy a parar un momentito