Ir al contenido principal

Banner HTML5

Hola que tal, en esta entrada os mostrare un banner que he realizado con la aplicación web Bannersnack y lo subire en esta entrada introduciendolo en el codigo HTML

Ahora os mostrare capturas de la web con sus diferentes partes:

En esta columna nos encontramos diferentes herramientas como puede ser la de introducir imagenes, texto, formas o plantillas para realizar el banner como vemos en la imagen.
Esta imagen es la mesa de trabajo principal donde modificamos y cambiamos la posición de los elementos que utlilizamos para realizar el banner.

Y por ultimo tenemos esta ventana desde la cual podemos controlar las capas del documento.

















Comentarios

Publicar un comentario

Entradas populares de este blog

Legibilidad web

Hola que tal. En esta entrada os mostrare la diferencia entre una pagina web ilegible y otra pagina web legible. Pagina web legible: Como ejemplo de pagina legible os mostrare la pagina web de Samsung. En esta web podemos observar que es bastante legible; las letras utilizadas en esta pagina son de la misma familia tipográfica y no hay exceso de diferentes tipografías, respecto al color vemos que es un contraste bastante legible y que no cansa a la vista puesto que los colores utilizados son colores que no cansan la vista.  Por otra parte el ancho de pagina se respeta bastante también. Por otra parte esta pagina web rompe todos los criterios de legibilidad web, ejemplos de esto pueden ser la excesiva cantidad de gifs utilizados, los colores utilizados como contraste entre carácter y caja de texto o carácter y fondo, por otra parte podemos ver que el ancho de pagina no se respeta en absoluto, y como ejemplo de esto podemos observar la caja de texto que se extie...
Publicar un comentario
Leer más

Flip Page (Flipsnack)

Hola que tal. En esta entrada os mostrare otra opción con la cual podremos hacer el efecto flip page. De igual manera que en la anterior entrada os mostrare una web llamada Flipsnack para hacer un efecto flip page en pdf igual de intuitiva que Issuu, sin embargo en esta web tenemos mas opciones de personalización que en la anterior. En esta web tambien tendremos que seleccionar y arrastrar el pdf al que deseemos agregar el efecto flip page Una vez agregado le daremos a continuar y entraremos en una ventana de edición en la cual tendremos diversas opciones de personalización, yo personalmente no he tocado mucho las diferentes opciones, pero vosotros podeis jugar con las posibilidades que os ofrece esta web. Y bueno esto es todo, espero que os haya servido, y ahora os dejo por aqui mi pdf con el efecto flip page y el enlace a la web. Pagina web Flipsnack:  https://www.flipsnack.com/accounts/sign-in.html
Publicar un comentario
Leer más

Banner dinamico con GifMaker

Hola que tal. En esta entrada os mostrare un banner dinámico en formato gif que he realizado con la aplicación web Gifmaker y como hacerlo. Antes que nada deberemos crear las imágenes que deseamos que compongan nuestro GIF. Una vez tengamos las imágenes nos metemos en la pagina web ( https://gifmaker.me/ ) y seleccionamos la opción para subir las imágenes, y subimos las que deseemos. En la propia pagina web te deja modificar opciones como pueden ser la velocidad de transición entre diferentes imágenes, las veces que quieres que se repita el gif siendo 0 infinitas repeticiones, o el tamaño del archivo. Una vez lo tengamos todo a punto, nos da varias opciones para realizar con nuestro gif, entre ellas está la opción de descarga. Por aquí os dejo como ha quedado el mio:
Publicar un comentario
Leer más