Construcción 4º DG 2017

Asignatura(s)	Construcción de Diseño Gráfico 4
Año	2017
Tipo de Curso	Taller de Construcción
Talleres	DG 4º
Profesores	Herbert Spencer ver
Herbert Spencer
Estudiantes	Luciano Cimino, Ingrid Alvarado Paulus, Antonella Pastén, Catalina Hörr, Emily Zembo, María Ignacia von Unger, Santiago Comandary, Catalina Pérez, Trinidad Valenzuela, Rafaela Avalos Pascual, Gabriela Rojas, Catalina Ortúzar ver
Luciano Cimino Ingrid Alvarado Paulus Antonella Pastén Catalina Hörr Emily Zembo María Ignacia von Unger Santiago Comandary Catalina Pérez Trinidad Valenzuela Rafaela Avalos Pascual Archivo:Foto perfil gabriela rojas.jpeg Gabriela Rojas Archivo:10857732 10205539090496579 1907195542291643996 n.jpg Catalina Ortúzar
Palabras Clave	diseño de interacción, experiencia de usuario, diseño front end, HTML, CSS, JS, GIT, UX
Carreras Relacionadas	Diseñ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.

Proyectos

Ejercicio: Rediseño de CSS Zen garden

1. Antonella Pastén: CSSZengarden(Alumnos: Antonella Pastén, URL«URL» es un tipo y propiedad predefinida, proporcionada por Semantic MediaWiki, para representar valores URI/URL.: https://antopasten.github.io/zengardenfinal/)
2. Darío Tapia: Rediseño CSS Zengarden(Alumnos: Darío Tapia, URL«URL» es un tipo y propiedad predefinida, proporcionada por Semantic MediaWiki, para representar valores URI/URL.: https://dtapiasaavedra.github.io/zen/)
3. Emily Zembo: Diseño de CSS Zengarden(URL«URL» es un tipo y propiedad predefinida, proporcionada por Semantic MediaWiki, para representar valores URI/URL.: https://emilyzembo11.github.io/zenGarden-prueba/)
4. Gabriela Rojas: CssZengarden(Alumnos: Gabriela Rojas, URL«URL» es un tipo y propiedad predefinida, proporcionada por Semantic MediaWiki, para representar valores URI/URL.: https://gabrielarojas36.github.io/encargo3/)
5. Ingrid Alvarado: css zen garden(Alumnos: Ingrid Alvarado Paulus, URL«URL» es un tipo y propiedad predefinida, proporcionada por Semantic MediaWiki, para representar valores URI/URL.: https://ingridloy.github.io/cssprueba)
6. MvonUnger - Construcción Proyecto 1 - CSS Zen Garden(Alumnos: María Ignacia von Unger, URL«URL» es un tipo y propiedad predefinida, proporcionada por Semantic MediaWiki, para representar valores URI/URL.: https://github.com/mvonunger/Proyecto-1-CSS-ZenGarden)
7. Proyecto Zen Garden(Alumnos: Catalina Pérez, URL«URL» es un tipo y propiedad predefinida, proporcionada por Semantic MediaWiki, para representar valores URI/URL.: https://catalinamar.github.io/Encargo-3/)
8. Rafaela Avalos Rediseño ZenGarden(Alumnos: Rafaela Avalos Pascual, URL«URL» es un tipo y propiedad predefinida, proporcionada por Semantic MediaWiki, para representar valores URI/URL.: https://rafaelaavalos.github.io/Rediseno-ZenGarden-Rafaela/)
9. Re diseño CSS Zen Garden(Alumnos: Catalina Hörr, URL«URL» es un tipo y propiedad predefinida, proporcionada por Semantic MediaWiki, para representar valores URI/URL.: https://catalinahorr.github.io/csszengardenfinal/)
10. Rediseño CSS zen garden(Alumnos: Luciano Cimino, URL«URL» es un tipo y propiedad predefinida, proporcionada por Semantic MediaWiki, para representar valores URI/URL.: https://lucianocimino.github.io/Csszengarden3/)
11. Santiago Comandary: CSSZengarden(Alumnos: Santiago Comandary, URL«URL» es un tipo y propiedad predefinida, proporcionada por Semantic MediaWiki, para representar valores URI/URL.: https://santicomandary.github.io/CSS-Zen-Garden-Final)
12. Zen Garden(Alumnos: Catalina Ortúzar, URL«URL» es un tipo y propiedad predefinida, proporcionada por Semantic MediaWiki, para representar valores URI/URL.: https://catalinaortuzar.github.io/zen-garden-2.0/)

Diseño de Portafolio Personal

1. Catalina Ortúzar: Portafolio(Alumnos: Catalina Ortúzar, URL«URL» es un tipo y propiedad predefinida, proporcionada por Semantic MediaWiki, para representar valores URI/URL.: https://catalinaortuzar.github.io/portafolio/)
2. Gabriela Rojas portafolio(Alumnos: Gabriela Rojas, URL«URL» es un tipo y propiedad predefinida, proporcionada por Semantic MediaWiki, para representar valores URI/URL.: https://gabrielarojas36.github.io/)
3. Ingrid Alvarado: Portafolio(Alumnos: Ingrid Alvarado Paulus, URL«URL» es un tipo y propiedad predefinida, proporcionada por Semantic MediaWiki, para representar valores URI/URL.: https://ingridloy.github.io/portafoliofinal/)
4. Luciano Cimino Portafolio(Alumnos: Luciano Cimino, URL«URL» es un tipo y propiedad predefinida, proporcionada por Semantic MediaWiki, para representar valores URI/URL.: https://lucianocimino.github.io/Portafolio/)
5. Portafolio Catalina Hörr(Alumnos: Catalina Hörr Orellana, URL«URL» es un tipo y propiedad predefinida, proporcionada por Semantic MediaWiki, para representar valores URI/URL.: https://catalinahorr.github.io/catalinahorr.portafolio/)
6. Portafolio Emily Zembo(URL«URL» es un tipo y propiedad predefinida, proporcionada por Semantic MediaWiki, para representar valores URI/URL.: https://emilyzembo11.github.io/portafolio/)
7. Portafolio María Ignacia von Unger(Alumnos: María Ignacia von Unger, URL«URL» es un tipo y propiedad predefinida, proporcionada por Semantic MediaWiki, para representar valores URI/URL.: https://mvonunger.github.io/MvonUnger-Portafolio/)
8. Portafolio: Antonella Pastén(Alumnos: Antonella Pastén, URL«URL» es un tipo y propiedad predefinida, proporcionada por Semantic MediaWiki, para representar valores URI/URL.: https://antopasten.github.io/Portafolio-Construccion/)
9. Portafolio: Darío Tapia(Alumnos: Darío Tapia, URL«URL» es un tipo y propiedad predefinida, proporcionada por Semantic MediaWiki, para representar valores URI/URL.: https://dtapiasaavedra.github.io/portafolio/)
10. Portafolio:Catalina Pérez(Alumnos: Catalina Pérez, URL«URL» es un tipo y propiedad predefinida, proporcionada por Semantic MediaWiki, para representar valores URI/URL.: https://catalinamar.github.io/Portafolio/)
11. Rafaela Avalos Portafolio(Alumnos: Rafaela Avalos Pascual, URL«URL» es un tipo y propiedad predefinida, proporcionada por Semantic MediaWiki, para representar valores URI/URL.: https://rafaelaavalos.github.io/Rafaela-Avalos-Portafolio/)
12. Santiago Comandary Portafolio(Alumnos: Santiago Comandary, URL«URL» es un tipo y propiedad predefinida, proporcionada por Semantic MediaWiki, para representar valores URI/URL.: https://santicomandary.github.io/Portafolio-Final-//)

Clases

12 de junio

1. Creación de una cuenta en Github
   • https://github.com/antopasten
   • https://github.com/triciclo
   • https://www.github.com/LucianoCimino
   • https://github.com/ingridloy
   • https://www.github.com/Catalinaortuzar
   • https://www.github.com/catalinahorr
   • https://www.github.com/dtapiasaavedra
   • https://github.com/emilyzembo11
   • https://github.com/mvonunger
   • https://github.com/santicomandary
   • https://github.com/CatalinaMar
   • https://github.com/rafaelaavalos
   • http://github.com/GabrielaRojas36
2. Antes de completar este punto, asegúrate de haber completado el punto 1. Registro en el listado del curso
3. Agregar su nombre en la ficha de este curso (Alumnos)
4. QA - repositorio de Personas reportar bugs
5. Descripción y panorama del curso

19 de junio

1. Entorno de Trabajo
   • Jeckyll
   • Run Jekyll on Windows y ver video
2. Inspeccionando HTML y CSS con el browser
3. Descripción de frameworks existentes
4. Revisión de trabajos (Tarea primera en Github)
5. Tarea :CSSZengarden, crear un repositorio con una variación de CSS

26 de junio

• Feriado

3 de julio

• Revisión de trabajos de rediseño CSSZenGarden
• Archivo:Mapa de Divs CSSZenGarden.jpeg
• Selectores CSS

10 de julio

1. Rediseño CSS Zen Garden
2. Referencia vista en clases: https://hspencer.github.io/html/

17 de julio

1. Diseño Zen Garden, cascada de estilo

Contenidos

• Revisión de casos
• Tipografías Web
• Media queries

24 de julio

• Revisión avances

Contenidos

• Precompiladores CSS - LESS y SASS (SCSS)
• Instalación de SASS

31 de julio

• Revisión de mapas de navegación y diseño de las proposiciones individuales

7 de agosto

1. Catalina Pérez: Mapa de Navegación, Interfaz para escritorio, Interfaz para celular [Interfaz para tablet]

1. Catalina Ortúzar: Arquitectura Información

Referencias

Documentación

• HTML5 Reference
• HTML5 Rocks
• MDN: Mozilla Developer Network
• CSS Reference
• Diseño atomico

Lecturas

• Git for Grown-ups
• The Git Book
• JS Books
• Contrast Rebellion
• Guía SEO básica de Google
• Navegación adaptable en SASS
• Modular CSS Naming Conventions

Herramientas

• Sublime
• Textmate (Sólo Mac OsX)
• JSFiddle
• MarvelApp
• Invision