Saltar navegación

Exelearning - Acordeón

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 8 de octubre de 2023 por Elías G.

5 visualizaciones

Videotutorial donde se muestra cómo crear el efecto de acordeón

Descargar la transcripción

Vamos a añadir contenidos con algún efecto. 00:00:02
En este caso lo vamos a hacer en la página de Baloncesto y Salud. 00:00:05
Vamos a dar a añadir un nivel de texto. 00:00:10
En este caso vamos a añadir el título. 00:00:14
Baloncesto, actividad física, está mal escrito, y salud. 00:00:24
con este texto introductorio 00:00:31
y vamos a añadir tres contenidos en lo que se denomina efecto acordeón 00:00:34
si venimos aquí a la F, F, X, efectos 00:00:43
y vamos a añadir, tenemos distintos efectos 00:00:47
en función de lo que queramos 00:00:51
pestañas, paginación 00:00:54
carrusel 00:00:59
línea de tiempo 00:01:02
o acordeón. Yo voy a utilizar el acordeón 00:01:04
y aceptar. Tenemos un encabezado 00:01:08
y un contenido. En el encabezado 00:01:13
vamos a poner, por un lado, beneficios del deporte para la salud 00:01:16
el segundo encabezado, calentamiento previo 00:01:21
a la actividad física y 00:01:33
solo tenemos dos, vamos a añadir uno tercero aquí, damos un intro 00:01:38
y ponemos encabezado 2 y se crea una nueva opción para el acordeón 00:01:46
y ponemos lesiones más frecuentes en baloncesto 00:01:53
y los contenidos que vamos a agregar aquí son vídeos 00:01:58
vamos a hacer una lista de vídeos, así estamos añadiendo un contenido más 00:02:07
a los que habíamos añadido de imágenes, ahora añadimos vídeos 00:02:11
y además con el efecto acordeón 00:02:14
Los vídeos los he buscado, los tengo aquí, tenemos este, lo podemos añadir directamente, así, insertar, editar, vídeo, poniendo directamente la página, le doy a aceptar, y aquí se me pega el vídeo, en el segundo, cojo el segundo, añado vídeo, 00:02:16
pego, y ahí lo tenemos, y el tercero, el tercer vídeo, el tercer enlace, de aquí a la opción de insertar vídeo, 00:02:59
y simplemente pues poniendo el enlace, nos aparece el vídeo, una vez que lo tengo hecho, pulso, confirmo, 00:03:13
y ahora tenemos, este es el efecto acordeón 00:03:25
bien, no es necesario 00:03:27
copiar el código HTML 00:03:40
ni cosas raras, simplemente 00:03:43
añadiendo el enlace 00:03:45
a la opción de insertar vídeo 00:03:48
se hace, podemos modificarlo 00:03:50
también aquí, el tamaño 00:03:53
quitar los controles de reproducción 00:03:55
reproducirlo automáticamente 00:03:57
añadir título, reconocimiento 00:03:58
y cambiar las dimensiones 00:04:01
aquí del vídeo 00:04:06
si modifico el tamaño 00:04:08
automáticamente se ajusta 00:04:12
salvo que quite la opción de limitar las proporciones 00:04:16
que lo que hará es deformarlo 00:04:20
en este caso el vídeo ha quedado ahí 00:04:22
lo puedo centrar 00:04:25
y lo tengo ahí centrado 00:04:27
lo ideal es que lo deje todo del mismo tamaño 00:04:35
Así que me vengo aquí, miro el tamaño que he puesto, voy a hacerlo más grande, miro el tamaño que he puesto aquí, he hecho 380 por 213, pues voy a cambiar ese también a 380 por 213. 00:04:37
lo voy a centrar 00:05:01
y este otro al mismo tamaño 00:05:02
380 00:05:06
por 213 00:05:11
aceptar y lo centro 00:05:12
y así me queda 00:05:15
mejor 00:05:22
este efecto es el efecto de 00:05:25
acordeón que hemos dicho 00:05:26
Autor/es:
Elías Gutiérrez
Subido por:
Elías G.
Licencia:
Reconocimiento - Compartir igual
Visualizaciones:
5
Fecha:
8 de octubre de 2023 - 14:28
Visibilidad:
Clave
Centro:
CP INF-PRI SAN CARLOS
Duración:
05′ 30″
Relación de aspecto:
1.78:1
Resolución:
1920x1080 píxeles
Tamaño:
23.33 MBytes

Del mismo autor…

Ver más del mismo autor


EducaMadrid, Plataforma Educativa de la Comunidad de Madrid

Plataforma Educativa EducaMadrid