Saltar navegación

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

Introducción a hojas de estilo III. Barras de navegación y enlaces - 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 24 de septiembre de 2024 por Pedro Luis L.

18 visualizaciones

Más información Transcripción

Descargar la transcripción

Bueno, teníamos el objetivo de crear una barra de navegación. 00:00:00
Lo primero que tenemos que conocer antes de hacer esto son cómo se hacen enlaces de una página web a otra. 00:00:06
Para eso necesitamos una segunda página web. 00:00:13
Pues nada, me voy aquí a mi página y voy a crear una segunda página web. 00:00:17
Vamos a llamarla página2.html. 00:00:22
Y le quito esto de la extensión txt 00:00:27
Porque si no, se va a liar 00:00:30
Y ahora la abrimos 00:00:32
Podéis abrir con el editor que preferáis 00:00:34
De Visual Studio Code 00:00:37
Aquí lo estoy abriendo con el Kate 00:00:38
Porque lo tengo a mano 00:00:40
Me he equivocado de botón 00:00:41
Aquí, bueno, pues aquí lo tenemos 00:00:44
De momento, la página está vacía 00:00:45
Vamos a volver a escribirla 00:00:47
Acordaros que todo documento tiene que empezar por esto 00:00:49
.type html 00:00:51
todo documento empieza por HTML 00:00:54
y acaba 00:00:57
en HTML, o sea, tengo que abrir 00:00:59
y cerrar la etiqueta 00:01:01
todo documento tiene que tener 00:01:02
una cabecera 00:01:05
que se indica con el head 00:01:06
dentro del head tendré que tener 00:01:09
al menos la codificación 00:01:11
el charset 00:01:13
le voy a poner un título 00:01:19
le vamos a poner 00:01:25
de título 00:01:30
página 2, ya tengo la página 2 00:01:31
toda página web tiene que tener un cuerpo, ahí lo tenemos 00:01:35
el cuerpo creado, ¿vale? y voy a decir 00:01:42
o voy a crear una simple página que va a ser, bueno este 00:01:45
el p servía para poner párrafos, aquí voy a poner, esto es la página 2 00:01:52
y lo guardo, ¿de acuerdo? entonces quiero enlazar 00:01:56
desde la página 1 a la página 2, ¿cómo lo voy a hacer? 00:02:05
pues muy fácil, aquí en lo que va a ser mi futura 00:02:10
barra de navegación, o que pueden poner los enlaces donde quiera, tengo que usar la etiqueta A, 00:02:15
que se usa de una forma muy curiosa. De momento voy a poner esto. Bueno, tiene que empezar por A 00:02:21
y tengo que cerrar la etiqueta, como veis aquí. Bueno, este es el texto que me va a aparecer para 00:02:34
que yo pueda hacer clic en él y aquí tengo que poner la dirección a donde quiero yo enlazar, 00:02:43
Como quiero enlazar a la página 2.html y el archivo está en el mismo sitio, aquí tengo el archivo página 2, pues pongo página 2.html, lo guardo y voy a abrir mi página 1, voy a abrir mi página 1, abro página 1, ahí está y veis aquí el enlace, aquí pone el enlace a página 2. 00:02:49
Si le hago clic, bueno, veis que cuando pongo el enlace, la parte de abajo de la página web me dice hacia dónde voy a enlazar. 00:03:18
Y cuando hago clic, voy a la página 2. 00:03:24
¿Podría meter un enlace desde la página 2 a la página 1? También. 00:03:28
Muy fácil. Me voy a la página 2 y esto sería a href página1.html barra, aquí pongo el nombre del enlace, 00:03:32
Pues volver a la página 1 00:03:46
Cierro la etiqueta 00:03:52
Y ya estaría, me voy aquí a la página 2 00:03:56
Aquí tengo la página 2 ya 00:03:59
Tengo ya el enlace de volver a la página 1 00:04:02
Cuando le doy, pues vuelvo a la página 1 00:04:06
Puedo meter aquí más enlaces 00:04:08
Fijaros, puedo ir aquí a la carpeta 00:04:11
Y crear 00:04:13
que está la carpeta donde tengo las páginas, 00:04:14
puedo crear una nueva carpeta. 00:04:18
Carpeta que voy a llamar 00:04:19
Páginas. 00:04:21
La carpeta Páginas. 00:04:24
Ya vi que voy a crear 00:04:26
mejor dicho, voy a copiar 00:04:27
espera, esto se me ha abierto aquí una cosa que yo no quería. 00:04:30
Bueno. 00:04:33
Voy a copiar este Página 2 00:04:34
y lo voy a meter aquí dentro. 00:04:36
Voy a cambiarle el nombre. 00:04:41
Le voy a llamar Página 3. 00:04:44
y ahora lo voy a editar, lo voy a editar, va a ser página 3, esto es la página 3 y ahora empieza la fiesta. 00:04:45
El enlace este, fijaros, yo quiero un enlace que vuelva a la página 1, si lo dejo tal cual lo tengo aquí, esto va a fallar. 00:05:00
Si abro aquí, si abro aquí esta página, la página 3, la abro, veis que aquí está la página 3 que está dentro de la carpeta páginas, fijaros que está en una carpeta distinta. 00:05:09
Vamos a ver si lo veis, aquí se ve muy bien la estructura, veis, tengo la carpeta páginas y aquí la página 3 y luego fuera de la carpeta páginas está página 1 y página 2. 00:05:26
Fijaros que yo quiero hacer referencia desde esta página de aquí a esta página de aquí, ¿de acuerdo? 00:05:37
Quiero hacer referencia desde página 3 a página 1. 00:05:43
Si lo dejo como está, ¿de acuerdo? 00:05:46
Si lo dejo como está, vais a ver que se produce un error. 00:05:49
Está la página 3 y cuando le doy clic me dice que archivo no he encontrado. 00:05:54
¿Por qué? 00:05:58
Porque estoy buscando página 1 dentro de la carpeta páginas. 00:05:59
¿Ves? 00:06:03
Está buscando página 1 aquí dentro y aquí no hay ningún archivo que se llame página 1, ¿de acuerdo? 00:06:03
Página 1 está un nivel por encima. 00:06:10
Entonces, para indicar un nivel por encima se usa punto, punto, punto, punto, página 1, punto, punto, barra, página 1. 00:06:13
Esto quiere decir que voy a buscar, voy a bajar, punto, punto, significa bajar una carpeta hacia abajo, 00:06:24
bajar una carpeta hacia abajo y dentro de esa carpeta buscar página 1. 00:06:29
Con lo cual ya sé que lo voy a encontrar. Si estoy en páginas, este es página 3, va a bajar una carpeta hacia abajo y va a buscar páginas. O sea, va a localizar este. Si pruebo ahora a cargar página 3, le doy para atrás, cargo página 3 de nuevo, le doy aquí a recargar, doy volver a la página 1 y ya vuelve a la página 1. 00:06:36
Vamos a meter un enlace a la página 3 aquí, en esta página principal que estamos haciendo. 00:06:55
Vuelvo aquí a mi página 1, de acuerdo, aquí en la barra de navegación voy a meter otro enlace. 00:07:01
Voy a poner a href igual página 3.html. Esto va a fallar. 00:07:08
Esto, si lo pongo así, si lo pongo tal como lo he puesto así, va a fallar. Vamos a ver por qué. Lo guardo, me voy al navegador, recargo la página, me sale el enlace a página 3 y si le pincho, ¿veis que falla? ¿Por qué ha fallado? 00:07:21
porque está buscando 00:07:43
mira, dice que busca 00:07:45
a página 3 00:07:47
como no le he puesto yo referencia a ningún sitio 00:07:49
a ninguna carpeta, lo intenta buscar 00:07:51
aquí dentro 00:07:53
aquí, en la misma carpeta que está 00:07:54
página 1, en la misma carpeta 00:07:57
que está página 1 hay algún archivo 00:07:59
que se llama página 3, pues no 00:08:01
por eso el navegador me dice que no lo encuentra 00:08:03
me dice archivo 00:08:05
no he encontrado, pero yo quiero acceder 00:08:07
a página 3 00:08:09
quiero acceder aquí a página 3 ¿cómo lo hago? pues como está dentro de la carpeta páginas tendré que 00:08:11
poner páginas barra página 3 si voy ahora al navegador recargo y le doy pues ya vemos que 00:08:18
funcionan los enlaces correctamente voy a convertir esto en un comentario para convertirlo en un 00:08:36
comentario, recordad que había que poner 00:08:46
estos simbolitos tan curiosos. 00:08:47
¿De acuerdo? Había que poner esos dos 00:08:53
simbolitos tan curiosos. Con lo cual, 00:08:54
ahora, cuando recarga la página, 00:08:57
¿veis este texto de aquí? 00:08:59
Ese texto de ahí va a 00:09:01
desaparecer. 00:09:02
Bueno, yo quiero 00:09:05
hacer una barra de navegación bonita, 00:09:06
porque esto no es bonito ni nada por el estilo. 00:09:08
Entonces, me voy a la 00:09:11
W3Schools, o sea, 00:09:12
a la W3CSS, 00:09:14
eso pongo en mi navegador 00:09:16
Favorito, w3.css, y lo visito, sale el buscador, cuando le apetezca, ahí está el buscador, va un poquito lento, vamos tú puedes, ahí está, entro en el w3.css, y ahora busca aquí, barras de navegación, 00:09:18
Estará por aquí. 00:09:47
¿Veis que pone aquí W3CSS Navigation? 00:09:48
Pues le damos. 00:09:52
Está un poquito lento. 00:09:53
Venga, tú puedes. 00:10:00
Ahí lo tenemos. 00:10:01
Quiero crear una barra de navegación de este porte. 00:10:01
¿De acuerdo? 00:10:05
Entonces, para crear la barra de navegación, 00:10:06
fijaos, tengo que meter todo en un div 00:10:09
y poner la clase W3Bar. 00:10:12
Bueno, y el color. 00:10:16
Ya lo he puesto color negro. 00:10:17
O sea, está poniendo una de este porte. 00:10:18
Vamos a probar. 00:10:21
Bueno, realmente ya tengo el nav. 00:10:26
El nav es exactamente igual que el div. 00:10:28
Es un contenedor. 00:10:31
Lo que pasa es que nav está orientado, si nos vamos aquí a los apuntes, 00:10:32
tenemos que usar nav cuando queremos indicar que es una barra de navegación. 00:10:36
Vais a ver que la mayoría de las páginas web no usan nav. 00:10:40
Usan div. 00:10:43
Y lo ponen un div, ¿vale? 00:10:44
Pero que no pasa nada usar un nav. 00:10:45
Pongo aquí nav class. 00:10:47
y hemos dicho que esto tiene que ser una 00:10:49
y vamos a respetar el color 00:10:53
vamos a poner brillo 00:10:57
a ver como queda 00:10:59
le he puesto de, bueno, a ver 00:11:00
aquí está, le doy cargo 00:11:08
y ahí tengo mi barra de navegación 00:11:10
¿de acuerdo? bueno, fijaros 00:11:12
que no me activa cuando 00:11:14
lo visitos, no me hace esto 00:11:16
este efecto, no me hace el efecto este 00:11:18
de cuando visitas, cambia de color 00:11:23
¿por qué? porque también le tengo que poner 00:11:25
que es un www.bar.item y que es un botón. 00:11:27
O sea, tengo que añadirle a los enlaces estas clases, que es un ítem y un botón. 00:11:32
Vale, pues como estoy vaguete, lo copio y lo pego, me vengo aquí y ahora en cada uno de estos 00:11:38
lo añado a la clase que indica que es un ítem y un botón. 00:11:49
O sea, está indicando que es un ítem de la barra de navegación, 00:11:55
está esto de aquí, un ítem de la barra de navegación 00:11:58
y un botón, que tiene características 00:12:03
de botón. Vale, pues guardamos, 00:12:07
recargamos, y ahora ya tiene 00:12:12
un aspecto más de barra de navegación. Lo he dicho yo, para los colores 00:12:16
soy terrible, pero vamos a dejarlo en negro, que queda más bonito. 00:12:20
Para ponerlo en negro, habrá que poner aquí 00:12:23
black 00:12:26
recargamos otra vez 00:12:28
bueno, pues ya va quedando 00:12:31
nuestra barra de navegación 00:12:33
a veces 00:12:35
bueno, ahí puedo meter imágenes 00:12:38
e iconos, puedo coger cualquier 00:12:39
símbolo 00:12:41
unicode y plantarlo 00:12:44
aquí, de hecho 00:12:45
se usa mucho, bueno aquí he puesto 00:12:46
home, creo que hay mucho simbolito 00:12:49
unicode que se puede usar ahí 00:12:51
veis 00:12:52
esta lupita 00:12:55
lo podemos buscar en los símbolos unicode 00:12:57
y poner. 00:12:59
Más cosas. 00:13:01
Voy a lanzar un pequeño servidor web. 00:13:03
En Linux es bastante fácil 00:13:05
lanzar un servidor web. Simplemente tengo 00:13:07
que abrir un terminal y escribo 00:13:09
esta magia negra. 00:13:13
Este comando magia negra. 00:13:15
python 00:13:17
3-m http 00:13:18
.server 00:13:21
Y lo que hace es que lanza 00:13:24
Un pequeño servidor web. O sea, donde ejecute el comando, me lanza un servidor web. 00:13:27
Bueno, vamos a visitar este servidor web que ha lanzado. 00:13:33
Para visitarlo, fijaros que me está diciendo aquí 0000 2.8000. 00:13:37
0000 en redes significa o todas las direcciones o ninguna. 00:13:44
En este caso está significando que está mandando la información, este servidor web que hemos abierto, 00:13:49
en cualquier IP que tenga el ordenador, en cualquier dirección que tenga. 00:13:56
Y lo está mandando a través del puerto 8000. 00:14:01
Los programas se colocan en unos numeritos que llamamos puertos. 00:14:04
Cada programa se tiene que poner a escuchar en un puerto diferente. 00:14:10
Pues aquí se apuesta a escuchar en el puerto 8000. 00:14:13
Para entrar en mi pequeño servidor web, me voy aquí, por ejemplo, 00:14:16
y pongo localhost 2.8000. 00:14:20
Localhost se refiere, cuando pongamos siempre localhost, 00:14:28
va a ser la máquina en la que estáis trabajando. 00:14:31
O sea, se refiere a vuestra propia máquina. 00:14:33
Le estoy diciendo, 00:14:36
le estoy diciendo, 00:14:37
conéctate a la máquina localhost en el puerto 8000. 00:14:39
Le damos. 00:14:42
Bueno, veis que sale esto. 00:14:43
Tengo ahí mis páginas, ¿de acuerdo? 00:14:46
Tengo ahí mis páginas. 00:14:48
Y si pincho en página 1, la puedo visitar, ¿vale? Lo estoy sirviendo a través de un servidor web. Si pudiese ver las IPs de mi máquina, esto probadlo en casa, cogeis el ordenador de casa, le veis la IP y te conectas desde el móvil. Vais a ver que funciona. Aquí me estará diciendo las visitas que estoy recibiendo, ¿vale? Bueno, esto está haciendo peticiones, que veremos que esto es importante. 00:14:49
También vemos que el navegador ha pedido esto, que esto veremos también lo que es, que esto simplemente le está pidiendo el favicon, es algunas páginas web, veis aquí este simbolito, esto es un icono que se puede poner ahí, pues simplemente le está pidiendo el icono que efectivamente no tenemos. 00:15:13
El servidor le está diciendo mensaje 404 de página no encontrada. El mensaje 200 es que la página se ha encontrado y de hecho se la ha devuelto. Fijaros que nada más entrar me ha mostrado la lista de archivos que había. 00:15:35
¿Vale? Vamos a hacer un pequeño cambio. Vamos a irnos a página 1, bueno, no, a página 1 no, perdón, vamos a ir aquí a esta carpeta donde está página 1, me he expresado mal, y vamos a crear un archivo que se va a llamar index.html. 00:15:53
Importante quitarle esto de la extensión txt. 00:16:14
Cuidado que Windows es muy propicio a poner esto de la extensión txt y te vuelves loco. 00:16:16
Index txt. 00:16:21
¿Vale? 00:16:23
Pues que sea index.html. 00:16:24
La abrimos con el editor. 00:16:25
La abrimos con el editor. 00:16:29
Me creo una página web rápida. 00:16:31
Acordaros. 00:16:34
Voy a ser pesado. 00:16:35
Toda página web tiene que tener el dot type, el tipo documento. 00:16:36
Abrirse y cerrarse por html. 00:16:41
esto hay que saberlo de memoria 00:16:44
tener una cabecera 00:16:47
tener un body 00:16:49
vale, abro y cierro la etiqueta 00:16:53
y dentro de la cabecera tengo que tener 00:17:01
un meta con la codificación 00:17:02
que es la UTF-8 00:17:05
la único de 8 00:17:09
y bueno, voy a ponerle el título 00:17:11
al que voy a llamar página de inicio 00:17:13
vale 00:17:20
en esta página de inicio voy a ponerle aquí un enlace 00:17:25
voy a meter un enlace 00:17:29
a página 1 00:17:37
Aquí voy a poner ir al sitio. 00:17:44
¿De acuerdo? 00:17:48
Bueno, pues ya he creado mi página index, he guardado mi página index, ahí está creada. 00:17:49
Si voy al navegador y ahora pulso recargar, fijaros, estoy en localhost 2.8000. 00:17:54
¿De acuerdo? Estoy en esta dirección. 00:18:00
Si la visito ahora, pulso intro. 00:18:02
Uy, veis que directamente me ha mostrado la página index.html. 00:18:04
Esto no es un casual. 00:18:10
Si el navegador, o mejor dicho, el servidor encuentra una página index.html, la veis aquí, la index.html, si el servidor encuentra una página index.html, por defecto te tiende a servir esa página. 00:18:11
¿De acuerdo? 00:18:29
No te muestra este directorio, ese listado de archivos que estaba mostrando. 00:18:30
Si ahora a este index.html le cambio el nombre, le cambio el nombre y pongo, yo que sé, unos cuantos ceros delante, para que ya no sea index, y recargo el sitio, vais a ver que ahora me vuelvo a mostrar el listado de archivos. 00:18:35
Pero si le quito los ceros y lo vuelvo a llamar index.html, ¿veis? Me muestra la página index.html. Esto lo hacen todos los servidores web. 00:18:54
Este comportamiento se puede cambiar. Incluso quitarle el comportamiento este de que me enseñe los archivos. Es muy raro que te metas a un servidor web y te enseñe los archivos directamente. Se puede desactivar. 00:19:10
Más cositas. Ahora que tenemos un servidor web funcionando, vais a ver que también las referencias se trabajan de una forma distinta. 00:19:21
Bueno, me está diciendo que se han hecho cambios en el archivo y demás 00:19:32
Voy a página 3 00:19:37
¿De acuerdo? Estoy en página 3 00:19:42
Fijaos lo que se puede hacer ahora 00:19:45
Se pueden hacer cosas tan divertidas como esta 00:19:46
Voy a copiar este enlace 00:19:48
Lo vuelvo aquí, vuelvo a la página 1 00:19:49
Directamente 00:19:53
Y voy a quitarle estos dos puntitos 00:19:55
Vais a ver que esto no solamente funciona cuando estoy en un servidor 00:20:00
Puedo referenciar directamente los archivos cuando estoy en un servidor 00:20:03
Cuando estoy en el servidor puedo hacer cosas como esto 00:20:13
Puedo poner aquí, barra, página, página 3 00:20:17
Bueno, aquí se está referenciando a sí mismo el archivo 00:20:28
¿Qué es lo que está pasando aquí con estos dos enlaces? 00:20:31
Nuevos que he metido 00:20:44
Bueno, la raíz del servidor, bueno voy a volver a llamar esta página para que se vea bien el efecto, le quito el index, ¿de acuerdo? Fijaros, cuando visito esta página, la raíz, veis que ha puesto aquí listing for barra, barra va a ser la raíz, ¿de acuerdo? 00:20:45
Entonces, si pongo barra página 1, accedo directamente. 00:21:06
O sea, esto dentro del navegador web va a funcionar. 00:21:13
Si yo me voy aquí, en mi navegador, a página 3, y pincho en volver a página 1 directamente, vais a ver que funciona. 00:21:16
¿De acuerdo? 00:21:27
Me manda directamente a barra página 1. 00:21:28
Si pincho aquí en me referencia a mí mismo, vais a ver que funciona perfectamente. 00:21:32
Espera, no ha funcionado. Uy, qué raro. Uy, qué raro. Final font barra página. Página 3. Me da un 404. Algo he escrito mal. Ah, que es páginas, perdón. Que la carpeta se llama páginas. Páginas. Vale, lo he escrito mal. Páginas. Vale, pues lo corrijo. Páginas. Vale, páginas. 00:21:36
Pues me referencia aquí a mí mismo. A ver, recargo la página, me referencia a mí mismo y ahora funciona. ¿Vale? Ves que cada mínima cosa influye. Lo que estoy haciendo es navegar por el sistema de ficheros. O sea, cuando pongo aquí en la URL una dirección, lo que estoy diciendo es que aquí dentro de la carpeta que hay aquí me das este archivo. 00:21:59
Y puedo meter carpetas unas dentro de otras y referenciarlas. Cuando navegáis, de hecho, lo veis. Barra no sé qué, barra no sé cuánto, barra no sé cuánto. Lo que está haciendo es meterse dentro de una carpeta, dentro de una carpeta, dentro de una carpeta y devolviéndote un archivo. 00:22:24
vamos a visitar página 3 directamente, o sea, sin usar nuestro servidor. 00:22:38
Voy a parar el servidor. 00:22:48
Para pararlo, vengo aquí o cierro la ventana, pongo un control-C. 00:22:49
¿Ves? Control-C y se para. 00:22:53
Ya está parado el servidor. 00:22:56
Ahora, si me voy aquí a localhost, aquí está este servidor que tengo aquí, 00:22:57
me dice que no se puede conectar. 00:23:03
Ahora tengo que acceder directamente. 00:23:04
Bueno, pues si accedo directamente y digo aquí, abrir la página 3, vais a ver que estos dos enlaces ahora no funcionan. 00:23:06
El de volver a la página 1 directamente, le damos y me dice que archivo no he encontrado. ¿Por qué? 00:23:19
Porque se está yendo a la raíz del disco duro, ¿vale? 00:23:25
al no estar el servidor funcionando, se va a la raíz del disco duro y busca ahí en la raíz del disco duro 00:23:28
dónde está el archivo. Y ese archivo efectivamente no lo va a encontrar. Se está yendo, ni más ni menos, 00:23:37
se está yendo al disco duro aquí. Claro, ahí no está ni de casualidad el archivo. 00:23:48
Y con el otro enlace igual, cuando me pongo aquí y me referencio a mí mismo, vais a ver que tampoco funciona 00:23:55
cuando está el servidor parado. 00:24:01
¿Por qué? 00:24:03
Porque está yendo a páginas, 00:24:03
está buscando páginas, 00:24:07
página 3. 00:24:09
O sea, se está yendo a la raíz del disco duro, 00:24:10
a la raíz del disco duro, 00:24:13
aquí lo tenemos, 00:24:14
y está buscando aquí una carpeta que se llama páginas, 00:24:16
página 3, 00:24:18
que esa carpeta evidentemente no existe 00:24:19
en la raíz del disco duro, ¿vale? 00:24:21
Se ha ido aquí a barra la raíz del disco duro, 00:24:22
cuando yo realmente estoy en otra carpeta 00:24:25
por ahí perdido, 00:24:27
trabajando. 00:24:29
¿De acuerdo? Bueno, pues si vuelvo para atrás, si vuelvo para atrás, aquí está el medio donde estoy trabajando ahora, tengo el servidor parado, también puedo referenciar a otras páginas web. 00:24:31
no tengo por qué 00:24:47
referenciar la página web de mi servidor 00:24:50
¿de acuerdo? estoy en página 3 00:24:52
puedo meter una referencia a Google 00:24:54
que se hace exactamente igual, pongo a 00:24:55
href 00:24:57
igual 00:25:00
barra a 00:25:01
y pongo aquí Google 00:25:06
por ejemplo, y pongo la dirección de Google 00:25:08
tengo que ponerla completa 00:25:11
https dos puntos barra barra 00:25:12
google.es 00:25:15
¿de acuerdo? 00:25:17
Si me voy a visitar página 3 ahora, la buena no está, voy a cerrar, quito este batiburrillo que tengo, voy a cerrar el batiburrillo y voy a abrir página 3. La abro con el navegador porque ahora el servidor web lo tengo parado. 00:25:19
Vale, pues si pincho aquí en Google vais a ver que me referencia directamente. Me puedo referenciar a recursos que tenga en otros sitios, en otros ordenadores. De acuerdo, pues hasta aquí han llegado los enlaces. 00:25:38
Subido por:
Pedro Luis L.
Licencia:
Reconocimiento - No comercial - Compartir igual
Visualizaciones:
18
Fecha:
24 de septiembre de 2024 - 9:51
Visibilidad:
Público
Centro:
IES VILLABLANCA
Duración:
25′ 59″
Relación de aspecto:
1.78:1
Resolución:
1280x720 píxeles
Tamaño:
36.53 MBytes

Del mismo autor…

Ver más del mismo autor

EducaMadrid, Plataforma Educativa de la Comunidad de Madrid

Plataforma Educativa EducaMadrid