EFFECTOS DE INTERFACe Y NAVEGACIÓN (CON HTML Y CSS).

TOOLS CONVOCATORIA DIC/2015

C O L A B O R A N :

SEDE EN LA INDUSTRIAL DIRECCIÓN: C/ SAN ANDRÉS 8, 28004 MADRID INFO: DINOS@MRMARCELSCHOOL.COM

WWW.MRMARCELSCHOOL.COM

MR MARCEL SCHOOL HTML Y CSS

MrMarcel School es una escuela del Siglo XXI, una nueva manera de hacer formación basada en el compromiso con las personas y con la profesión, que apuesta por la excelencia, la autonomía intelectual del alumno y su razonamiento independiente como herramientas esenciales. Dirigida a comunicadores visuales en cualquiera de sus ámbitos.

Las profesiones creativas, son en esencia una fuente de satisfaccióny de desarrollo personal. Este sector se caracteriza por vivir en constante cambio, por lo que los profesionales del futuro deberían tener una gran capacidad de adaptación y un per�l claramente visionario, innovador y multidisciplinar para ser competitivos. Enriqueciendo así su trayectoria y garantizando su crecimiento personal y profesional.

MrMarcel School, es una escuela pequeña por creencia y grande por ambición. Pequeña, para poder atender de una forma cercana las necesida-des de cada alumno y para que estudiar en ella sea un valor añadido, por su calidad y exclusividad (solo 30 alumnos al año por promoción y discipli-na). Grande, porque nuestro objetivo es desarrollar el mejor futuro posible, mediante una enseñanza tan selecta y cuidada, que facilite su incorporación al mundo profesional en la mejor de la condiciones posibles. Perseguimos que nuestros alumnos disfruten de lo que hacen, además de ser valorados por ello.

1

EFFECTOS DE INTERFACE Y NAVEGACIÓN (CON HTML Y CSS).

INTRODUCCIÓN

MR MARCEL SCHOOL HTML Y CSS

El diseño digital está alcanzando su madurez. Los usuarios cada vez demandan más que las web y aplicaciones que utilizan sean atractivas no solo visualmente sino en la forma de utilizarlas. Conceptos como Experiencia de usuario y Diseño de interacción están empe-zando a tener un peso importante durante el proceso de diseño de una aplicación y empiezan a aportar valor desde el momento que se pueden medir y comprobar su efectividad.

¿A QUIÉN VA DIRIGIDO ESTE CURSO?A diseñadores y maquetadores que quieren llevar sus creaciones más allá de lo estático mejorando la experiencia de usuario con transicio-nes y efectos.

Joseba Alonso es el encargado de la parte técnica de la productora digital Refr3sh. Cuenta en su haber con más de 12 años de experiencia como docente y 15 años en el sector del diseño y desarrollo digital. A escrito varios libros para Anaya y dado varias conferencias para Adobe, así como trabajado para todas las grandes agencias de publicidad del país. Programador de vocación nació en los CDs multime-dia y las BBS preinternet y ha ido evolucionando con la tecnología y las nuevas formas de comunicación hasta manejar las últimas tecnologías web y mobile.

www.refr3sh.es

Te introduciremos primero en las técnicas básicas de animación con CSS (transiciones y animaciones). A usarlas no solo para introducir efectos en tus creaciones sino también a darles propósito e intención.Te enseñaremos como dispararlas usando JavaScript con un código mínimo que puedas copiar y pegar. No es necesario que sepas nada de JavaScript, deja eso de nuestra parte.El objetivo es enriquecer tu página con efectos que capten la atención del usuario mediante sus interaccio-nes como rollovers y clicks. También te introduciremos en técnicas de parallax.Realizaremos un estudio de diferen-tes elementos de interface comunes y veremos como se puede mejorar la experiencia de usuario y usabilidad utilizando animaciones y efectos.

-Ordenador propio*. -Conocimiento medio de HTML y CSS. Tienes que saber maquetar paginas web y colocar elementos: Floats, position absolute y esas cosas.-Un editor de código: El que te guste más. Puedes usar Dreamweaver, WebStorm, Sublime Text... el que quieras.-Navegadores para testar: Chrome y Firefox (Developer edition).

*La escuela dispone de ordenadores en alquiler para los interesados.

COMO ES EL CURSO Y QUÉ QUEREMOS CONSE-GUIR

REQUISITOS

BREVE DESCRIPCIÓN Y TRAYECTORIADEL DOCENTE.

2

EFFECTOS DE INTERFACE Y NAVEGACIÓN (CON HTML Y CSS).

MR MARCEL SCHOOL HTML Y CSS

3

20H MAGISTRALES + PRÁCTICAS + TUTORÍAS. CONVOCATORIA: DICIEMBRE 2015

EFFECTOS DE INTERFACE Y NAVEGACIÓN (CON HTML Y CSS).

LUNES 30.11 / 20h30 a 22h30

1.INTRODUCCIÓN AL CURSO / TRANSFORMACIO-NES 2D.

MIÉRCOLES 02.12 / 20h30 a 22h30

2.ANIMACIONES Y TRAN-SICIONES CON CSS3.

JUEVES 03.12 / 20h30 a 22h30

3.CREANDO EFECTOS DE HOVER.

MIÉRCOLES 23.12 / 20h30 a 22h30

10.CREANDO UNA PÁGINA CON PARALLAX.

MARTES 15.12 / 20h30 a 22h30

6.TRANSFORMACIONES 3D.

JUEVES 10.12 / 20h30 a 22h30

4.PRINCIPIOS DE LA ANI-MACIÓN / CREAR ANIMA-CIONES CON PROPÓSITO.

LUNES 14.12 / 20h30 a 22h30

5.MEJORANDO LA UX EN UN FORMULARIO.

JUEVES 17.12 / 20h30 a 22h30

7.TRANSICIONES DE PÁGINA.

LUNES 21.12 / 20h30 a 22h30

8.SPRITESHEETS, SVG Y VIDEO.

MARTES 22.12 / 20h30 a 22h30

9.QUÉ SON LAS SPA / CÓMO FUNCIONA EL PARALLAX.

Madewith love.