Maquetación HTML & CSS

Lo visto en clase

En clases aprendimos como CSS y HTML trabajan en equipo para presentar un web con diseño, HTML son los huesos tras la piel que es CSS, aprendimos las 3 formas de añadir CSS a un archivo HTML, sea dentro de una etiqueta como un atributo, como una etiqueta que contenga las indicaciones, o mediante la etiqueta Link, permitiéndonos trabajar el CSS de manera externa y mejor ordenada, aprendimos los distintos tipos de selectores, como lo son por etiqueta, por clase o por id, y la jerarquía de selección que sigue cada elemento, aprendimos a maquetar mediante divs, y con semántica usando etiquetas como header, main, section o footer.

Lo aprendido

Lo aprendido es una consolidación de lo visto en clase, el usar div, en vez de usar tablas para maquetar, y la jerarquía de selección para darle estilo a un elemento dentro de otro que a su vez esta en otro, usar la semántica para darle a cada parte de la pagina un significado acorde a su contenido y a su vez permitiendo un mejor enganche con buscadores.








Finalización de los cursos de Elementor

Lo aprendido

Elementor es un Framework - Plugin que nos permite llevar la creación de paginas y blogs en WordPress a un nivel completamente diferente, se adapta a casi cualquier tema de WordPress y nos permite editar visualmente cada componente de una plantilla, pero no se limita a eso, Elementor nos permite inclusive crear nuestra propia plantilla desde cero, es confiable e incluso su version gratuita nos deja tener el control de muchos aspectos, Elementor mejora muchísimo el editor de entradas y paginas de WordPress de una manera intuitiva y para nada pesada, a parte de permitirnos ver lo que editamos en tiempo real.






Avance del Proyecto del 3er Periodo

Lo visto en clase

En clase pudimos apreciar los procesos que conllevan la maquetación de un sitio web desde su inicio en el diseño, los wireframes, storyboards, prototipos de alta y baja calidad,  que luego al consolidarse con código conforman una web o app observamos diferentes herramientas que ayudarían en la creación de este proceso como lo es, FIGMA.

Lo aprendido


Al avanzar en este proyecto, pudimos utilizar Figma y crear diferentes prototipos, según las necesidades, desde un inicio creamos el mapa del sitio y la representación grafica de cada parte mediante un storyboard que nos ayudaba a saber la causalidad de cada parte de nuestro diseño.










Practica HTML


Lo visto en clase


HTML es un Lenguaje de Marcado de Hipertexto, toda la web se sostiene en este lenguaje, los navegadores lo procesan y permiten a los usuarios ver las paginas web, HTML es el esqueleto, que junto a otros lenguajes como CSS, Javascript, PHP u otros, permiten que la web se mantenga a flote.

Lo aprendido


En esta practica, pusimos en ejercicio el uso de las tablas, las listas y sus diferentes atributos, a parte de aprender la estructura básica de HTML.