Clase 08 | MOBILE FIRST | RESPONSIVE WEB |

En la Teórica vimos:   etiqueta meta viewport para controlar la composición en los navegadores móviles: <meta name="viewport" content="width=device-width, user-scalable=no"> diseño adaptable:  media query en CSS3.   EJEMPLO TEÓRICA  RESPONSIVE WEB : TP >>   HTML + CSS3   INTERMEDIO :  Teorica html+css 2  dgpc_apunte_CSS   MOBILE FIRST "Mobile First" es un concepto simple: diseñar pensando en los...
Más

Clase 05 | FLEX-BOX | UNIDADES DE MEDIDA |

En la Teórica vimos: Ejemplo práctico de la teórica: http://catedraocampo.com.ar/vn00 Propiedad de CSS: FLEXBOX.  http://flexbox.help/ Unidades de medida: rem y porcentaje %. https://franciscoamk.com/calcular-medidas-en-rem/ Colocación y optimización de imagen en html: La etiqueta <img src=" ">  especifica la URL de una imagen que se va a mostrar. <img src="img/2.jpg" alt="Nombre Apellido" title="NOMBRE">   Optimización de imágen para web: gif...
Más

Clase 8 | OPTIMIZAR IMÁGENES | FUENTES | HTML +CSS

En la teórica vimos:     http://catedraocampo.com.ar/vn00/ Colocación de imagen en html: etiqueta <img src=" ">.  especifica la URL de una imagen que se va a mostrar. <img src="img/logo.png>" alt="Cat Ocampo"> Optimización de imágen para web: gif, jpg, png. Para que la página web/ app no tenga un peso excesivo y se cargue en poco tiempo, es necesario reducir el peso de las imágenes, o sea, optimizarlas para su uso en la web. A pesar del mej...
Más

Clase 06 | FLEX-BOX |

En la Teórica vimos:   Propiedad de CSS: FLEXBOX.  http://flexbox.help/ Unidades de medida: rem y porcentaje %. https://franciscoamk.com/calcular-medidas-en-rem/ Ejemplo práctico de la teórica: http://catedraocampo.com.ar/vn00   Unidades de medida en CSS Las medidas en CSS se emplean para definir la altura, anchura y márgenes de los elementos y para establecer el tamaño de fuente del texto. Todas las medidas se indican como un valor numérico entero o deci...
Más

Clase 5 | HTML5+ CSS BÁSICO |

En la Teórica vimos los siguientes temas:                                                                                               HTML5: etiquetas semánticas: CSS básico: background, font-family, color, font-size/family/margin, padding, rem, class. Ejemplo: http://www.catedraocampo.com.ar/vn00/ |   Teórica-Html-Css Básico  HTML 5+ CSS INTERMEDIO.  Teorica html+css 2  dgpc_apunte_CSS   Links Útiles | CSS Cascading Style Sheets | Ho...
Más

Clase 4 | FTP | HTML5 |

En la teórica de la clase 4 vimos : Cliente FTP: Filezilla. |   Apunte presentación FTP. Editor de código: Brackets IO. Navegador web: Firefox. |   Teórica-Html5- Básico Ejemplo: http://www.catedraocampo.com.ar/vn00/ Primera parte HTML5 - etiquetas semánticas y atributos:   <!doctype html> <html> <head> <title></title> <meta charset="utf-8"> </head> <body> ...
Más