Como hacer un Banner en movimiento y personalizado para mi web

En esta seccionse puede aprender como hacer diferentes y originales banners para poner en sitios webs

Como hacer un banner para mi web


Hoy os voy a poner en esta pagina todo lo referente a lo que se sobre como hacer un banner personalizado y exclusivo, que además tenga

movimiento, cargue rápido, sea fácil, y gratis

....

Eso lo conseguí practicando y pensando en la manera de como poner una fotos en movimiento en la cabecera de mi web, me pase meses buscando la solución, ya que cuando eres un novato en esto de las web, todo se te hace un mundo,.

Así que aunque sigo siendo novata y me faltan millones de cosas por saber, lo que sepa tener por cuenta que lo pondré en esta web y algunas se ......

Vamos al tema de hoy

¿ Que es un banner?

Un Banner es un formato publicitario, diseñado principalmente para llamar la atención de nuestros visitantes.

El mensaje que  queremos resaltar siempre es mas vistoso es un banner. Cuanto mas elaborado y mas trabajado esteel banner, mas fecto tendra en los vistantes de nuestras paginas web o de nuestros blog,

Podemos crear banners con imagenes (jpeg, gif,pgn), o en flash, estos últimos son mas vistoso y llamativos pero también son mas lentos al cargar

Como hacer un banner personalizado y ponerlo en mi web

Tambien se explica como hacer encabezamientos activos para nuestras Webs y blog

Voy a ir exponiendo detalladamente, las diferente opciones que tenemos para crear banners sencillos y personalizados para poner en nuestros sitios web, empezaremos aprendiendo a hacer banner en imagen, la explicacion que os ofrezco es sencilla, aunque siempre puedes hacerlos como mas se adecua a vuestra paginas

.Podréis descubrir también en esta sección de meriyo.com.como hacer y utilizar encabezados y cabezales, no solo personalizarlos sino también poder cambiarles el color de fondo y los códigos necesarios para instalarlos en nuestras Webs y blogs


Generar un banner en imagen

La explicacion y programa para banners es flash , al final de esta pagina

Programa a utilizar

PhotoScape

Desde aqui podeis descargaros el programa y ver todas sus ventajas

Menu de PhotoScape

No me canso de hablar y recomendar este programa tan bueno, sencillo, gratis y en español que a mi me ayuda tanto Photoscape, una vez mas vamos a trabajar con el.

Yo voy a hacer un ejemplo sencillito, ya que mucha gente de la que visitáis mi pagina estáis empezando con la vuestras,pero solo es cuestion de ponerle imaginacion para hacer un banner diferente, la explicacion de los banners en flash esta al final de esta pagina

COMO HAGO UN BANNER PARA MI WEB
MERIYO.COM

Estas son las imagenes que yo voy a utilizar para el ejemplo

  • Decidimos las fotos que vamos a poner en nuestro banner, ( mejor que las tengas ya en tu pc).
  • Y ahora vamos a darle el tamaño que mas adecuado para nuestra pagina.Así que atentos
Imagen ejemplo
Imagen ejemplo

Entramos en la opcion editar

BANNER PERSONALIZADOS MERIYO.COM
Paso 1

Una vez la foto este a nuestro gusto, cerramos el programa ( si vamos directamente a gif animado, no nos aparecerá la foto que acabamos de guardar).Lo abrimos otra vez y vamos a Gif animado ( animagif)

 

Banner en imagen com meriyo.com
2 Imagen ejemplo
2 Imagen ejemplo

Entramos en la opcion gif animado

MERIYO.COM. BANNERS
Paso 2

Podemos añadirle las fotos que queramos y darle efecto diferente a cada una de ellas, aqui os pongo otro ejemplo sencillito que se hace como quedaria con esas dos imagenes

Como cambio de color de fondo un gif

A veces ocurre que nos gustaria poner un gif o un anigif en nuestra pagina y nos sale un color de fondo que no pega nada con el de nuestra web y nos afea un monton un banner, pues cambiar el fondo de un gif aminado y adecuarlo a nuestras necesidades es tan sencillo como lo que os explico aqui

  • Subo la foto y con el botón derecho del ratón, y abro una serie de opciones, ahora selecciono donde pone color de fondo.
  • En el lado derecho encontramos un apartado que pone Color de fondo, y selecciono el color de fondo que quiero que tenga mi gif, o mi imagen.

Lo  podéis ver ampliando la imagen que os pongo con la explicacion


Banner fijo con imagenes y textos

Ya os he explicado como hacer murales de fotos con el programa ( Photoscape,) los cuales también podemos subir como imagen propia a nuestra web, a mi también me gusta mucho esa opción cuando me canso de tanto movimiento en mi encabezado hago uno fijo bonito.

En mi pagina podreis encontrar muchos para que podais lucirlos en vuestras paginas web

encabezado de meriyo.com
meriyo.com

Mas Programas para hacer banners

Bannershop GIF Animator 5

Es un programa con mas opciones y sobre todo mas animaciones que el que os acabo de explicar, también es muy fácil de usar.

Pegas, esta en ingles y es pagando, aunque tenemos la opción trial para ir practicando

Explicacion rapida de uso del progama

  • Abrimos desde file, un nuevo proyecto y empezamos añadiendo un frame, con el botón derecho del ratón, ( encima de el), decimos el tamaño y la forma que le daremos.
    Luego solo hay que cambiar el color de fondo del frame, añadir el texto , la animación el color de texto como os indico en las imagenes.
    Para guardar el frame un vez hecho habilitamos el botón como os indico, y luego tenemos que volver a deshabilitarlo para añadir un nuevo frame, podemos añadir todos los que queramos y también añadir imagen y darle efecto.
    Así de sencillo y simple, lo guardamos( antes de guardarlo tenemos que borrar el frame que nos sobrara y no esta editado) y lo subimos a nuestra web como imagen
Ampliar imagen
Ampliar imagen

¿Donde poner un banner en mi web o Blog?

Banner de meriyo.com
Encabezado activo

Me habeis preguntado como se hace un banner en gif para ponerlo donde queramos en nuestras webs.

Pues estos como son banner generados con imagen en cualquier lugar de la pagina, para el encabezado, para la apertura de la web, donde mas te guste... ( en Jimdo es tan sencillo como ir a Imagen y subirlo).

Si tu web no te da la opción de subir un formato de imagenes, pasaremos la imagen a html

Si ya es un banner generado en otro formato (swf, html, es algo mas lento y retrasa la apertura de la web, aunque se puede poner con un código html en el lugar que decidamos nosotros, aunque ya os comento que son mas lentos que los de imagen

donde pongo un banner en mi web
banner de la web meriyo

Codigo para subir un banner de imagen a mi web

<img src="AQUI LA URL DE LA FOTO">.

Si el archivo esta en otro directorio, especificamos la ruta del archivo, como ya os he explicado, la imagen tiene que estar on-line, darle al ratón en el lado derecho y ir a propiedades y ahí esta la URL y ruta de la imagen que debes poner, para que la imagen no se pierda, es mejor alojarla en un host para imagenes ( también aquí entre estas pagina encontrareis algunos.)

El código de la imagen que he puesto yo seria este.

<img src="URL de la imagen" alt="" />

Como enlazar un banner

Podemos enlazar un Banner creando nosotros u enlace extero o bien agregando el codigo que nos facitin alguas web y blog para que los enlacenos.

Como todo, debemos siempre seguros de que la web que enlacemos sea de nuestro agradado

Pasamos a generar un codigo html.

<a href="URL DE LA PAGINA QUE QUIERES ENLAZAR"> <img src="URL DE LA IMAGEN"> </a>

Este seria el que he hecho yo

<a href="Aqui la url del enlace"><img src="Aqui la url de la imagen" alt="" /></a >

Codigo de nuestros banners para que publiciten nuestras web

Este es mi banner por si quereis enlazar mi web.


El código que os o he puesto arriba, vale para que una vez creado tu banner en imagen, puedas utilizarlo para que otras web, lo pongan en sus enlaces y así hacer una publicidad propia y personalizada por ti para tu sitio.

 

Lo único que tendrias que hacer para enlazar unai web a la vuestra es copiar y pegar el código html, cambiarlo como os he indicadi ,asi que ya podéis hacer banner rápidos de cargar, originales, personalizados y listos para que os publiciten vuestra paginas

 

meriyo.com
BANNERS Y ENCABEZADOS GRATIS DE MERIYO.COM

Ahora vamos con Los Banners en flash

Vamos a hacer banners e flash

Estos son sin duda los mas impactantes y vistoso, aunque retardan la apertura de la pagina ( no lo pongas en el cuerpo principal de vuestra web, en Jimdo algunos dan problemas).

Aunque si tienes acceso al html de tu web, los puedes poner donde quieras ( pero siempre probandolos antes en una pagina a parte, ese es mi consejo)


Como hago un banner en flash

Sorprendentes, Vistosos y sin duda los mas impactantes, esos son los banners en flash.

Tenemos muchas maneras y programas, que los hacen, yo os voy a poner los que utilizo y los que yo se hacer

Así que vamos allá, que esto es un poquito largo de contar... pero merece la pena.

 

Codigo de este banner

<script src="http://h1.flashvortex.com/display.php?id=2_1328396771_23757_345_18719_814_125_9_1_86" type="text/javascript"></script>


Programa a utilizar Flash Vortex

Es un programa on-line del que ya os he hablado, para hacer menus.

Me gusta:

SI pero......

Retrasa mucho la apertura de una web depende donde lo pongas ,si lo pones en el sidebar o body de tu website( es la parte que siempre esta fija aunque cambienos de pagina ).

Pero sabiendo eso es facil, gratis y con muchisimas opciones para hacer el banner como mas nos guste

Nos registramos en el programa y lo abrimos

Ampliar Imagen
Registrarse e Flash Votex. Pàso 1

Paso 1

Ampliar imagen
Paso 2

Yo me he decidido por un banner sencillo, pero le podemos cambiar, tanto el color de fondo, como el color y tipo de letra, como la animación, e importante el tamaño ( también tiene una opción al final para eso) y montón de cosas que iréis viendo a medida que útiles el programa, yo aquí os explico lo mas básico para comenzar

Os dejo algunos ejemplos mas

Cuando este acabado le doy a generar, te dará un código con una vista previa de como queda tu banner si no te gusta vuelves atrás y lo retocas. 

El código que te da se sube como elemento html

Puedes recomendar esta seccion ,si consideras que hemos hecho un buen trabajo


Cambia Tu Blog con meriyo.com
Visita mi web meriyo.com
COSAS SENCILLAS PARA TU WEB

English

English

French

French


Codigos, trucos, programas, ayuda para mejorar tu web y blog GRATIS www.meriyo.com


Manuales y tutoriales webs de meriyo.com
meriyo.com
            
          
           
           
           
           
            
            
            
            
            
           

Trucos para mejorar webs y blogs de meriyo.com
Generar nuestros propios codigos
           
            
Como hago para que mi web aparezca en Google
Tu web en google

Encontrar cientos de codigos para tu web
             
             

Progamas para webs y blogs meriyo.com
Presentaciones para tu web
           
            
             
           
           
           

Enlaces de interes

Trucos y truquitos para tu web de meriyo.com

www.meriyo.com comprometida  con la labor y difusion, de la  asociación

Encontrar cientos de codigos para tu web


Publicidad gratis para webs y blogs
Directorio de paginas webs
http://www.fundacionvicenteferrer.org/es/

demujeramujer

Favicon maker- Create a favicon from any image

Free SEO Tools


Protected by Copyscape Online Copyright Protection Software
Directorio de Paginas Web
Cool Text: Generador de Logotipos y Gráficos.

Coss sencillas para tu web o blog
Contactar con la web de www.meriyo.com

El objeto de esta website, es explicar y enseñar. diferentes y sencillas aplicaciones para crear una pagina Web.

Sugerencias,Soluciones,Tutoríales ,Publicidad, Información,Trucos y Novedades.

Si opinas que hemos realizado correctamente nuestro trabajo, puedes recomendar esta web

www.meriyo.com

Codigo QR de meriyo.com

SocialTwist Tell-a-Friend

 http://www.meriyo.com/ te da las gracias por tu visita