Diferencia entre revisiones de «Construcción 4º DG 2017»
De Casiopea
(Página creada con «{{Curso |Asignaturas Relacionadas=Construcción de Diseño Gráfico 4, |Año=2017 |Tipo de Curso=Taller de Construcción |Talleres=DG 4º |Profesores=Herbert Spencer, |Pala...») |
|||
(No se muestran 176 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, 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 == | |||
=== 12 de junio === | |||
# 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] | |||
# Agregar su nombre en la ficha de este curso (Alumnos) | |||
# QA - repositorio de Personas [https://github.com/kaosb/ead_personas/issues reportar bugs] | |||
# Descripción y panorama del curso | |||
=== 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 === | |||
* Feriado | |||
=== 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 === | |||
# Rediseño CSS Zen Garden | |||
# Referencia vista en clases: https://hspencer.github.io/html/ | |||
=== 17 de julio === | |||
# 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 === | |||
# 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 === | |||
=== 21 de agosto === | |||
=== 28 de agosto === | |||
=== 4 de agosto === | |||
== Referencias == | == Referencias == | ||
Línea 15: | 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 === | ||
* [https://24ways.org/2013/git-for-grownups/ Git for Grown-ups] | * [https://24ways.org/2013/git-for-grownups/ Git for Grown-ups] | ||
* [https://www.git-scm.com/book/en/v2 The Git Book] | |||
* [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 === | ||
* [https://www.sublimetext.com/ Sublime] | |||
* [https://macromates.com/ Textmate] (Sólo Mac OsX) | |||
* [https://jsfiddle.net/ JSFiddle] | * [https://jsfiddle.net/ JSFiddle] | ||
* [https://marvelapp.com/ MarvelApp] | * [https://marvelapp.com/ MarvelApp] | ||
* [http://invisionapp.com Invision] | * [http://invisionapp.com Invision] |
Revisión actual - 10:19 14 ago 2017
Asignatura(s) | Construcción de Diseño Gráfico 4 |
---|---|
Año | 2017 |
Tipo de Curso | Taller de Construcción |
Talleres | DG 4º |
Profesores | Herbert Spencer |
Estudiantes | 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 |
Carreras Relacionadas | Diseñ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
- Creación de una cuenta en 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 listado del curso
- Agregar su nombre en la ficha de este curso (Alumnos)
- QA - repositorio de Personas reportar bugs
- Descripción y panorama del curso
19 de junio
- Entorno de Trabajo
- Inspeccionando HTML y CSS con el browser
- Descripción de frameworks existentes
- Revisión de trabajos (Tarea primera en Github)
- Tarea :CSSZengarden, crear un repositorio con una variación de CSS
26 de junio
- Feriado
3 de julio
- Revisión de trabajos de rediseño CSSZenGarden
- Archivo:Mapa de Divs CSSZenGarden.jpeg
- Selectores CSS
10 de julio
- Rediseño CSS Zen Garden
- Referencia vista en clases: https://hspencer.github.io/html/
17 de julio
- 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
- Catalina Pérez: Mapa de Navegación, Interfaz para escritorio, Interfaz para celular [Interfaz para tablet]
- Catalina Ortúzar: Arquitectura Información
14 de agosto
21 de agosto
28 de agosto
4 de agosto
Referencias
Documentación
Lecturas
- Git for Grown-ups
- The Git Book
- JS Books
- Contrast Rebellion
- Guía SEO básica de Google
- Navegación adaptable en SASS
- Modular CSS Naming Conventions