Página web desde cero html

Resumen

Puntos clave

• El curso enfatiza la importancia de dominar HTML y Bootstrap para potenciar el conocimiento en la construcción de sitios web, preparando al estudiante para el desarrollo web. 0:03
• Se cubren estructuras HTML complejas como tablas (table, tr, td, th, colspan, rowspan) y listas (ul, ol, li, dl, dt, dd), explicando su creación y personalización. 0:48
• Se inicia con la instalación y configuración de herramientas esenciales como Visual Studio Code, preparando el entorno de desarrollo para una experiencia cómoda. 1:48
• El proyecto final consiste en la construcción de un sitio web de tienda electrónica con múltiples páginas interconectadas (inicio, productos, formulario de contacto, quiénes somos), aplicando todos los conocimientos adquiridos. 3:40
• Se explican las etiquetas HTML, la estructura básica de un documento (head, body) y cómo el navegador interpreta el código, sentando las bases del lenguaje. 15:01
• Se detallan elementos HTML fundamentales como encabezados (h1-h6), párrafos (p), enlaces (a) e imágenes (img), incluyendo sus atributos y uso práctico. 23:14
• Se introduce el uso de estilos CSS, demostrando cómo aplicar estilos en línea, embebidos y externos para modificar la apariencia visual de los elementos HTML. 50:31
• Se exploran los formularios HTML, incluyendo diversos tipos de inputs (texto, radio, checkbox, select, button, submit, color, date, file, password, range, email, number) y sus propiedades para la interacción con el usuario. 101:56
• Se demuestra la implementación de componentes de Bootstrap como tablas estilizadas, imágenes con efectos, carruseles, alertas, insignias, tarjetas (cards), modales y barras de navegación responsivas. 159:09
• Se integra el framework Bootstrap, explicando su sistema de contenedores (container, container-fluid), el sistema de rejilla (row, col) y las clases de utilidad para estilos predefinidos. 167:14