Can you finish code your own mini-website in about 30 min?
You will building a mini-website introduces children to HTML and CSS, the foundational languages for 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.
Building a mini-website introduces children to HTML and CSS, the foundational languages for web development. This activity helps them understand how digital content is structured and styled, fostering essential coding skills for the digital age.
By creating a tangible product like a website, children engage in embodied cognition, linking their actions (writing code) to outcomes (visual webpage). This hands-on approach makes abstract concepts like coding comprehensible and memorable, leveraging the principles of constructivist learning.
1. Open a text editor app on your computer (like Notepad or TextEdit). 2. Type the basic structure of an HTML document: <html>, <head>, <title>, <body>. 3. Add a heading and a paragraph about your favorite hobby in the body section. 4. Save the file as 'my_website.html'. 5. Open the file in a web browser to see your creation. 6. Experiment by adding images or changing the text color using basic CSS.