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

De Casiopea
Línea 50: Línea 50:
* CSS: Usos y tipos de selectores
* CSS: Usos y tipos de selectores
* IcoMoon, iconos como tipografía (https://icomoon.io/)
* IcoMoon, iconos como tipografía (https://icomoon.io/)
* Media Queries
* Media Queries (http://www.w3schools.com/cssref/css3_pr_mediaquery.asp)
* Padding v/s margin
* Padding v/s margin



Revisión del 11:46 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

Contenidos de la clase

  • 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 (http://www.w3schools.com/cssref/css3_pr_mediaquery.asp)
  • 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
  • En el head está la información que no se describe visualmente pero habla de los elementos del sitio (SEO, js, meta tags, etc)
  • En HTML 5 aparecen nuevos marcadores semánticos como <section>, <article>, <nav>, etc. Estos permiten a los navegadores controlar los modos de visualización de aquellos elementos.

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