Explore ActivitiesDigital Literacy
💻
Digital Literacy

Can you finish web design wonderland in about 30 min?

Web Design Wonderland

You will creating a mini-website helps children grasp HTML basics and design principles, making abstract coding tangible.

Duration30 min
Age GroupAges 12–13
DifficultyIntermediate
SubjectDigital Literacy
Activity Preview

See how this hands-on lesson works

Sign in to start the full activity flow, save this lesson, print a learner version, and track XP. The preview below is public so parents and educators can evaluate the activity before joining.

Concept

What this lesson teaches

Creating a mini-website helps children grasp HTML basics and design principles, making abstract coding tangible. They learn to organize information, fostering critical thinking as they separate content into sections like headers, paragraphs, and images.

Materials

What you need

    Steps

    How the activity runs

      Why It Works

      The learning connection

      Hands-on web design aligns with Vygotsky's scaffolding principle, allowing children to build on prior knowledge while receiving immediate feedback from their design progress. This active engagement transforms web elements into concrete building blocks of learning.

      Extend the Lesson

      Try it with your learner

      1. Open a simple HTML editor (like Notepad or an online tool). 2. Write the basic HTML structure: <!DOCTYPE html>, <html>, <head>, <title>, <body>. 3. Add a heading with your hobby's name in <h1> tags. 4. Create 2-3 sections with <p> tags describing your hobby. 5. Insert 1 image with <img> tag and link it to your image file. 6. Save and open your work in a web browser — what do you think?

      Digital Literacy30 minAges 12–13Grade 7Sign in to save this activity
      Keep Learning

      Related activities