HTML5

HTML5

Es un lenguaje usado para estructurar y presentar el contenido para la web, es uno de los aspectos fundamentales 

Disponemos de una aplicación , dream Webber la cual nos ayuda y nos permite crear y condicionar páginas web a través de codigos

Los cuales son  muy fáciles o aplicación nos lo pueden proporcionar 

Línea de tiempo photoshop

LÍNEA DE TIEMPO

Es una sucesión de una imagen con modificaciones en sus capas o diferentes imagenes  la cual intentanrepdroducir una animación 

Se pueden realizar en Photoshop en el apartado de ventanas y puedes especificar cuando tarda en pasar de una diapositiva a otra

En clase hemos realizado gran variedad y puedes guardarlos como mp4

Gifs

LOS GIFS

Es un formato gráfico utilizado ampliamente en la www tanto para imágenes como para animaciones

Hay varias paginas como gif ayer que te deja hacer gifs online solo subiendo las imágenes y poniéndolas es un determinado orden y muy intuitivo el cual nosotros hemos usado en varios trabajos

Los banner

LOS BANNERS

Los banners son piezas publicitarias que se ubican dentro de los diferentes soportes web y cuya finalidad principal es a de generar tráfico cualificado hacia la página web de cada anunciante

Hay varios tipos por su tamaño en píxeles como : square 300x250 o por ejemplo un megabanner 728x90 

Encontramos también diversos tipos según su contenido si solo es una imagen y ya esta es dinámico , si se hay más de una imagen o está en moviendo se llama animado

La Cinemagraph

CINEMAGRAPH

Son fotografías en las que ocurre una acción de movimiento menor y repetida, su intención es sorprender al espectador

Yo por ejemplo en clase lo he hecho de una noria y gente de fondo

Esto se puede hacer desde photoshop con la linea del tiempo, dejando una parte de la imagen con movimiento y la otra con el ayudándote de capturas y eliminando información de esta manera:

                                                            

De la manera en la que la he echo yo se puede hacer que se mueva solo la noria o solo la gente

LA SEMANA DE PRODUCCIÓN

SEMANA DE PRODUCCIÓN

Es una semana en la que los alumnos de 2º de preimpresión e impresión nos exponen sus trabajos y nos enseñan como los realizaron, aquí os voy a dejar unos ejemplos:

Este son unos ejemplos de unas imágenes que quieren poner en unas bolsas para que no sean todas tan simples:

  

Estos son unos calendarios que quieren hacer para el año que viene:

Y por último unos diseños para unas camisetas 

                                                

EL STOP MOTION

STOP MOTION

El Stop Motion es una técnica de animación que consiste en aparentar el movimiento de objetos estáticos por medio de una sucesión de imágenes

El otro día en clase un grupo de amigos y yo hicimos un stop motion sobre una mina, aquí os voy a dejar unas capturas de como lo hicimos y otras de como nos quedo

Y este fue el resultado final

Un saludo

FORMULARIOS Y HERRAMIENTAS

LOS FORMULARIOS 

Un formulario es un documento, ya sea físico o digital diseñado para que el usuario introduzca datos estructurados

Las herramientas de las que disponemos para editar los formularios son:

Disponemos de gran variedad de ellas las cuales nos van ayudar a realizar gran variedad de formularios

-Campo de texto, donde podemos añadir información como nombre, número, correo u etc

-Casilla de verificación, donde encontramos unas mini casillas donde podemos marcar si se cumple solo 

-Botón de radio, se asemeja mucho a la casilla de verificación

-Cuadro de lista, te permite seleccionar u a opción entre varias

-Menú desplegable, se asemeja a un cuadro de lista pero desplegable

-Botón, como su nombre lo dice es un botón

-Firma digital, para poder firmar como si de un tratado se tratase

-Código de barras, para realizar un código de barras en cual con una cámara nos puede llevar a un sitio determinado 

FLIP PAGE (flipsanck)

FLIP PAGE

El flipsnack es una pagina donde puedes subir todos tus pdf para que lo pueda ver el resto de la gente este el primero que subo yo

Aquí os dejo unas capturas para que podáis ver las opciones que tenéis 

Efecto Flip Page

EL EFECTO FLIP PAGE

Es un efecto de página que muestra visualmente la representación de un periódico o un libro, por ejemplo yo tengo una efecto de página echo con un aplicación (Issuu), La aplicación de Issuu nos deja subir cualquier archivo que este en un formato pdf, una vez en la página nos deja modificar muchas opciones de lo que vamos a subir

Aquí os dejo el trabajo que hice de Jordan, la marca

REALIDAD AUMENTADA

REALIDAD AUMENTADA

La Realidad Aumentada (RA) es una tecnología que permite superponer elementos virtuales sobre nuestra visión de la realidad, es decir ver el mundo a través de un dispositivo tecnológico y un ejemplo muy conocido es Pokemon Go 

Aquí os dejo un link en el que os lo explica y como se utiliza en el juego y un foto para hacerse una idea

(https://elandroidelibre.elespanol.com/2018/10/pokemon-go-ra-arcore.html)

Os dejo también un articulo donde os lo explica mejor y con algún ejemplo mas por si os lo aclara más https://blogthinkbig.com/tag/realidad-aumentada

LOS CODIGOS QR

CODIGOS QR

El código QR es la evolución del código de barras. Es un módulo para almacenar información, como por ejemplo este

Es el código QR de mi blog con la aplicación de QR code generator (https://app.qr-code-generator.com/designbarcode/7986174?gotoDesigner=1) puedes crearlos y personalizarlos

Aquí os dejo una captura para que os sirva de ayuda

También podemos utilizar otra aplicación, Unitag (https://dashboard.unitag.io) con la que yo he realizado este código

YY también hice estas otras 2 :

Esto te puede servir de ayuda:

IMAGENES INTERACTIVAS

IMAGENES INTERACTIVAS

Una imagen interactiva es todo aquello que podemos observar que tenga relación con la generación digital de las imágenes, aqui os dejo un ejemplo de una imagen interactiva echa por mi (https://www.thinglink.com/scene/114381724240052224)

Aquí os dejo los pasos que seguí para poder ayudaros:

-Lo primero es elegir una imagen:

















-Acontinuación las editamos añadiendo información:



Una vez echo esto ya la tienes acabada solo falta subirla y compartirla 

Los mapas web en diferentes paginas

LOS MAPAS WEB

Es una lista de las páginas de un sitio web accesibles por parte de los buscadores y los usuarios, podemos encontrar varios tipos

El primero que podemos ver la más usual es el lineal, aquí tenemos un ejemplo (https://www.versace.com/eu/es/home/) :

En la que cuando pinchas en una opción te aparece el resto de ellas y no hay mas

Luego disponemos de una estructura reticular como por ejemplo (https://www.bbc.com/news) :

En la que el usuario tiene total libertad para moverse entre los diversos artículos

También encontramos una estructura jerárquica como (https://es.louisvuitton.com/esp-es/homepage) :

En la que pinchamos en una opción y disponemos de mas opciones hasta llegar al producto deseado

Y por ultimo tenemos la estructura en forma de telaraña, este es un ejemplo (https://es.wikipedia.org/wiki/Bob_Marley):

Esta es para gente mas avanzado la cual puedes dirigirte a diferentes puntos de la pagina sin seguir ningún vinculo