Diferencia entre revisiones de «Construcción 4º DG 2016»

De Casiopea
Sin resumen de edición
Línea 49: Línea 49:
* Media Queries
* Media Queries
* Padding v/s margin
* Padding v/s margin
===HTML===
* Es un lenguage de marcado y no de programación
* DOM: document object model. Es la estructura de los elementos de un sitio
===CSS===
* CSS Zen Garden: cada usuario mandaba una cascada de estilo que generaba variaciones visuales del html inicial.
===NAVEGADORES===
* Se utilizan herramientas complementarias para los navegadores que permiten leer el código detrás de los sitios. Son eficientes para solucionar problemas

Revisión del 10:24 24 jun 2016



Asignatura(s)Construcción de Diseño Gráfico 4
Año2016
Tipo de CursoTaller de Construcción
TalleresDG 4º
ProfesoresHerbert Spencer, Katherine Exss, Carlos Chávez
EstudiantesKim López, Consuelo Santis Escudero, Monserrat Torres, Constanza Valdivia, Luciano Aucan Lagomarsino, Nicol Valenzuela, Daniela Gajardo
Carreras RelacionadasDiseño, Diseño Gráfico"Diseño Gráfico" is not in the list (Arquitectura, Diseño, Magíster, Otra) of allowed values for the "Carreras Relacionadas" property., Interacción y Servicios"Interacción y Servicios" is not in the list (Arquitectura, Diseño, Magíster, Otra) of allowed values for the "Carreras Relacionadas" property.

Estudiantes


Calendario

  1. 17/06/2016: Introducción al curso: GIT y HTML
  2. 24/06/2016: Diseño para Internet: Soporte HTML
  3. 1/07/2016: Diseño de cascadas de estilo: CSS
  4. 8/07/2016: Media queries
  5. 15/07/2016: Precompiladores (LESS y SASS)
  6. 22/07/2016: Arquitectura de Información aplicada
  7. 29/07/2016: Jerarquías y Navegación
  8. 5/08/2016: Primera revisión de Trabajos
  9. 12/08/2016: Diseño para pantallas pequeñas (responsive design)
  10. 19/08/2016: Interacción y patrones
  11. 26/08/2016: Segunda revisión de Trabajos: Correcciones finales
  12. 2/09/2016: Entrega y documentación del proceso

Proyectos

17/06/2016: Introducción al Curso

24/06/2016: Introducción HTML+CSS

  • Estructura de carpetas para Sitios Web (index.html, js, img, css)
  • Entorno de desarrollo: Browser y extensiones, herramientas (Firebug, Tilt, Filesizer, etc) y editor de código
  • HTML: Vinculaciones de hoja de estilos, contenidos, javascript, google fonts, etc.
  • CSS: Usos y tipos de selectores
  • IcoMoon, iconos como tipografía (https://icomoon.io/)
  • Media Queries
  • Padding v/s margin

HTML

  • Es un lenguage de marcado y no de programación
  • DOM: document object model. Es la estructura de los elementos de un sitio

CSS

  • CSS Zen Garden: cada usuario mandaba una cascada de estilo que generaba variaciones visuales del html inicial.

NAVEGADORES

  • Se utilizan herramientas complementarias para los navegadores que permiten leer el código detrás de los sitios. Son eficientes para solucionar problemas