23 de Abril

Hoy vimos la propiedad css flexbox, la cual es muy útil para diagramar Resumen Flexbox Display: Flex; Las propiedades del Flexbox son: flex-directionflex-wrapflex-flowjustify-contentalign-itemsalign-content Flex-direction Define en que dirección el contenedor quiere apilar los elementos flexibles.Valores:column; apila los elementos flexibles verticalmente (de arriba a abajo)column-reverse; apila los elementos flexibles verticalmente (pero de abajo hacia arriba)row; apila … Sigue leyendo 23 de Abril

22 de Abril

En esta clase vimos formas de hacer columnas y como se acomodan de forma responsiva en distintas medidas de pantalla Multiple Columns Usado para crear columnas de textoPropiedades: column-countcolumn-gapcolumn-rule-stylecolumn-rule-widthcolumn-rule-colorcolumn-rulecolumn-spancolumn-width Grid Se usa para hacer facilmente columnas. El valor de grid-template.columns: especificará cuantas columnas tendremos.Propiedades:grid-template.columns: Ejemplo:Display: grid;grid-template.columns: 33.3% 33.3% 33.3%; BreakPoints standards:576px768px992px1200px https://www.youtube.com/watch?v=oLgtucwjVII&ab_channel=CodingNepal Trabajo en clases:Diagramación … Sigue leyendo 22 de Abril

21 abril

El contenido de hoy fue la propiedad Position: y Float: Valores para Position: top, right, bottom, left Position: static;Es la propiedad por defecto. Position: relative;Empieza a mover el objeto desde su punto de origen Position: fixed;Fija el contenido en su lugar. Position: absolute;Se mueve con respecto a su ancestro mas cerca :relative;Si no hay un … Sigue leyendo 21 abril

20 de Abril

Tema del día: Elementos en bloque y Elementos en lineaVimos cada tipo de elementos y su comportamiento en html, también como se pueden manipular en css para cambiar su posición y/o apariencia https://www.youtube.com/watch?v=d-aWbEn3An4&ab_channel=YusufShakeel Trabajo en clases: 1. Descubrir el layout de un sitio web dibujando sus "cajas" 2. Aplicar propiedades aprendidas a su documento HTML … Sigue leyendo 20 de Abril

19 de Abril

Hoy revisamos las 3 formas para agregar estilos al documento HTML:-Estilo en Línea- <style> en el <head>- <link> en el <head>Vimos la sintaxis de los elementos en la hoja de estilos y experimentamos con style.css https://www.youtube.com/watch?v=OWKXEJN67FE&t=2369s&ab_channel=SoyDalto Ejercicio en clase: Tomar control de su documento HTML agregando id y clases según corresponda. Modificar el estilo de … Sigue leyendo 19 de Abril

16 de Abril

Hoy presentamos nuestras primeras páginas web y empezamos a analizar la etiqueta <head> dentro del documento html. Ejercicio en clases: 1. ¿Qué tipo de etiquetas van dentro del <head>? ¿Cuáles son las más importantes? 2- ¿Para que se usa la etiqueta <div>? 3. ¿Cuáles creen que son otras etiquetas HTML importantes? 4. ¿Para qué sirve … Sigue leyendo 16 de Abril

15 de Abril

Esta clase empezamos a practicar los códigos HTML Ejercicio en clases: Realizar un análisis de las etiquetas semánticas de HTML5 y crear un ejemplo práctico de su aplicación para explicarlos. https://www.youtube.com/watch?v=rbuYtrNUxg4&ab_channel=Fazt ConclusiónEl html es el primer código que se debe aprender para empezar a programar en diseño web. Es un lenguaje de marcado que nos … Sigue leyendo 15 de Abril

14 de Abril

Hoy terminamos de ver los trabajos acerca de las Tipografías aplicadas en la Web y terminamos la primera etapa del modulo uno, para pasar a ver el entorno de trabajo del desarrollo web e historia del diseño web. https://www.youtube.com/watch?v=NWUZCTTLQcg ConclusiónGracias Tim Berners Lee, en 1991, nació la primera versión de la web, la cual fue … Sigue leyendo 14 de Abril

12 de Abril

Revisamos en primera instancia los trabajos del curso acerca de los colores utilizados en diferentes plataformas en la web. También vimos la importancia del texto y su legibilidad, accesibilidad y comprensión. Trabajo en clases: Analizar Familia Tipográfica, Fuente, Variantes, Tamaños, Colores de plataformas en la web https://www.youtube.com/watch?v=zUcOPhXuET0&ab_channel=WebServiciosUniversales ConclusiónEl siguiente personaje importante de un diseño es … Sigue leyendo 12 de Abril