Cómo crear una animación de bandera ondeando para sitios web

Autor: Carl Weaver
Fecha De Creación: 23 Febrero 2021
Fecha De Actualización: 19 Noviembre 2024
Anonim
Cómo crear una animación de bandera ondeando para sitios web - Electrónica
Cómo crear una animación de bandera ondeando para sitios web - Electrónica

Contenido

Si desea mostrar un mensaje o una imagen en movimiento en su sitio web, considere agregar una bandera ondeando. Imita la forma en que una bandera real ondea en el viento y presenta imágenes y / o texto. Aunque este gráfico se crea tradicionalmente con una aplicación de gráficos, existe la opción de hacer que esta imagen sea dinámica con un recurso gratuito de Internet. Cree la animación de su bandera ondeando como prefiera y comprenda cómo publicarla en sitios web.

Paso 1

Dirija su navegador a un generador de banners animados en línea, como FlashVortex.com, MakeSweet o Layoutcodez.net. Estos dos últimos te permiten enviar una imagen de la bandera, mientras que FlashVortex.com proporciona imágenes listas para ser editadas.

Paso 2

Sube una imagen para el banner móvil al sitio web de MakeSweet haciendo clic en el botón con el signo más y el mismo signo que aparece con la imagen estándar. En Layoutcodez.net, haga clic en el botón "Elegir archivo". Siga las instrucciones de cada sitio para seleccionar el gráfico y agregarlo al proyecto.


Paso 3

Utilice los menús de los sitios web FlashVortex.com y MakeSweet para dibujar la imagen. En el primero, por ejemplo, ingrese el tamaño de la bandera en el campo de texto "Escala de la bandera", ingrese el contenido que acompaña a la bandera en el cuadro "Texto" y elija la ubicación del texto usando las características debajo del encabezado "Editar posición de etiqueta de texto". Layoutcodez.net no ofrece la opción de realizar modificaciones adicionales a la imagen.

Paso 4

Termine el diseño del banner en movimiento haciendo clic en el botón "Generar animación" en el sitio web FlashVortex.com, o en "Subir" en la página de Layoutcodez.net, luego copie el código que aparece automáticamente en el cuadro de texto. Con MakeSweet, haga clic en el icono de la película en el dibujo, seleccione la opción "Borrador" (borrador) o "HI-RES" y haga clic en la imagen del disco que aparece en la parte superior para guardar el archivo en el escritorio de su computadora.

Paso 5

Cargue el archivo GIF animado de MakeSweet a su servidor de Internet o host (si corresponde) a la misma carpeta o directorio que almacena archivos de otros sitios. Anote la ubicación del archivo (por ejemplo, "http://www.yousite.com/flag.gif").


Paso 6

Acceda al sitio web donde desea agregar la bandera en el editor de texto y coloque el cursor donde desea que aparezca el gráfico. Pegue el código de FlashVortex.com o Layoutcodez.net. Si usa MakeSweet, escriba la URL del archivo de la bandera entre comillas en el siguiente código de imagen:

Paso 7

Guarda tu trabajo. La bandera animada ahora aparece en la página de su sitio web.