Diagrama semanal

  • General


      Taller del viernes 26 de octubre de 2018
      Tema: " Maquetación web con CSS Grid Layout Module Level 2 "
      Ponente: Lic. Edgar Vargas Zermeño
      10:00 - 14:00 hrs.

      PRESENTACIÓN:

      CSS Grid Layout va tomando cada vez más relevancia en al ámbito de la maquetación, (junto con Flexbox) propone un nuevo paradigma que ha cambiado la manera habitual en la que creamos estructuras para web y el acomodo de los elementos contenidos. Grid Layut propone un modelo de rejilla que define estructuras basadas en un sistema bidimensional optimizado para el diseño de interfaces.

      OBJETIVO:

      El participante aprenderá a hacer maquetación bajo los parámetros y métodos de estructuración bidimiensional del módulo CSS Grid Layout Level 2.

      TEMARIO:

      - Maquetación habitual y sus problemas
      - ¿Flexbox vs Grid?
      - Partiendo del wireframe con Mobile First
      - Entendiendo propiedades y parámetros
      - Maquetación básica por grid-template
      - Maquetación básica por grid-area
       - Maquetación con diseño
      - Conclusiones

      PERFIL DE INGRESO:

      El participante tendrá claros los conceptos de maquetación bidimensional propuestos por Grid Layout, sus propiedades y parámetros para ser aplicados en proyectos web.

      Semblanza:

      Lic. Edgar Vargas Zermeño. Es pasante de Maestría en Artes Visuales y Licenciado en Comunicación Gráfica por la Escuela Nacional de Artes Plásticas (hoy Facultad de Artes y Diseño).

      Cuenta con la certificación internacional Adobe Certified Expert in Flash Professional, y también participó como Adobe Certified Instructor en cursos y diplomados en el área de multimedia y desarrollo web para Aulavirtual, Digital Graphic Training y Centro Universitario de Comunicación entre otros.

      Como profesor ha colaborado en la Universidad Latinoamericana y la Universidad Panamericana. Con la UNAM colabora en la DGTIC desde el año 2001 en el área de Ingeniería de Software realizando diseño web e interfaces de usuario.

      También ha colaborado de forma independiente con diversas agencias creativas.

      Edgar Vargas Zermeño: talos@unam.mx
      Subdirección de Sistemas Integrados
      Dirección de Colaboración y Vinculación - DGTIC

      Requisitos:

      Asistir al seminario regularmente. Conocimientos básicos de HTML y hojas de estilo en cascada (CSS3). Cualquier editor de código y navegadores actualizados.

      SUGERENCIAS PC: 
      Brackets       http://brackets.io/ 

      SUGERENCIAS MAC:
      Brackets       http://brackets.io/

      Para inscribirse envíen un correo a tony@unam.mx (Antonio Salazar) con los siguientes datos:
      1.- Nombre completo con apellidos: [escribe aquí]
      2.- Dependencia: [escribe aquí]
      3.- Puedo llevar una notebook: [escribe aquí]

      Hay disponibilidad de 30 lugares, debe haber 15 computadoras como máximo, dos personas por computadora.


      Sesión presencial.

      Sede: Sala de videoconferencias del Instituto de Investigaciones Bibliográficas (IIB) Centro Cultural Universitario, Ciudad Universitaria
      Zona Cultural.
      4° piso del Edificio de la Biblioteca y Hemeroteca Nacional.


  • 26 de octubre