Activa JavaScript para disfrutar de los vídeos de la Mediateca.
WIX-4. Galerías, audio y video - Contenido educativo
Ajuste de pantallaEl ajuste de pantalla se aprecia al ver el vídeo en pantalla completa. Elige la presentación que más te guste:
Se describe cómo configurar galerías de imágenes, audios y videos dentro de una página creada con el editor de contenidos WIX.
Bien, vamos a ver ahora, en este vídeo, las galerías de imágenes. Para ello, nos vamos
00:00:00
al menú lateral y añadimos Galerías. Bien, aquí tenemos unas cuantas recomendadas, Galerías
00:00:06
Wix Pro, que son de pago, Galerías de cuadrícula, éstas ya son free, por así decirlo, gratuitos,
00:00:15
cubo cinta, tenemos distintas opciones, también tenemos éstas de estilo libre, de cubos, muy
00:00:23
bonita, que vais a utilizar vosotros en el ejercicio de Wix, la de carrusel, que también
00:00:35
es bastante elegante, y luego pues tenemos más opciones de pago. Bueno, pues vamos dentro
00:00:40
de las galerías que tengo, vamos a ver, por ejemplo, vamos a arrastrar la de carrusel
00:00:46
3D a la sección, y vamos a ajustarla al ancho de la sección permitido. Bien, una
00:00:52
vez que estamos aquí, tenemos varias opciones, primeramente vamos a cambiar las imágenes
00:01:05
porque las que me ofrece Wix son unas imágenes de muestra que no se adecúan realmente a
00:01:10
lo que yo quiero, con lo cual vamos aquí a cambiar imágenes, y lo que haríamos es
00:01:14
en imagen de prueba las iríamos eliminando, así sucesivamente, y yo agregaría mis imágenes.
00:01:19
En este caso voy a agregar imágenes, podríamos subir imágenes desde aquí, vamos a añadir
00:01:26
por ejemplo, a subir de mi ordenador, vamos a subir, estamos aquí en documentos, en escritorio,
00:01:34
y voy a añadir, por ejemplo, bosque, estamos subiendo, y vamos a subir también, unos gatitos,
00:01:47
aquí está el bosque, y estamos subiendo el archivo de los gatos. Bueno, pues añadiríamos
00:02:11
a la galería, aquí la tenemos, está todavía subiendo, en cuanto se cargara la podríamos
00:02:30
seleccionar como hemos hecho con el bosque y daríamos a agregar a la galería. Bien,
00:02:40
dentro de cada una de ellas, por ejemplo, dentro del bosque que hemos subido le podríamos
00:02:46
dar un título alternativo que es el que se queda cuando, el que aparece en cuanto dejamos
00:02:49
el ratón puesto, podríamos describir una imagen y agregar un enlace también a una
00:02:55
imagen de ellas. Aquí tengo mi carrusel 3D. Los ajustes que podríamos hacer es que se
00:02:59
activen o no al cargarlas, es decir, si yo no lo selecciono se van reemplazando unas
00:03:12
a otras, por ejemplo, aparecería esta imagen en primer lugar cuando yo hiciera clic sobre
00:03:18
ella. Al activarlo, aquí puedo elegir el tiempo en segundos que permanece cada imagen
00:03:22
antes de ser reemplazada por la siguiente y el comportamiento al hacer clic sobre ella,
00:03:29
que no pase nada, salvo un pop-up o abrir un enlace que hemos hecho previamente. Podríamos
00:03:34
cambiar el diseño, si no me gusta el carrusel 3D podríamos elegir aquí entre todos los
00:03:44
diseños que me deja Wix. Vamos a visualizarlo, vamos a guardar y a darle vista previa para
00:03:49
ver cómo ha quedado. No aparece, esto a veces pasa, vamos a publicarlo y a ver si... A veces
00:04:00
pasa que con ciertos elementos no lo cargan vista previa. Bien, aquí tendríamos cómo
00:04:15
se van reemplazando unas a otras, pasado el tiempo, etc. Siguiente elemento que vamos
00:04:23
a ver va a ser añadir vídeo. Entonces, para ello venimos a Vídeo y Música. Aquí tengo
00:04:30
distintos reproductores, aquí carga de vídeo genérica, de Youtube, de Vimeo, es decir,
00:04:49
diferentes redes sociales, de Facebook, Dailymotion, etc. Nosotros vamos a, por ejemplo, a cargar
00:04:56
un vídeo de Youtube. Lo arrastro, lo coloco en mi página web y ahora vamos a darle a
00:05:04
cambiar vídeo, evidentemente. Para ello podemos cambiar incluso aquí a Vimeo de nuevo, etc.
00:05:14
Vamos a poner la dirección, la URL, por ejemplo, el vídeo que tengo yo aquí de Grandberrys, copio la URL y se lo coloco aquí.
00:05:24
Aquí tengo el vídeo, ¿de acuerdo? Y ahora, a continuación, puedo elegir que se produzca
00:05:37
automáticamente cuando cargue la página web y que cuando termine haga un bucle sin
00:05:43
fin, es decir, que esté continuamente escuchándose o viéndose. Puedo agregar una descripción, etc.
00:05:48
Esto ya lo hemos visto. Cambiar vídeo y esto me pasa lo mismo. Reproducir se muestra, apasar
00:05:56
el cursor nunca, el diseño, como caja, le puedo cambiar la opacidad y relleno al borde
00:06:09
y le puedo añadir una animación de entrada cuando cargue la página web, por ejemplo.
00:06:18
Y con esto fácilmente hemos añadido un vídeo a nuestra página web. Y ya por último, podríamos
00:06:28
añadir audio. Damos igual a Vimeo Música y nos vendremos aquí, a esta opción, Música.
00:06:36
Aquí tengo diferentes iconos, ¿vale? Puedo añadir estos iconos simplemente, sin que
00:06:43
dé más información, o bien puedo añadir, digamos, objetos más completos en donde me
00:06:48
puedo poner la duración de la canción, el instante que estamos escuchando, también
00:06:53
cómo se llama la canción y el artista. Estos iconos son bastante más completos que estos.
00:07:00
Vamos a arrastrar uno a la sección de trabajo y vamos a cambiarle primeramente el audio.
00:07:04
Podemos elegir una canción, podremos elegir un mp3 externo, agregaríamos aquí la url,
00:07:12
o bien un audio que hemos subido nosotros. Yo previamente le he subido un audio, damos
00:07:19
a Cargar Pista y aquí tengo un mp3 que he subido al Desensubir Multimedia, vale tanto
00:07:24
para audio, vídeo e imágenes. Seleccionamos este audio que tengo, que es cada dos minutos,
00:07:32
seleccionamos la pista y luego en los detalles podemos poner, aquí tenemos el nombre, el
00:07:40
nombre del artista y el nombre de la canción que se puede cambiar. Aquí pondríamos, por
00:07:47
ejemplo, Coco como nombre de artista y la canción vamos a quitarle este 3 y le ponemos
00:07:51
la primera en mayúscula. Igual podríamos reproducir una vez o reproducir automáticamente
00:07:58
cuando termine, vamos a dejarlo tal cual. Aquí vemos entonces el nombre de la canción
00:08:04
y el artista. Podríamos cambiarle el estilo, podríamos quitar o ponerle el nombre del
00:08:11
artista, el nombre de la canción, podríamos quitarle o ponerle la barrera de progreso
00:08:22
y el registro temporal que llevamos escuchando. Vamos a dejarlo tal cual. Aquí en Diseño
00:08:25
de Reproductor, como caja, le podemos cambiar el color, el borde, las esquinas e incluso
00:08:34
poner un texto, una animación de entrada que estire al ancho total, no queda bonito,
00:08:39
ancho total del navegador, dejamos tal cual y ya está. De acuerdo, como vemos la introducción
00:08:47
de imágenes, vídeo y audio es bastante sencillo. Muchas gracias.
00:08:54
- Idioma/s:
- Idioma/s subtítulos:
- Autor/es:
- Roberto Soriano Casas
- Subido por:
- Roberto S.
- Licencia:
- Reconocimiento - No comercial
- Visualizaciones:
- 6
- Fecha:
- 21 de diciembre de 2023 - 19:37
- Visibilidad:
- Público
- Centro:
- IES PABLO PICASSO
- Duración:
- 09′ 01″
- Relación de aspecto:
- 1.89:1
- Resolución:
- 1360x720 píxeles
- Tamaño:
- 63.63 MBytes