En esta clase aprendí a consultar el diseño del proyecto en Figma, escribir el código base del archivo HTML utilizando etiquetas semánticas y comprender la función de cada etiqueta <meta>.
Consulta del diseño en Figma
Exploramos cómo visualizar y analizar el diseño del proyecto en Figma, lo que nos permite entender mejor la estructura visual y funcional antes de escribir código. Esto facilita la planificación y garantiza que la implementación en código se alinee con el diseño previsto.
Creación de la base del archivo HTML
Aprendimos a escribir el código base en HTML, asegurándonos de utilizar etiquetas semánticas como <header>, <main>, <footer>, entre otras. Estas etiquetas no solo mejoran la organización del código, sino que también hacen que el sitio sea más accesible y comprensible tanto para los navegadores como para los motores de búsqueda.
Función de las etiquetas <meta>
Entendimos la importancia de las etiquetas <meta> en el <head> del documento, incluyendo:
<meta charset="UTF-8">para admitir caracteres especiales.<meta name="viewport" content="width=device-width, initial-scale=1.0">para garantizar que el sitio sea responsivo en dispositivos móviles.<meta http-equiv="X-UA-Compatible" content="IE=edge">para mejorar la compatibilidad con versiones antiguas de navegadores.
Estos conocimientos nos permiten dar un primer paso sólido en la creación de páginas web bien estructuradas y optimizadas. Listos para seguir avanzando en el curso.
