Autor : DGPC Ocampo

Clase 9 | DISEÑO ADAPTABLE | FUENTES PARA WEB

Publicado el by DGPC Ocampo
En la Teórica vimos:   Agregar iconos y fuentes especiales para web con @font-face o utilizando la librería de GoogleFonts: https://fonts.google.com/ http://www.font-face.com/ http://www.fontreactor.com/ http://fontawesome.io/ Responsive web- diseño adaptable.   Introducción Diseño Adaptable - Responsive web Design El uso de dispositivos móviles para navegar en la web está creciendo constantemente. A menudo, la mayoría de los dispositivos están...
Más

ENTREGA INDIVIDUAL -Condiciones de Entrega

Publicado el by DGPC Ocampo
La entrega individual de este viernes 06/10/2017 es obligatoria y presencial. Contenido de la entrega: Rótulo grupal. Se deberá subir al ftp, en la carpeta general de cada equipo los archivos: index.html y estilos.css, e imágenes. Rótulo individual de cada alumno. Se deberá subir al ftp, en la carpeta individual de cada alumno los archivos: index.html y estilos.css e imágenes. Mapa de Navegación (Mapa conceptual). Plan: debe contener nombre de la app, breve descripci...
Más

Clase 7 | TEÓRICA: PATRONES MOBILE | HTML5 + CSS Intermedio: flex-box |

Publicado el by DGPC Ocampo
En la Teórica vimos: http://catedraocampo.com.ar/vn10/ Patrones Mobile. HTML5 + CSS: etiquetas semánticas: <body></body><header></header>, <section></section>, <article></article><footer></footer>. Propiedad de CSS: FLEX-BOX.   FLEXBOX La propiedad Flexible Box, o flexbox, de CSS3 es un modo de diseño que permite colocar los elementos de una página para que se comporten de forma predecible cuando el...
Más

Clase 6 | | HTML + CSS INTERMEDIO |

Publicado el by DGPC Ocampo
En la teórica vimos:     http://catedraocampo.com.ar/vn00/ Etiqueta semántica < nav></nav>: crea menú de navegación. Etiqueta semántica <p></p>: crea un párrafo. <span></span>: El elemento span es un contenedor genérico sin un significado semántico en particular. Es comúnmente usado en la creación de páginas con propósitos estilísticos, en conjunto con los atributos style y class.   Hoja de estilo CSS propiedades: &nb...
Más

Clase 5 | OPTIMIZAR IMÁGENES | HTML +CSS

Publicado el by DGPC Ocampo
En la teórica vimos:     http://catedraocampo.com.ar/vn10/ Etiqueta html5: < meta name="viewport">. Sirve para optimizar los sitios para dispositivos móviles. Esta etiqueta ayuda a definir el ancho, alto y escala del área usada por el navegador para mostrar contenido. Su uso básico es de la siguiente manera: <meta name="viewport" content="width=device-width"> El width=device-width, define el ancho del sitio web. En este caso el ancho, es el ancho del dispositi...
Más

| Plan de trabajo |

Publicado el by DGPC Ocampo
Esta Guía de Plan de Trabajo forma parte de los materiales que cada equipo deberá analizar y responder. Instructivo para su aplicación: Descargar desde el vínculo el archivo PDF. Editarlo desde el programa Acrobat Reader y completar los campos editables correspondientes. Imprimirla en tamaño A4 , Frente y Dorso. Utilizarla como referencia para la práctica de la siguiente clase. http://catedraocampo.com.ar/wp-content/uploads/2017/04/Guia-Plan-de-Trabajo-2017-2.pdf (click en la imagen...
Más

Clase 3 | DESIGN THINKING |

Publicado el by DGPC Ocampo
Compartimos  teóricas de la clase 2 y 3 : UX. Usabilidad y Heurísticas. Ejemplos.   Teórica_Usabilidad-Heuríticas_UX_2Cuat_2017 Design Thinking   Teórica_Design thinking2017 El pensamiento de diseño es un proceso en el que tratamos de entender al usuario, cuestionar los supuestos , y redefinir problemas en un intento de identificar estrategias y soluciones alternativas que pueden no ser evidentes al instante con nuestro nivel inicial de comprensión. Al mismo tiempo, Design thinking pr...
Más

Clase 2| Proceso de Trabajo-UX | Esquicio

Publicado el by DGPC Ocampo
Este viernes vamos a hacer un esquicio en clase para el cual necesitamos que traigan hojas en blanco o cuadriculadas, tijera, cinta, pegamento, lápices, lapiceras, colores, etc. Y por equipo un cámara de fotos o celular para tomar registro de todo lo que vayan haciendo (va a ser un buen material para aprovechar en el vídeo del final del cuatrimestre) No se olviden de completar la ficha grupal y traerla impresa! Se la descargan de acá: http://catedraocampo.com.ar/ficha-de-equipo/ Nos...
Más