What this lesson teaches
Building a simple webpage introduces students to web design principles and coding basics. This activity turns abstract coding concepts into tangible creativity as students learn how to express themselves online.
Can you finish website wonders: create your own page in about 30 min?
You will building a simple webpage introduces students to web design principles and coding basics.
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.
Building a simple webpage introduces students to web design principles and coding basics. This activity turns abstract coding concepts into tangible creativity as students learn how to express themselves online.
Engaging in hands-on web design utilizes embodied cognition, allowing students to visualize how code translates into interactive elements. By creating their own content, learners reinforce their understanding of HTML and CSS while experiencing firsthand the impact of their design choices.
1. Open a text editor (like Notepad or VS Code) on your computer. 2. Write basic HTML tags to create a structure: <html>, <head>, <body>. 3. Add a title in the <head> section (e.g., My Fun Page). 4. In the <body>, include at least one image and a few paragraphs about your hobbies. 5. Save the file with a .html extension and open it in your web browser. 6. Share your webpage with family and ask for their feedback!