What this lesson teaches
Creating a website allows students to learn basic HTML and CSS, building their digital skills. This activity emphasizes how web design can be a powerful tool for self-expression and communication in the digital age.
Digital Literacy
Can you finish design your own website in about 30 min?
Design Your Own Website
You will creating a website allows students to learn basic HTML and CSS, building their digital skills.
Duration30 min
Age GroupAges 12–13
DifficultyIntermediate
SubjectDigital Literacy
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.
What you need
How the activity runs
The learning connection
Learning through creation taps into embodied cognition, as students visualize their ideas while coding. The process of designing a webpage facilitates immediate feedback on their design choices, enhancing learning through trial and error.
Try it with your learner
1. Open a text editor or an online HTML editor (like Replit). 2. Start with a simple HTML structure: `<html>`, `<head>`, and `<body>` tags. 3. Add a title and a heading with your name. 4. Insert at least three paragraphs about your interests or hobbies. 5. Style the webpage using basic CSS (like changing the background color and font). 6. Preview your site in a web browser — what do you want to change?