Día 2 / Semana 3

Comenzamos una nueva jornada con la presentación de la actividad anterior. Producto del volumen de trabajos (uno por cada alumno) el profesor lo que hizo fue proyectar su pantalla y revisar cada uno de nuestros trabajos en vez de que cada cual hiciera lo mismo.

El proceso de revisión fue muy ágil de esta manera, abrió en el navegador cada trabajo y lo inspeccionó para ver «el esqueleto» y analizarlo desde un punto de vista «técnico».

Luego de esto, seguimos con la nueva materia (maquetación web) en dónde nos familiarizamos con las etiquetas básicas de un documento html. (todo esto era materia que previamente ya había aprendido por mi cuenta y por mi paso previo en el bootcamp de Desarrollo Front-End, por lo que pido disculpas anticipadas por lo escueto de mi relato)

Etiqueta <head></head>

Esta etiqueta contiene información valiosa para los navegadores y el posicionamiento de nuestro sitio web, acá se configura el idioma, el contenido, el autor, el título del sitio y su descripción, se cargan las tipografías Google Fonts, la hoja de estilos CSS, el favicon, etc.

Etiqueta <header></header>

Es la cabecera de nuestro sitio y contiene el logotipo, menú, contacto, redes sociales o cualquier información pertinente que tenga jerarquía para la navegación del sitio. Dentro de esta etiqueta, podemos crear un menú utilizando la etiqueta <nav></nav> dentro de la cual colocaremos un listado <ul></ul> con cada uno de los elementos del menú <li></li>.

Etiquetas para las jerarquías de texto

Podemos reconocer 6 etiquetas para jerarquizar el texto, desde la mayor jerarquía (H1) hasta la menor (H6), donde la etiqueta <h1> es el título más importante y que se pone una sóla vez por página, mientras que de <h2> a <h6> se pueden usar las veces que se requiera. La etiqueta <p> corresponde al párrafo.

https://adam-marsden.co.uk/css-cheat-sheet

http://s3.amazonaws.com/media.skillcrush.com/skillcrush/wp-content/uploads/2012/06/HTML-Cheatsheet-Skillcrush.pdf

Conclusión

Esta fue una jornada realmente intensa, la revisión de los trabajos fue muy densa en cuanto a información, sobre todo para la gente que recién está familiarizándose con las tecnologías web y que de seguro necesitarán consolidar más adelantes todos estos nuevos conocimientos y espero que podamos tener la instancia.

Dejar un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *