HTLM5

¿QUÉ ES?

HTML5 (HyperText Markup Language, versión 5) es la quinta revisión importante del lenguaje básico de la World Wide Web, HTML. HTML5 especifica dos variantes de sintaxis para HTML: una «clásica», HTML (text/html), conocida como HTML5, y una variante XHTML conocida como sintaxis XHTML5 que deberá servirse con sintaxis XML.

Esta es la primera vez que HTML y XHTML se han desarrollado en paralelo. La versión definitiva de la quinta revisión del estándar se publicó en octubre de 2014.​

Al no ser reconocido en viejas versiones de navegadores por sus nuevas etiquetas, se recomienda al usuario común actualizar su navegador a la versión más nueva, para poder disfrutar de todo el potencial que provee HTML5.

El desarrollo de este lenguaje de marcado es regulado por el Consorcio W3C. 

EJEMPLO 

 

CINEMAGRAPH

¿QUÉ ES?

Un cinemagraph es una imagen animada que resulta de la combinación de fotografía y vídeo (de ahí su nombre: cinema-(photo)graph). Se trata de imágenes fundamentalmente estáticas en las que se sustituye una porción de éstas por una pequeña animación que, normalmente, muestra pequeños movimientos en bucle infinito. Para montarlas, a menudo se usa el formato de imágenes .gif.

CREAR UNO Y SU EJEMPLO

1º- Hay que desplegar el cuadro de Linea del Tiempo situada en la herramienta ventana.

2º- Duplicar el video introducido, moverlo a la capa de arriba y reasterizar el video original dejando el duplicado rasterizado.

3º-Crear una máscara y pintar de negro sobre las partes que quieres que se queden estáticas

LINEA DEL TIEMPO CON PHOTOSHOP

Estos videos han sido creados totalmente a través de Photoshop. Os indicare como crear uno.

1º- Hay que desplegar el cuadro de Linea del Tiempo situada en la herramienta ventana.

2º- Crear distintas diapositivas con las posiciones y efectos que quieras hacer. 

HTML5

¿QUÉ ES?

HTML5 (HyperText Markup Language, versión 5) es la quinta revisión importante del lenguaje básico de la World Wide Web, HTML. HTML5 especifica dos variantes de sintaxis para HTML. Esta es la primera vez que HTML y XHTML se han desarrollado en paralelo. La versión definitiva de la quinta revisión del estándar se publicó en octubre de 2014.

EJEMPLO

BANNERS DE BLACK MIRROR

Black Mirror es una serie de televisión británica creada por Charlie Brooker y producida por Zeppotron para Endemol. La serie gira en torno a cómo la tecnologíaafecta nuestras vidas, en ocasiones sacando lo peor de nosotros; Brooker ha señalado que «cada episodio tiene un tono diferente, un entorno diferente, incluso una realidad diferente, pero todos son acerca de la forma en que vivimos ahora y la forma en que podríamos estar viviendo en diez minutos si somos torpes».

EJEMPLOS

BANNERS ESTÁTICOS Y DINÁMICOS

Día Mundial contra el Tabaco

ESTÁTICO

DINÁMICO




TRIODOS

ESTÁTICO


DINÁMICO

COMO HACER UN BANNER EN PHOTOSHOP

Voy a explicar como crear un banner con la ayuda de Photoshop.


1º- Tenemos que desplegar el menú VENTANA y sacar la caja de LINEA DEL TIEMPO.

Aquí os dejo uno de los muchos que hemos podido realizar en clase.