Clase 10 y 11 | MOBILE FIRST | JQUERY

En la Teórica vimos:  jQuery: https://jquery.com/  Librerias: http://plugins.jquery.com/  Carrusel  con JQuery : https://owlcarousel2.github.io/OwlCarousel2/ EJEMPLO  DE LA TEÓRICA  http://www.catedraocampo.com.ar/vn00/tp/app   "Mobile First" es un concepto simple: diseñar pensando en los móviles primero. En el cual debemos comenzar siempre centrándonos en los dispositivos con pantallas más pequeñas y generalmente con menor ancho de banda disponible para la navegació...
Más

Clase 9 | DISEÑO ADAPTABLE | FUENTES PARA WEB

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

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 |

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 |

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

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 |

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