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

De Casiopea
(Lecturas)
 
(No se muestran 160 ediciones intermedias de 14 usuarios)
Línea 5: Línea 5:
 
|Talleres=DG 4º
 
|Talleres=DG 4º
 
|Profesores=Herbert Spencer,
 
|Profesores=Herbert Spencer,
|Alumnos=Luciano Cimino, Ingrid Alvarado Paulus, Antonella Pastén, Catalina Hörr, Emily Zembo, María Ignacia von Unger, Santiago Comandary, Catalina Pérez,
+
|Alumnos=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,
 
|Palabras Clave=diseño de interacción, experiencia de usuario, diseño front end, HTML, CSS, JS, GIT, UX
 
|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, Interacción y Servicios
 
|Carreras Relacionadas=Diseño, Diseño Gráfico, Interacción y Servicios
 
}}
 
}}
 +
== Proyectos ==
 +
 +
=== Ejercicio: Rediseño de CSS Zen garden ===
 +
 +
{{#ask: [[Categoría:Proyecto]][[Cursos Relacionados::{{PAGENAME}}]][[Palabras Clave::proyecto 1]]
 +
|? Alumnos
 +
|? URL
 +
| format = ol
 +
}}
 +
 +
=== Diseño de Portafolio Personal ===
 +
 +
{{#ask: [[Categoría:Proyecto]][[Cursos Relacionados::{{PAGENAME}}]][[Palabras Clave::proyecto 2]]
 +
|? Alumnos
 +
|? URL
 +
| format = ol
 +
}}
 +
 
== Clases ==
 
== Clases ==
 
=== 12 de junio ===
 
=== 12 de junio ===
 
# Creación de una cuenta en [http://www.github.com Github]
 
# Creación de una cuenta en [http://www.github.com 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
 
# Antes de completar este punto, asegúrate de haber completado el punto 1. Registro en el [https://docs.google.com/forms/d/e/1FAIpQLSdsvl5jKzx3QvApz2UJ4ubHdCbMKXf4SZ_gaZA1DPXuw0LkoA/viewform?usp=sf_link listado del curso]
 
# Antes de completar este punto, asegúrate de haber completado el punto 1. Registro en el [https://docs.google.com/forms/d/e/1FAIpQLSdsvl5jKzx3QvApz2UJ4ubHdCbMKXf4SZ_gaZA1DPXuw0LkoA/viewform?usp=sf_link listado del curso]
 
# Agregar su nombre en la ficha de este curso (Alumnos)
 
# Agregar su nombre en la ficha de este curso (Alumnos)
Línea 18: Línea 49:
  
 
=== 19 de junio ===
 
=== 19 de junio ===
 +
# Entorno de Trabajo
 +
#* [http://jekyllrb.com Jeckyll]
 +
#* [http://jekyll-windows.juthilo.com/2-jekyll-gem/ Run Jekyll on Windows] y [https://www.youtube.com/watch?v=bLgyzEprums ver video]
 +
# Inspeccionando HTML y CSS con el browser
 +
# Descripción de frameworks existentes
 +
# Revisión de trabajos (Tarea primera en Github)
 +
# Tarea :[http://csszengarden.com/ CSSZengarden], crear un repositorio con una variación de CSS
 +
 
=== 26 de junio ===
 
=== 26 de junio ===
 +
* Feriado
 +
 
=== 3 de julio ===
 
=== 3 de julio ===
 +
* Revisión de trabajos de rediseño CSSZenGarden
 +
* [[Archivo:Mapa de Divs CSSZenGarden.jpeg]]
 +
* [https://www.w3schools.com/cssref/css_selectors.asp Selectores CSS]
 +
 
=== 10 de julio ===
 
=== 10 de julio ===
 +
# Rediseño CSS Zen Garden
 +
# Referencia vista en clases: https://hspencer.github.io/html/
 +
 
=== 17 de julio ===
 
=== 17 de julio ===
 +
 +
# Diseño Zen Garden, cascada de estilo
 +
 +
==== Contenidos ====
 +
* Revisión de casos
 +
* Tipografías Web
 +
* Media queries
 +
 
=== 24 de julio ===
 
=== 24 de julio ===
 +
* Revisión avances
 +
 +
==== Contenidos ====
 +
* Precompiladores CSS - LESS y SASS (SCSS)
 +
* Instalación de SASS
 +
 
=== 31 de julio ===
 
=== 31 de julio ===
 +
* Revisión de mapas de navegación y diseño de las proposiciones individuales
 +
 
=== 7 de agosto ===
 
=== 7 de agosto ===
 +
# Catalina Pérez: [http://wiki.ead.pucv.cl/images/3/3a/MN_1.pdf Mapa de Navegación], [http://wiki.ead.pucv.cl/images/5/5e/Paraescritorio_cm.pdf Interfaz para escritorio], [http://wiki.ead.pucv.cl/images/f/f0/Paracelular_cm.pdf Interfaz para celular] [Interfaz para tablet]
 +
 +
# Catalina Ortúzar: [http://wiki.ead.pucv.cl/images/6/6c/Arq_info_2_co.png Arquitectura Información]
 +
 
=== 14 de agosto ===
 
=== 14 de agosto ===
 
=== 21 de agosto ===
 
=== 21 de agosto ===
Línea 37: Línea 105:
 
* [https://developer.mozilla.org/es/ MDN: Mozilla Developer Network]
 
* [https://developer.mozilla.org/es/ MDN: Mozilla Developer Network]
 
* [https://www.w3schools.com/cssref/default.asp CSS Reference]
 
* [https://www.w3schools.com/cssref/default.asp CSS Reference]
 +
* [http://bradfrost.com/blog/post/atomic-web-design/| Diseño atomico]
  
 
=== Lecturas ===
 
=== Lecturas ===
Línea 42: Línea 111:
 
* [https://www.git-scm.com/book/en/v2 The Git Book]
 
* [https://www.git-scm.com/book/en/v2 The Git Book]
 
* [http://jsbooks.revolunet.com/ JS Books]
 
* [http://jsbooks.revolunet.com/ JS Books]
 +
* [http://contrastrebellion.com/ Contrast Rebellion]
 +
* [https://static.googleusercontent.com/media/www.google.com/es//intl/es/webmasters/docs/guia_optimizacion_motores_busqueda.pdf Guía SEO básica de Google]
 +
* [http://responsive-sass-nav.com/ Navegación adaptable en SASS]
 +
* [http://thesassway.com/advanced/modular-css-naming-conventions Modular CSS Naming Conventions]
  
 
=== Herramientas ===
 
=== Herramientas ===

Revisión actual del 10:19 14 ago 2017



Asignatura(s)Construcción de Diseño Gráfico 4
Año2017
Tipo de CursoTaller de Construcción
TalleresDG 4º
ProfesoresHerbert Spencer
AlumnosLuciano 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
Palabras Clavediseño de interacción, experiencia de usuario, diseño front end, HTML, CSS, JS, GIT, UX
Carreras RelacionadasDiseño, Diseño Gráfico, Interacción y Servicios

Proyectos

Ejercicio: Rediseño de CSS Zen garden

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


Diseño de Portafolio Personal

  1. Catalina Ortúzar: Portafolio (Alumnos Catalina Ortúzar, URL
    "URL" is a type and predefined property provided by Semantic MediaWiki to represent URI/URL values.
    https://catalinaortuzar.github.io/portafolio/)
  2. Gabriela Rojas portafolio (Alumnos Gabriela Rojas, URL
    "URL" is a type and predefined property provided by Semantic MediaWiki to represent URI/URL values.
    https://gabrielarojas36.github.io/)
  3. Ingrid Alvarado: Portafolio (Alumnos Ingrid Alvarado Paulus, URL
    "URL" is a type and predefined property provided by Semantic MediaWiki to represent URI/URL values.
    https://ingridloy.github.io/portafoliofinal/)
  4. Luciano Cimino Portafolio (Alumnos Luciano Cimino, URL
    "URL" is a type and predefined property provided by Semantic MediaWiki to represent URI/URL values.
    https://lucianocimino.github.io/Portafolio/)
  5. Portafolio Catalina Hörr (Alumnos Catalina Hörr Orellana, URL
    "URL" is a type and predefined property provided by Semantic MediaWiki to represent URI/URL values.
    https://catalinahorr.github.io/catalinahorr.portafolio/)
  6. Portafolio Emily Zembo (URL
    "URL" is a type and predefined property provided by Semantic MediaWiki to represent URI/URL values.
    https://emilyzembo11.github.io/portafolio/)
  7. Portafolio María Ignacia von Unger (Alumnos María Ignacia von Unger, URL
    "URL" is a type and predefined property provided by Semantic MediaWiki to represent URI/URL values.
    https://mvonunger.github.io/MvonUnger-Portafolio/)
  8. Portafolio: Antonella Pastén (Alumnos Antonella Pastén, URL
    "URL" is a type and predefined property provided by Semantic MediaWiki to represent URI/URL values.
    https://antopasten.github.io/Portafolio-Construccion/)
  9. Portafolio: Darío Tapia (Alumnos Darío Tapia, URL
    "URL" is a type and predefined property provided by Semantic MediaWiki to represent URI/URL values.
    https://dtapiasaavedra.github.io/portafolio/)
  10. Portafolio:Catalina Pérez (Alumnos Catalina Pérez, URL
    "URL" is a type and predefined property provided by Semantic MediaWiki to represent URI/URL values.
    https://catalinamar.github.io/Portafolio/)
  11. Rafaela Avalos Portafolio (Alumnos Rafaela Avalos Pascual, URL
    "URL" is a type and predefined property provided by Semantic MediaWiki to represent URI/URL values.
    https://rafaelaavalos.github.io/Rafaela-Avalos-Portafolio/)
  12. Santiago Comandary Portafolio (Alumnos Santiago Comandary, URL
    "URL" is a type and predefined property provided by Semantic MediaWiki to represent URI/URL values.
    https://santicomandary.github.io/Portafolio-Final-//)


Clases

12 de junio

  1. Creación de una cuenta en Github
  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
  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

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

14 de agosto

21 de agosto

28 de agosto

4 de agosto

Referencias

Documentación

Lecturas

Herramientas