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
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
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
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
Desde aqui podeis descargaros el programa y ver todas sus ventajas
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
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)
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
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
Lo podéis ver ampliando la imagen que os pongo con la explicacion
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
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
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
<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="" />
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 >
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
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)
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.
<script src="http://h1.flashvortex.com/display.php?id=2_1328396771_23757_345_18719_814_125_9_1_86" type="text/javascript"></script>
Es un programa on-line del que ya os he hablado, para hacer menus.
Me gusta:
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
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
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