Can you finish build your own web page in about 30 min?
You will creating a web page allows students to apply coding concepts, enhancing their understanding of web development.
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.
Creating a web page allows students to apply coding concepts, enhancing their understanding of web development. This hands-on practice builds essential digital skills and allows them to express their interests in a new medium.
Constructing a web page utilizes Bruner's CPA approach, moving from concrete examples (like templates) to representation (coding) and then to abstraction (creating unique content). The process of visualizing hobbies through code helps solidify coding concepts through embodied cognition.
1. Open a text editor like Notepad or a coding platform like CodePen. 2. Start with a basic HTML template: <!DOCTYPE html><html><head><title>Your Name's Page</title></head><body></body></html>. 3. Inside the <body> tag, add a heading with your favorite hobby: <h1>My Favorite Hobby: Gardening</h1>. 4. Insert a paragraph explaining why you love this hobby: <p>I enjoy gardening because it connects me to nature.</p>. 5. Add an image of your favorite plant using <img src='image_url_here' alt='A beautiful plant'>. 6. Save your file and open it in a web browser - what does your page look like?