Temario

El curso cuenta con tres módulos, divididos a su vez en tres áreas: área de lenguaje o software, conceptual y taller.

Materiales Necesarios

• Cuaderno de apuntes
• Pen drive para guardar apuntes, tutoriales y ejercicios

Módulo 1: Diseño Web con Photoshop, Usabilidad y Funcionalidad

Área software: Se centra en el aprendizaje de Photoshop, software profesional standard de retoque y edición de la imagen digital, enfocádolo al diseño web.

Área conceptual: Se enfoca en cuestiones de usabilidad y funcionalidad, para que los alumnos realicen websites que optimicen la navegación y la experiencia del usuario. También contempla cuestiones de diseño, como esquemas de colores, mood board, tipografía y composición.

Taller: Cada alumno realiza el diseño de interfaz de un website (personal o institucional), en formato gráfico (PSD) de todas sus pantallas para desktop, tablets y celulares. Trabaja con la asistencia del profesor y el feedback de sus compañeros.

Módulo 2: Maquetado con HTML5 y CSS3

Lenguajes: los alumnos aprenden el código HTML5 y a combinarlo con CSS3, a través de ejercicios prácticos.

¿Qué son HTML5 y CSS3?

HTML5 (HyperText Markup Language) es el lenguaje profesional más utilizado en la actualidad para el desarrollo de sitios web. Introduciendo características de vanguardia, HTML5 permite a los desarrolladores crear aplicaciones y sitios web con la funcionalidad, velocidad, rendimiento y experiencia del usuario características de las aplicaciones de escritorio, permitiendo que las páginas alcancen más público con más facilidad.

CSS (Cascading Style Sheets) es un lenguaje de estilo aplicado a definir el look y el formato de un documento escrito en un lenguaje markup como HTML. A partir de la llegada de CSS3, los sitios web pueden tener un diseño elegante, expresivo y flexible, facilitando el acceso de los visitantes y sin que importe el navegador, sistema operativo o dispositivo en el que se vea. Con CSS3, el diseño puede incluir desde algo simple como una transformación de texto hasta algo tan complejo como toda una serie de animaciones con transformaciones 3D.

Área conceptual: Los alumnos siguen explorando cuestiones de usabilidad y funcionalidad. Casos de éxito y fracaso.

Taller: Los estudiantes acaban el maquetado completo del sitio web con HTML5 y CSS3, dejándolo funcional (con formularios y galerías).

Módulo 3: Responsive Design e Interactividad para Celulares y Tablets

Lenguaje: Los alumnos implementan técnicas de maquetado para que sus sitios web aprovechen al máximo la exposición que tendrán en celulares y tablets, complementándolas con elementos interactivos de jQuery, la librería más utilizada en el mercado.

Área Conceptual: Se ahonda en el concepto de diseño adaptativo.

Taller: Se trabaja con los objetivos de armado de una versión móvil/tablet del sitio web y la optimización de interactividad con jQuery para diversos componentes (sliders, carruseles, paneles desplegables, etc).