4. Incrustar Gif en una página web

4. Incrustando nuestro Gif en una página web

¡Hola Scratchers! Para incrustar un Gif en una página web primero debemos dar por finalizado el proyecto.

El vídeo del curso solo está visible para los suscriptores.
Puedes suscribirte aquí o entrar si ya eres miembro.

Seguiremos los siguientes pasos:

  • Vamos a la página del proyecto donde nos aparece la opción de «Copiar enlace» le hacemos clic.
  • Scratch nos proporcionará, un enlace al proyecto pero también el código para incrustar el proyecto a una página web.
  • Copiamos el código html que nos aparece en el proyecto. Y ahora sí vamos a la página donde deseemos incrustarlo.

En vuestro caso como es probable que no tengáis una página web propia para poder subirlo os enseñamos como visualizar el GIF dentro del inspector de código de cualquier página web. Así os sentiréis como unos hackers pudiendo añadir vuestros proyectos de gifs en cualquier sitio.

En este ejemplo he ido a la Home de Wikipedia, si abrimos el inspector de código podemos buscar la zona donde queremos incrustarlo y seleccionarla.

Editamos a continuación el html de la zona y pegaremos nuestro código. Inmediatamente no veremos el resultado pero al hacer clic a fuera el código html va a actualizar y veremos el resultado.

El código de este gif es el siguiente:

Código Gif ejercicio

<iframe src="https://scratch.mit.edu/projects/342444034/embed" allowtransparency="true" width="485" height="402" frameborder="0" scrolling="no" allowfullscreen></iframe>

Y una vez incrustado en el html obtendremos este resultado:

 

Volver a: Creador de Gifs > 1. Generador de Gifs