MAQUETACIÓN HTML Y CSS. PARA DISEÑADORES WEB.

Transcripción

1 TOOLS NOV 2016 IMPARTIDO POR JOSEBA ALONSO SEDE EN LA INDUSTRIAL DIRECCIÓN: C/ SAN ANDRÉS 8, MADRID INFO: C O L A B O R A N :

2 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ón y de desarrollo personal. Este sector se caracteriza por vivir en constante cambio, por lo que los profesionales del futuro deberán tener una gran capacidad de adaptación y un perfil 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 necesidades de cada alumno y para que estudiar en ella sea un valor añadido, por su calidad y exclusividad (sólo 30 alumnos al año por promoción). 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 /CSS

3 UNA NUEVA GENERACIÓN DE DISEÑADORES. El mundo del diseño está evolucionando a una velocidad vertiginosa. Aparecen nuevos nuevos dispositivos que nos obligan a cambiar el paradigma de la interacción con el usuario. Nuevas técnicas, como el Responsive Web Design que nos obligan en pensar en layouts cambiantes y adaptables y dejar atrás las medidas fijas que usábamos antes. Tipografía escalable, wireframes y prototipos, animaciones con significado, UX, responsive grids frameworks, preprocesadores CSS Si el diseño web nació como una extensión del diseño tradicional, este ya a alcanzado su emancipación y ha seguido su propio camino. Tiene sus propias técnicas y sus campos de estudio son ya muy diferentes. Durante mucho tiempo los diseñadores se han estado adaptando a la era de internet convirtiendo sus antiguos conocimientos a los nuevos paradigmas, pero la evolución del medio a llegado a un punto donde el concepto de diseñador web, digital u online, como se quiera llamar, se está redefiniendo. Ya no vale con manejar los códigos de colores, los equilibrios visuales y las estrategias de comunicación tradicio- nales. Esta nueva generación de diseñadores, que ya han nacido en el medio online, tienen que saber cómo funciona el diseño desde los wireframes hasta la publicación online de la página. Se les pide conceptualización en wireframes, diseño de interacción y experiencia de usuario (UX). Saber diseñar una página en una herramienta de diseño, ya sea Photoshop, Illustrator o Sketch no es suficiente. Tiene que saber materializarla en HTML y CSS. Esto a dejado de ser terreno de programadores para ser terreno de diseñadores. Mira las ofertas de trabajo de la industria y te darás cuenta de ello rápidamente. CÓMO ES EL CURSO Y QUÉ QUEREMOS CONSEGUIR. Responsive y a hacer animaciones y transiciones con CSS entre otras muchas cosas. Con lo aprendido durante este curso tendrás los conocimientos para maquetar cualquier tipo de website de una manera independiente y que funcione en cualquier tipo de dispositivo usando técnicas de Responsive Web Design. Para eso todas las clases se complementan con ejercicios prácticos y que el alumno tendrá que realizar durante el curso. Ten en cuenta de que esto te va a llevar tiempo extra, por eso aunque las clases son 3 días a la semana, piensa que vas a tener que organizarte como si fueran 5. Nosotros tenemos una cosa muy clara, la única manera de aprender es haciendo. El profesor estará ahí para irte ayudando en todo momento. Es un curso orientado a técnicas. Con esto queremos decirte que no se trata de saber todas las etiquetas HTML o las propiedades CSS, para eso ya está Google. Se trata de saber realizar las tareas necesarias para poder trabajar en esto de manera profesional. La finalidad es que salgas del curso con los conocimientos suficientes para poder hacer un website desde 0 con las últimas técnicas del momento. Sabrás de semántica HTML, de maquetación 2 /CSS

4 A QUIÉN VA DIRIGIDO Y REQUISITOS. BREVE DESCRIPCIÓN DEL DOCENTE. Este curso está dirigido a diseñadores. Tanto a los que acaban de terminar su formación en diseño como a los que llevan tiempo trabajando y necesitan adaptarse a este nuevo cambio de paradigma en las indústrias creativas. 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 multimedia 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. Requisitos: -No es necesario conocimientos previos de HTML o CSS. -Control en un nivel medio de Photoshop y/o Sketch. -Ordenador portatil propio. La escuela dispone de portatiles en alquiler para los interesados. 3 /CSS

5 68H DE CLASES MAGISTRALES MUY PRÁCTICAS CONVOCATORIA: NOV 2016 DOCENTE JOSEBA ALONSO (REFR3SH). LUNES / 20h00 a 22h00 MARTES / 20h00 a 22h00 MARTES / 20h00 a 22h00 1. QUÉ ES HTML5 Y DE DÓNDE VIENE. INTRODUCCIÓN A ATOM. 7. USO DE VIDEO Y AUDIO EN HTML MAQUETACIÓN BÁSICA EN CSS: EL BOX MODEL III. MARTES / 20h00 a 22h00 JUEVES / 20h00 a 22h00 JUEVES / 20h00 a 22h00 2. CREACIÓN DE DOCUMENTOS HTML: ESTRUCTURA Y ETIQUETAS I. 8. CREACIÓN DE UNA WEB. DEL CONCEPTO AL DESPLIEGUE. TUTORÍA PROYECTO (I): PLANTEAMIENTO. 14. MAQUETACIÓN BÁSICA EN CSS: POSICIONAMIENTO. LUNES / 20h00 a 22h00 LUNES / 20h00 a 22h00 LUNES / 20h00 a 22h00 3. CREACIÓN DE DOCUMENTOS HTML: ESTRUCTURA Y ETIQUETAS II. 9. INTRODUCCIÓN A CSS: SELECTORES Y CASCADA. 15. MAQUETACIÓN BÁSICA EN CSS: FLUIDS LAYOUTS. MARTES / 20h00 a 22h00 MARTES / 20h00 a 22h00 MARTES / 20h00 a 22h00 4. CREACIÓN DE DOCUMEN- 10. USO DE TIPOGRAFÍA Y DISTRIBUCIÓN DE FUENTOS HTML: ESTRUCTURA Y TES. ETIQUETAS III. JUEVES / 20h00 a 22h00 JUEVES / 20h00 a 22h00 5. CREACIÓN DE DOCUMEN- 11. MAQUETACIÓN BÁSICA EN CSS: EL BOX TOS HTML: ESTRUCTURA Y MODEL I. ETIQUETAS IV. 16. MAQUETACIÓN BÁSICA EN CSS: CASO PRÁCTICO. JUEVES / 20h00 a 22h TUTORÍA PROYECTO (II): PRESENTACIÓN DE WIREFRAMES. LUNES / 20h00 a 22h00 LUNES / 20h00 a 22h00 LUNES / 20h00 a 22h00 6. FORMULARIOS. 12. MAQUETACIÓN BÁSICA EN CSS: EL BOX MODEL II. 18. RECURSOS GRÁFICOS CSS. 4 /CSS

6 68H DE CLASES MAGISTRALES MUY PRÁCTICAS CONVOCATORIA: NOV 2016 DOCENTE JOSEBA ALONSO (REFR3SH). MARTES / 20h00 a 22h00 MARTES / 20h00 a 22h00 MARTES / 20h00 a 22h ANIMACIONES Y TRANSICIONES EN CSS. 25. BOOTSTRAP. 31. TUTORÍA PROYECTO (V). JUEVES / 20h00 a 22h00 JUEVES / 20h00 a 22h00 MARTES / 20h00 a 22h TRANSFORMACIONES 2D. 26. FLEXBOX I. 32. TUTORÍA PROYECTO (VI). LUNES / 20h00 a 22h00 LUNES / 20h00 a 22h00 MARTES / 20h00 a 22h TRANSFORMACIONES 3D. 27. FLEXBOX II. 33. TUTORÍA PROYECTO (VIII). PRESENTACIÓN MAQUETACIÓN. MARTES / 20h00 a 22h00 MARTES / 20h00 a 22h RESPONSIVE WEB DESIGN I. 28. CSS NINJA TOOLS. JUEVES / 20h00 a 22h00 JUEVES / 20h00 a 22h RESPONSIVE WEB DESIGN II. 29. PRESENTACIÓN DISEÑO TUTORÍA PROYECTO (III). LUNES / 20h00 a 22h00 MARTES / 20h00 a 22h FRAMEWORKS DE MAQUETACIÓN CON GRIDS. 30. TUTORÍA PROYECTO (IV). 5 /CSS

7 Made with love.