Explore ActivitiesDigital Literacy
🌐
Digital Literacy

Can you finish code your first website in about 30 min?

Code Your First Website

You will building a basic website teaches HTML essentials and boosts creative expression.

Duration30 min
Age GroupAges 14–15
DifficultyBeginner
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

Building a basic website teaches HTML essentials and boosts creative expression. This activity transforms abstract coding concepts into a tangible project, making digital literacy accessible and engaging.

Materials

What you need

    Steps

    How the activity runs

      Why It Works

      The learning connection

      Creating a website through direct coding utilizes embodied cognition, allowing students to visualize structure while typing. This physical involvement aids memory retention and builds confidence as they see immediate results from their code.

      Extend the Lesson

      Try it with your learner

      1. Open a text editor (like Notepad or a code editor). 2. Type the basic HTML structure: <html>, <head>, <title>, <body>. 3. Add a heading with <h1> and a few paragraphs with <p> about your hobby. 4. Save the file as 'myfirstwebsite.html'. 5. Open the file in a web browser to see your webpage. 6. What changes can you make to improve it?

      Digital Literacy30 minAges 14–15Grade 9Sign in to save this activity
      Keep Learning

      Related activities