🍓 Mi primera página web: crea tu propia receta con HTML y CSS

Con esta actividad práctica de iniciación al desarrollo web, el alumnado aprenderá a crear y personalizar una página web en la que presentar una receta de cocina. A través de un proyecto sencillo y motivador, descubrirá cómo se utilizan HTML y CSS para estructurar y diseñar contenidos en Internet.

¿Qué aprenderán los alumnos?

• HTML: crear títulos, organizar ingredientes en listas y presentar instrucciones paso a paso.

• CSS: personalizar los colores del texto, el fondo y otros elementos visuales de la página.

• Diseño web: incorporar imágenes y mejorar la presentación del contenido.

• Competencia digital: desarrollar habilidades básicas de creación de contenidos digitales.

• Creatividad: diseñar una página web original a partir de sus propios intereses.

¿Cómo se desarrolla la actividad?

El alumnado seguirá una secuencia de pequeños retos para construir su página web desde cero. Primero, organizará los ingredientes y los pasos de elaboración de una receta utilizando etiquetas HTML. Después, aplicará estilos CSS para personalizar los colores, las listas y otros elementos del diseño. Finalmente, podrá añadir imágenes y completar su proyecto con detalles propios.

¿A quién va dirigida?

Actividad recomendada para alumnado de Educación Secundaria, especialmente de 1.º a 3.º de ESO, como introducción al desarrollo web y a la programación.

Metodología: aprendizaje práctico basado en proyectos (Project-Based Learning).

Nivel: iniciación. No se necesitan conocimientos previos de HTML o CSS.

Recurso de referencia: proyecto educativo gratuito de Raspberry Pi Foundation: «Recipe».