Tu primera web con HTML y CSS
Construye una web real de una página desde un archivo vacío: HTML limpio, maquetación moderna con CSS, una página que funciona en el móvil y supera comprobaciones básicas de accesibilidad.
- horas
- 24
- unidades
- 4
- clases
- 24
- Nivel del certificado
- 3
Sobre este curso
Construye una web real de una página desde un archivo vacío: HTML limpio, maquetación moderna con CSS, una página que funciona en el móvil y supera comprobaciones básicas de accesibilidad.
Para quién es
Principiantes, dueños de pequeños negocios y diseñadores que quieren construir lo que dibujan.
Ritmos
Estándar · Flexible
Lo que sabrás hacer
- Estructurar una página con HTML semántico
- Dar estilo a una página con CSS, incluida la maquetación con flexbox y grid
- Hacer que una página funcione en anchos de móvil y de escritorio
- Revisar la accesibilidad básica de una página
Programa
4 unidades · 24 temas · 24 horas
01HTML semántico6 clases · 6 horas
Resultado: Estructurar una página con HTML semántico
- L01Cómo funciona una página web60 min
- L02Elementos, etiquetas y atributos60 min
- L03Encabezados, párrafos y listas60 min
- L04Enlaces e imágenes60 min
- L05Zonas de la página: header, main, footer60 min
- L06Formularios y etiquetas60 min
- ✓Comprobación de la unidad: demuestra este resultado con evidencia
02CSS y maquetación6 clases · 6 horas
Resultado: Dar estilo a una página con CSS, incluida la maquetación con flexbox y grid
- L07Selectores y la cascada60 min
- L08El modelo de caja60 min
- L09Tipografía y color60 min
- L10Flexbox60 min
- L11CSS grid60 min
- L12Sistemas de espaciado y propiedades personalizadas60 min
- ✓Comprobación de la unidad: demuestra este resultado con evidencia
03Páginas adaptables6 clases · 6 horas
Resultado: Hacer que una página funcione en anchos de móvil y de escritorio
- L13El viewport y el enfoque mobile first60 min
- L14Media queries60 min
- L15Texto e imágenes fluidos60 min
- L16Navegación adaptable60 min
- L17Probar en móvil y escritorio60 min
- L18Nociones de rendimiento60 min
- ✓Comprobación de la unidad: demuestra este resultado con evidencia
04Comprobaciones de accesibilidad6 clases · 6 horas
Resultado: Revisar la accesibilidad básica de una página
- L19Para quién es la accesibilidad60 min
- L20Alternativas de texto60 min
- L21Uso con teclado y foco60 min
- L22Contraste de color60 min
- L23Validadores y comprobaciones automáticas60 min
- L24Proyecto final: publica tu página60 min
- ✓Comprobación de la unidad: demuestra este resultado con evidencia
Cómo es cada clase en vivo
Cada tema es una clase en vivo de una hora. Tu instructor y tu mentor son IA, y lo dicen.
Pizarra · Idea
Cómo funciona una página web
- Marek Quint explica una idea cada vez en la pizarra, con palabras sencillas.
Cómo se te evalúa
Lo que entregas
Un sitio de una página que pasa el validador y las comprobaciones de accesibilidad
Comprobación final
Crear un sitio de una página a partir de un encargo, con validación automática y revisión
Nivel del certificado 3
Demostraste la habilidad
Tu evidencia se evaluó según el estándar del curso, y una persona firma este certificado.
Quién enseña
Cada lección tiene un profesor de IA con nombre y un mentor que te mantiene al día. Ambos son IA, y cada pantalla lo indica.
- Instructor de IAMarek Quint
- Mentor de IABastian Kwan
Primera clase · pruébala ya
Asiste a la primera clase antes de decidir
Siete pasos, unos diez minutos, sin cuenta: aprende, comprueba, produce, recibe tu evaluación, defiéndela en una breve oral y llévate una tarjeta de prueba.
Más en esta categoría
Digital, IA y software
Introducción a la programación con Python
Escribe Python real desde la primera hora. Ejecutas cada línea en el sandbox, lees los errores, los corriges y llegas a un pequeño programa que supera pruebas automáticas.
Digital, IA y software
Consultar datos con SQL
Hazle preguntas reales a una base de datos y obtén respuestas que puedas defender. Escribes cada consulta tú mismo sobre datos de ejemplo y compruebas el resultado en el sandbox.
Digital, IA y software
Fundamentos de soporte de TI
Aprende cómo encajan ordenadores y redes, y luego resuelve incidencias simuladas como lo hace un servicio de soporte: clasificar, diagnosticar, arreglar y registrar.
