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

De Casiopea
(17 de julio)
(Lecturas)
 
(No se muestran 52 ediciones intermedias de 13 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]]
 
*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_final.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 ===
 
=== 17 de julio ===
#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]
+
# Diseño Zen Garden, cascada de estilo
*Ingrid Alvarado: [http://wiki.ead.pucv.cl/index.php/Archivo:CsgardenINGRID.pdf Propuesta css zen garden] [http://wiki.ead.pucv.cl/index.php/Archivo:Arqin.jpg arq info]
 
*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] Árbol de Html]
 
*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://github.com/santicomandary/CSS-Zen-Garden-/ 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: []
 
  
 
==== Contenidos ====
 
==== Contenidos ====
Línea 95: Línea 79:
  
 
=== 24 de julio ===
 
=== 24 de julio ===
 +
* Revisión avances
  
 
==== Contenidos ====
 
==== Contenidos ====
 
* Precompiladores CSS - LESS y SASS (SCSS)
 
* 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 120: 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

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