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

De Casiopea
 
(No se muestran 14 ediciones intermedias de 4 usuarios)
Línea 10: Línea 10:
}}
}}
== Proyectos ==
== Proyectos ==
Los proyectos de CssZenGarden por favor creen una página de proyecto y le ponen palabra clave "proyecto 1", y pongan la URL visible del proyecto.


=== Ejercicio: Rediseño de CSS Zen garden ===
=== Ejercicio: Rediseño de CSS Zen garden ===
{{#ask: [[Categoría:Proyecto]][[Cursos Relacionados::{{PAGENAME}}]][[Palabras Clave::proyecto 1]]
{{#ask: [[Categoría:Proyecto]][[Cursos Relacionados::{{PAGENAME}}]][[Palabras Clave::proyecto 1]]
|? Alumnos
|? Alumnos
Línea 20: Línea 20:


=== Diseño de Portafolio Personal ===
=== Diseño de Portafolio Personal ===
{{#ask: [[Categoría:Proyecto]][[Cursos Relacionados::{{PAGENAME}}]][[Palabras Clave::proyecto 2]]
{{#ask: [[Categoría:Proyecto]][[Cursos Relacionados::{{PAGENAME}}]][[Palabras Clave::proyecto 2]]
|? Alumnos
|? Alumnos
Línea 60: 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/
# Diseño Zen Garden, cascada de estilo


=== 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]
*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 112: 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/CSSZenGarden/
# Catalina Hörr: https://catalinahorr.github.io/csszengardenfinal/
# Darío Tapia: https://dtapiasaavedra.github.io/zen/
# Catalina Pérez: [http://wiki.ead.pucv.cl/images/1/1d/ZGfinal_CMwiki.pdf Expectativas] [http://wiki.ead.pucv.cl/images/3/39/Mapadediv.pdf Mapa de Div] [https://catalinamar.github.io/Encargo-3/ Realidad]
# Gabriela Rojas: [https://gabrielarojas36.github.io/encargo3/ CSS Zen Garden Final]
#Ingrid Alvarado: [https://ingridloy.github.io/cssprueba/ Css Zen garden]


==== Contenidos ====
==== Contenidos ====
* Precompiladores CSS - LESS y SASS (SCSS)
* Precompiladores CSS - LESS y SASS (SCSS)
* Instalación de SASS
* Instalación de SASS
*Ingrid Alvarado: [[Archivo:Portafolio1-ilovepdf-compressed.pdf| portafolio interfaz]]


=== 31 de julio ===
=== 31 de julio ===
Línea 134: Línea 90:
=== 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 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 ===
Línea 156: Línea 114:
* [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]
* [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://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 - 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
EstudiantesLuciano 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"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.

Estudiantes

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