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

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

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

Linea de tiempo con Photoshop

Hola que tal, en esta entrada veremos como he realizado varias animaciones usando la linea de tiempo del programa Adobe Photoshop. Esta es la linea de tiempo con la que he realizado la animación como podemos ver he creado diferentes fotogramas clave en distintos puntos y cambiando varias cosas como puede ser la opacidad, el estilo y sobre todo la posición del elemento animado.
Publicar un comentario
Leer más