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

De Casiopea
(24 de julio)
(Lecturas)
 
(No se muestran 30 ediciones intermedias de 8 usuarios)
Línea 9: Línea 9:
 
|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 ===
Línea 43: Línea 61:
  
 
=== 3 de julio ===
 
=== 3 de julio ===
* Revisión de trabajos de rediseño CSSZenGarden:
+
* Revisión de trabajos de rediseño CSSZenGarden
*# https://lucianocimino.github.io/csszengarden/
 
*# https://ingridloy.github.io/prueba2/
 
*# https://rafaelaavalos.github.io/cambio-zengarden/
 
*# https://catalinaortuzar.github.io/zen-garden/
 
*# https://santicomandary.github.io/CSS-Garden2/
 
*# https://antopasten.github.io/zen-garden/
 
*# https://gabrielarojas36.github.io/tareazengarden/
 
*#https://dtapiasaavedra.github.io/zengarden/
 
*#https://emilyzembo11.github.io/zengarden/
 
*#https://catalinamar.github.io/Encargo2/
 
 
* [[Archivo:Mapa de Divs CSSZenGarden.jpeg]]
 
* [[Archivo:Mapa de Divs CSSZenGarden.jpeg]]
 
* [https://www.w3schools.com/cssref/css_selectors.asp Selectores CSS]
 
* [https://www.w3schools.com/cssref/css_selectors.asp Selectores CSS]
  
 
=== 10 de julio ===
 
=== 10 de julio ===
#Rediseño CSS Zen Garden
+
# Rediseño CSS Zen Garden
 +
# Referencia vista en clases: https://hspencer.github.io/html/
  
*Catalina Hörr: [[Archivo:Interfaz css garden (2).pdf|Diseño Css Zen Garden]]
+
=== 17 de julio ===
*Rafaela Avalos: https://www.figma.com/file/Qu8BQk97s6JjHrx7cdruKKb1/redise%C3%B1o1-rafaela-zengarden
 
*Santiago Comandary : [[Archivo:CSSGARDENSC.pdf|CSS Zen Garden SC]]
 
*Luciano Cimino: [[Archivo:Wireframe zengardenlcp.pdf]], [[Archivo:Interfaz zengardenlcp.pdf]]
 
*Ingrid Alvarado: https://www.figma.com/file/dPNbb8BYUCvzPMSM0nGgWpKb/Untitled
 
*Catalina Ortúzar: [https://www.figma.com/file/TqPIPncByBwx5xFGokK6OaZV/zen-garden ZEN GARDEN 2]
 
*Emily Zembo: [http://wiki.ead.pucv.cl/index.php/Archivo:Propuesta_zen_garden_previa.pdf Propuesta Css Zen Garden]
 
*Catalina Pérez: [http://wiki.ead.pucv.cl/images/9/93/Pro_zen_garden_cata_mar.pdf | Propuesta Css Zen Garden]
 
*Gabriela Rojas: https://www.figma.com/file/R9D2dqWBHgiKRRIdH3QkFKoL/CSS-Zen-Garden
 
*María Ignacia von Unger: [http://wiki.ead.pucv.cl/index.php/Archivo:MvonUnger_-_CSS_ZenGarden_-_Encargo.pdf Propuesta CSS ZenGarden]
 
 
 
* Referencia vista en clases: https://hspencer.github.io/html/
 
  
=== 17 de julio ===
+
# Diseño Zen Garden, cascada de estilo
#Diseño Zen Garden, cascada de estilo
 
  
*Catalina Ortuzar: [http://wiki.ead.pucv.cl/index.php/Archivo:Ze_garden_3.pdf  Propuesta Css Zen Garden], [https://github.com/Catalinaortuzar/zen-garden-2.0/ Resultado en código],  [http://wiki.ead.pucv.cl/index.php/Archivo:Arq_de_info_co.png Arq info]
 
*Ingrid Alvarado: [http://wiki.ead.pucv.cl/index.php/Archivo:CsgardenINGRID.pdf Propuesta css zen garden]  https://ingridloy.github.io/cssprueba/
 
*Catalina Pérez:[http://wiki.ead.pucv.cl/index.php/Archivo:Map_navpor.png Mapa de Navegación] [http://wiki.ead.pucv.cl/images/9/9a/Correccionzngr.pdf Corrección del interfaz]
 
*Rafaela Avalos: [http://wiki.ead.pucv.cl/index.php/Archivo:MAPA_DE_NAVEGACION_PORTAFOLIO_RAFAELA*.png Arq de info], [https://www.figma.com/file/Qu8BQk97s6JjHrx7cdruKKb1/redise%C3%B1o1-rafaela-zengarden Propuesta diseño ZenGarden], [http://wiki.ead.pucv.cl/index.php/Recopilación_sitios_web_rafaela_avalos Recopilación sitios web buenos]
 
*Luciano Cimino: [http://wiki.ead.pucv.cl/index.php/Archivo:Mapa_de_divs_2-01lcp.jpg Mapa deDivs 2],[http://wiki.ead.pucv.cl/index.php/Archivo:Interfaz_2_zengarden-01lcp.jpg Corrección propuesta zen garden], [http://wiki.ead.pucv.cl/index.php/Archivo:Arquitectura_de_informaci%C3%B3n_portafolio_lcp.jpg Ai Portafolio]
 
*Darío Tapia: [http://wiki.ead.pucv.cl/index.php/Archivo:DarioTapiaCons4-arqinfoportafolio.jpg Mapa de Navegación] [http://wiki.ead.pucv.cl/index.php/Archivo:Dariotapiaconstru4-propzengarden01.png Propuesta Zen Garden]
 
*Antonella Pastén: [http://wiki.ead.pucv.cl/index.php/Archivo:CSSZEN_APB.pdf  Propuesta Css Zen Garden], [http://wiki.ead.pucv.cl/index.php/Referencias_sitios_web Referencias sitios web]
 
* Santiago Comandary : [https://santicomandary.github.io/CSS-Zen-Garden-Final// Resultado en codigo], [http://wiki.ead.pucv.cl/index.php/Referencias_Web/ Referencias Web]
 
* Gabriela Rojas: [https://github.com/GabrielaRojas36/encargo3 Resultado en código], [https://www.figma.com/file/R9D2dqWBHgiKRRIdH3QkFKoL/CSS-Zen-Garden Propuesta de diseño]
 
*Catalina Hörr: [https://catalinahorr.github.io/propuestacssgarden/ Resultado en códigos]
 
*María Ignacia von Unger: [http://wiki.ead.pucv.cl/index.php/Archivo:Mvonunger_-_Construcci%C3%B3n_-_Encargo_ZenGarden_2.1.pdf Propuesta CSS ZenGarden 2]
 
*Trinidad Valenzuela Rojas: [http://wiki.ead.pucv.cl/index.php/Archivo:CZENG_T2-011_copia.jpg Propuesta CSS Zen Garden] [http://wiki.ead.pucv.cl/index.php/Archivo:Arqinftrici.pdf Arquitectura información Portafolio]
 
*Emily Zembo:[http://wiki.ead.pucv.cl/images/e/ee/Propuesta_zen_garden_emily.pdf Propuesta zen garden 2]
 
 
==== Contenidos ====
 
==== Contenidos ====
 
* Revisión de casos
 
* Revisión de casos
Línea 95: Línea 79:
  
 
=== 24 de julio ===
 
=== 24 de julio ===
 
+
* Revisión avances
# Santiago Comandary: [https://santicomandary.github.io/CSS-Zen-Garden-Final// CSS Zen Garden Final]
 
# Antonella Pasten: https://antopasten.github.io/zengardenfinal/
 
# Luciano Cimino: https://lucianocimino.github.io/Csszengarden3/
 
# Emily Zembo: https://emilyzembo11.github.io/zenGarden-prueba/
 
# María Ignacia von Unger: https://mvonunger.github.io/ZenGarden/
 
# Catalina Hörr: https://catalinahorr.github.io/csszengardenfinal/
 
# Darío Tapia: https://dtapiasaavedra.github.io/zen/
 
  
 
==== Contenidos ====
 
==== Contenidos ====
Línea 109: Línea 86:
  
 
=== 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 129: Línea 112:
 
* [http://jsbooks.revolunet.com/ JS Books]
 
* [http://jsbooks.revolunet.com/ JS Books]
 
* [http://contrastrebellion.com/ Contrast Rebellion]
 
* [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