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

De Casiopea
(Lecturas)
 
(No se muestran 161 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,
+
|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

Alumnos

Proyectos

Ejercicio: Rediseño de CSS Zen garden

Diseño de Portafolio Personal

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