Teaching Activities
Activities and lesson plans to get you started
Start teaching others how to read, write and participate on the web with these free activities created by teachers, educators and technologists like you. Each featured activity includes step-by-step instructions and has been tested in schools, afterschool programs, libraries and community centers around the globe. Whether learning how to code, understanding why privacy matters, or creating openly-licensed web content, we believe teaching the web should be fun and engaging!
Core Web Literacy Curriculum
Internet Health Basics
LevelBeginner
Developed by
What is Internet health? What makes the internet healthy or unhealthy? Help your learners make sense of ways to support an open, accessible, and healthy Internet for all with these introductory lessons about key issues facing us online.
Offline Icebreakers
LevelBeginner
Developed by
Solve puzzles and play games to get to know your fellow learners and the web.
Web Literacy Basics
LevelBeginner
Developed by
Our seasoned educator community
This six-part series helps learners become familiar with reading, writing and participating on the web. They'll discover the foundations of the web through production and collaboration. This is an ideal kit for Mozilla Clubs.
Web Literacy Basics II
LevelBeginner
Developed by
Mozilla Learning
Explore making, media production, reverse-image search, and design on the web.
Make Your First Webpage
LevelBeginner
Developed by
Mozilla Learning
Learn to use and style common HTML tags to make your first webpage from scratch.
Privacy Basics: Protect Your Data
LevelBeginner
Developed by
Hive Toronto in partnership with the Office of the Privacy Commissioner of Canada, and Mozilla Privacy
These activities will help your learners understand how to take control of their privacy in a networked world. Learn web literacy skills like evaluate, navigate, open practice, and protect to safeguard your data and identity online.
Intermediate Web Literacy I: Intro to CSS
LevelIntermediate
Developed by
Mozilla Learning
Learn to style HTML elements on a webpage using CSS selectors, attributes, and values.
Intermediate Web Literacy II: Storytelling with Scripts
LevelIntermediate
Developed by
Mozilla Learning
Learn to use buttons, forms, and inputs alongside JavaScript functions to tell stories on the web.
Additional Teaching Activities
Read, Write, and Participate with Webmaker
LevelBeginner mobile users
Developed by
Learn how to set up your mobile device to write, publish, and share stories with the Webmaker App from Mozilla Learning.
Privacy Basics: Online Tracking
LevelBeginner
Developed by
Stacy Martin - Senior Data Privacy Manager at Mozilla and Mozilla Learning
Learners will complete a set of hands-on activities to better understand types of online tracking through the use of cookies and other technologies.
Privacy Basics: Passwords, Tracking, and Data Retention
LevelIntermediate
Developed by
Stacy Martin - Senior Data Privacy Manager at Mozilla and Mozilla Learning
Learn how to safeguard your privacy online and develop an awareness of how companies and governments track and collect your data online.
Back to School Write the Web Activities
Level13+
Developed by
Mozilla Learning
Learn how to remix and write basic HTML, CSS, and JavaScript with these Back-to-School Thimble activities and lesson plans.
Animation on the Open Web with Fabble, Para Para, and 3D Projection Mapping
LevelBeginner
Developed by
Learn to use Mozilla Factory’s Parapara and Fabble, open web tools for animation and sharing work online. Create 2D animations, 3D projection-mapped animations, and ‘recipes’ that others can fork for remix on Fabble.
Code/Explore/Connect with Mouse
LevelBeginner
Developed by
Mouse's online and offline activities like Kraken the Code, Tag Tag Revolution and CSS Story Cards explore topics ranging from HTML/CSS to search engine optimization and online identities.
Erase All Kittens
LevelBeginner
Developed by
Drum Roll - Joe Dytrych, Dee Salgal, Leonie Van Der Linde
This activity features Erase All Kittens (E.A.K.), a fun game where learners code and create on the web by changing the source code on each level.
Image Seeking for Fantastic Visual Metaphors
LevelBeginner
Developed by
In this activity, learners search for photos that communicate ideas and concepts, while also exploring best practices around attribution and openly-licensed content on the web.
Quacking JavaScript
LevelJavaScript beginners
Developed by
Learners get familiar with writing Javascript in this fun, five-part module. Together we discover the foundations of the text coding by being creative and making our own web pages.
Minecraft: Redesign A Public Space
LevelBeginner
Developed by
Teach students how they might use design thinking to foster civic engagement, self-efficacy and agency using the wildly popular video game, Minecraft. You’ll need to create Discover Design and Minecraft Education Edition accounts for your learners.
Minecraft a Flavor of Java
LevelIntermediate
Developed by
In this series of activities, learners develop computational thinking skills by using Java to create their own Minecraft mod.
Girls in Tech: Hacking My Media
LevelIntermediate
Developed by
In this activity, learners create a remix of a Wikimedia page as they think critically about the intersection of gender, culture, technology and identity.
Mozilla Web Literacy Leaders 1-Day Training Module
LevelBeginner
Developed by
Mozilla
An interactive, learner-centered 1-day training module designed to learn and teach others how to read, write, and participate on the Web.
Web Literacy Skills for Library Staff
LevelBeginner
Developed by
Mozilla
Learn how to teach colleagues and patrons the basics of HTML, CSS, and JavaScript with these activities curated from Mozilla’s web literacy curriculum.
Made with Code
LevelBeginner
Developed by
Mozilla for Google's Made with Code initiative
Mozilla is happy to partner with Google's Made with Code initiative to inspire girls to get creative with code. There are three fun activities to help you create your own webpages by writing and remixing HTML.
Using the Web to Write Letters to the Next President
LevelBeginner
Developed by
Use Thimble to tell the next President of the United States what issues matter to you most. Create and then submit your own online letters, memes, quotes, and campaign posters as part of the National Writing Project’s Letters to the Next President 2.0 campaign.
More resources
Hive Learning Networks are city-based communities of educators who champion digital skills and web literacy through connected learning. Visit each city's portfolio to find more inspiration, resources and projects for teaching and learning.
