El curso
#Lecciones del curso
Síguelas en orden: cada lección usa solo lo que ya has visto en las anteriores. Lee, toca los ejemplos, haz los ejercicios y comprueba lo aprendido con el test del final.
0 de 18 lecciones estudiadasTe quedan unas 11 horas de curso
Empezar: 01. Qué es una página web Parte 1 Antes de empezar
Parte 2 HTML: la estructura
- Tu primera página HTMLEtiquetas, elementos y atributos: las piezas de HTML, y el esqueleto que toda página necesita. 30 min
- Títulos, párrafos y énfasisOrganiza el texto con encabezados y párrafos, destaca lo importante y deja notas en tu código con comentarios. 25 min
- Listas y enlacesHaz listas con viñetas o numeradas y conecta tus páginas con el resto de la web mediante enlaces. 35 min
- Imágenes y multimediaMuestra fotos con su texto alternativo, añade pies de foto y aprende qué formato de imagen elegir. 25 min
- La estructura de una páginaCabecera, menú, contenido principal, secciones y pie: organiza tu página con etiquetas que dicen qué es cada parte. 30 min
- TablasPresenta datos en filas y columnas, como un horario o una lista de precios, con cabeceras claras. 20 min
- FormulariosPide datos con campos de texto, casillas, desplegables y botones, bien etiquetados y con validación incluida. 40 min
Parte 3 CSS: el estilo
- Primeros pasos con CSSQué es una regla de CSS, cómo se escribe y las tres formas de conectar el estilo con tu HTML. 30 min
- Selectores: a quién le das estiloElige exactamente qué elementos cambiar con clases, ids, combinaciones y estados como el paso del ratón. 35 min
- Colores y tipografíaElige colores con nombres, hexadecimales y rgb, y dale personalidad al texto con fuentes, tamaños y espaciado. 35 min
- El modelo de cajaTodo en una web es una caja: contenido, relleno, borde y margen. Entiéndelo y controlarás el espacio de tus páginas. 40 min
Parte 4 Maquetar páginas
- Bloques y elementos en líneaPor qué unos elementos ocupan toda la fila y otros no, y cómo cambiarlo con la propiedad
display. 25 min - Flexbox: cajas en filaColoca elementos en una fila o una columna, repártelos y céntralos con unas pocas propiedades. 45 min
- Grid: cuadrículasOrganiza la página en filas y columnas a la vez: galerías, tarjetas y la estructura completa de una web. 40 min
- Diseño responsiveHaz que tu web se vea bien en un móvil, una tableta y un ordenador con la etiqueta viewport, unidades flexibles y media queries. 40 min