<commit_before><!DOCTYPE html>
<!--
===========================================================
WELCOME TO THE WEBMAKER ACTIVITY TEMPLATE!
Use this template to create your own session or educational
resource  for learners. Edit the HTML below to add your own
content, links and images. We're using the 'Kraken the Code'
activity as an example.

Code comments like these will help with hints and guides.
Need help? Start here: http://mzl.la/teachingkit-tips
===========================================================
-->

<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="initial-scale=1">
    <link rel="stylesheet" href="https://s3-us-west-2.amazonaws.com/makerstrap/makerstrap.complete.min.css">
    <link rel="stylesheet" href="http://mozilla.github.io/webmaker-curriculum//stylesheets/styles.css" media="screen">
    <link rel="stylesheet" href="http://mozilla.github.io/webmaker-curriculum//stylesheets/print.css" media="print"><!-- ADD YOUR TITLE HERE -->

    <title>Web Literacy Basics II | Section 1. Reading the Web: The Web Is for Making</title>
</head><!-- IGNORE THIS FIRST BIT - JUST MAKES SURE IT WORKS WELL ON MOBILE DEVICES! -->

<body>
    <nav class="navbar navbar-webmaker">
        <div class="container">
            <div>
                <button type="button" class="navbar-toggle" ng-click="collapseToggle()"><span class="sr-only">Toggle navigation</span></button> <!-- logo -->
                 <a href="#" class="logo webmaker-logo"><img src="https://webmaker.org/img/logo.png"></a>

                <ul class="nav navbar-nav navbar-right navbar-collapse text-center-xs collapse">
                    <li>
                        <a href="https://twitter.com/hashtag/teachtheweb">#TeachTheWeb</a>
                    </li>

                    <li>
                        <a href="http://discourse.webmaker.org/category/curriculum">Discussion</a>
                    </li>

                    <li>
						
						<!--NEED GITHUB ADDRESS BELOW.-->
						
                        <a href="https://github.com/chadsansing/curriculum-testing/web-lit-basics-two/">View on Github</a>
                    </li>
                </ul>
            </div>
        </div>
    </nav><!-- THE SIDEBAR STARTS HERE - GET READY TO EDIT! -->

    <div class="wrapper">
        <aside class="aside">
            <div class="image">
                <!-- ADD YOUR MAIN IMAGE HERE -->
                <img src="https://c1.staticflickr.com/1/88/234010602_0b42343b8d.jpg" alt="A picture of a cardboard maze."> <a href="https://www.flickr.com/photos/rahims/234010602" class="attribution"><i class="fa fa-camera"></i> rahims</a>
            </div>

            <div class="goals">
                <div class="literacy">
                    <!-- LIST THE WEB LITERCY MAP COMPETENCIES YOUR ACTIVITY ALIGNS WITH HERE - SEE http://webmaker.org/resources -->

                    <h4>Web Literacy Competencies</h4><a href="https://webmaker.org/en-US/resources/literacy/weblit-navigation"><button class="btn literacy-color-navigation">Navigating</button></a>&nbsp;<a href="https://webmaker.org/en-US/resources/literacy/weblit-Remix"><button class="btn literacy-color-remixing">Remixing</button></a>&nbsp;<a href="https://webmaker.org/en-US/resources/literacy/weblit-Community-Participation"><button class="btn literacy-color-community-participation">Community Participation</button></a>
                </div>

                <h4>Audience</h4>
                <ul>
	                <li>13+</li> 
	                <li>Beginner Web users</li>
                </ul>
	                
					<!-- LIST THE MATERIALS REQUIRED FOR THE SESSION HERE -->

                <h4>Materials</h4>

                <ul>
					
					<li>Internet-connected computers</li>
					
					<li>Cardboard boxes</li>
					
					<li>Cardboard scraps</li>
					
                    <li>Foam or paper plates</li>
					
					<li>Light foam sheets</li>
					
					<li>Glue, hot glue</li>
					
					<li>Golfballs, marbles, etc.</li>
					
					<li>Pens and pencils</li>
					
					<li>Scrap paper</li>
					
					<li>Poster paper</li>
					
					<li>Paperclips</li>
					
					<li>Pipecleaners</li>

                    <li>Clear, light plastic packaging</li>
					
					<li>Rulers</li>
					
					<li>Scissors</li>
					
					<li>Straws</li>
					
					<li>Tape</li>

                </ul>
				
				<!-- LIST 3-5 LEARNING OBJECTIVES HERE - SEE https://github.com/mozilla/webmaker-curriculum/wiki/How-to-write-Learning-Objectives -->

                <h4>Learning Objectives</h4>

                <ul>
                    <li>Navigate Web-native instructions for building something in real life.</li>
					
					<li>Remix and customize a maker project from the Web.</li>

                    <li>Identify several online maker communities of practice.</li>

                </ul>

                <!--<h4>Activity in Action!</h4>-->
				
				<!--Post and caption a photo from QA or field use here.-->

                <p><a href=""><img src="" alt=""></a><br>
                <a href=""><small></small></a></p>
                 <h4>See community remixes</h4>
                <p>Check out the ways educators and activists have modified this activity for their specific audiences in our <a href="http://discourse.webmaker.org/t/testing-2-writing-the-web/1195/3">Discussion Forum</a>.</p>
                
            </div>
        </aside><!-- END OF SIDEBAR CONTENT -->
        <!-- THE MAIN CONTENT STARTS HERE -->

        <article class="main">
            <div>
                <hgroup class="text-light">
                    <!-- CHANGE THE TITLES (AND LINKS) -->

                    <h2><a href="">Web Literacy Basics II | Section 1. Reading the Web</a></h2><br>

                    <h3>The Web Is for Making</h3><!-- ADD YOUR NAME AND A LINK TO YOUR PROFILE -->

                    <p id="made-by">Made by <a href="http://teach.mozilla.org">Mozilla Learning Networks</a>. 
						
						<!-- EXPLAIN THE BROAD AIM OF YOUR SESSION AND WHAT PARTICIPANTS WILL LEARN --></p>

                    <p class="lead">Learners will use Web-native instructions to make a meme or build a maker project in real life, learning <strong>navigation, remix, and community participation</strong>.</p>
                    
                    <p class="leadTime"><i class="fa fa-clock-o"></i> 2 to 2 1/2 hours</p>
                </hgroup>
            </div>

            <div class="agenda">
                <ul>
                    <li>
                        <div>
                            <!-- EXPLAIN WHAT OTHERS WANTING TO RUN THIS ACTIVITY WILL NEED -->

                            <h3>Preparation</h3>
							
							<!--Questionnaire copy.-->
							
							<!--<b>Complete the <a href="http://goo.gl/forms/3kxNnXjdEX">pre-activity questionnaire.</a></b>-->

                            <p><b>Do <a href=" https://d157rqmxrxj6ey.cloudfront.net/chadsansing/17964/">the activity</a> on your own</b> to become familiar with it. Click through the links in the activity and try to make one or two of the suggested projects using the instructions you find online.</p>
							
							<p>You may also wish to set up an account on <a href="https://teach.mozilla.org">teach.mozilla.org</a> that you can share with your learners. This will save time later when they are ready to use <a href="https://thimble.mozilla.org">Thimble's</a> new "selfie" feature to take pictures of their projects.</p>
                            
                            <p><a href="https://wiki.mozilla.org/Webmaker/Teach/Terminology#Remix_.2F_Fork">Review this definition of the word "Remix"</a>, so that you can help your learners (and colleagues!) understand that they can remix their projects to customize or improve them.</p>			
							<p>Post the URL, or Web address, of today's make somewhere highly visible in your room. You may want to post it as a shortened link using a service like <a href="https://bit.ly">bit.ly</a>.</p>
							
                        </div>
                    </li>

                    <li>
                        <div>
                            <div class="time">
                                <p>20<br>
                                min</p>
                            </div><!-- ADD DETAILS OF THE INTRODUCTION TO YOUR SESSION -->

                            <h3>Introduction</h3>

                            <p>Welcome your students and explain that today we're going to use the Web to build something awesome. Explain that today we will
							
							<ul><commit_msg>Added "tool for learning" language to making.html<commit_after><!DOCTYPE html>
<!--
===========================================================
WELCOME TO THE WEBMAKER ACTIVITY TEMPLATE!
Use this template to create your own session or educational
resource  for learners. Edit the HTML below to add your own
content, links and images. We're using the 'Kraken the Code'
activity as an example.

Code comments like these will help with hints and guides.
Need help? Start here: http://mzl.la/teachingkit-tips
===========================================================
-->

<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="initial-scale=1">
    <link rel="stylesheet" href="https://s3-us-west-2.amazonaws.com/makerstrap/makerstrap.complete.min.css">
    <link rel="stylesheet" href="http://mozilla.github.io/webmaker-curriculum//stylesheets/styles.css" media="screen">
    <link rel="stylesheet" href="http://mozilla.github.io/webmaker-curriculum//stylesheets/print.css" media="print"><!-- ADD YOUR TITLE HERE -->

    <title>Web Literacy Basics II | Section 1. Reading the Web: The Web Is a Tool for Making</title>
</head><!-- IGNORE THIS FIRST BIT - JUST MAKES SURE IT WORKS WELL ON MOBILE DEVICES! -->

<body>
    <nav class="navbar navbar-webmaker">
        <div class="container">
            <div>
                <button type="button" class="navbar-toggle" ng-click="collapseToggle()"><span class="sr-only">Toggle navigation</span></button> <!-- logo -->
                 <a href="#" class="logo webmaker-logo"><img src="https://webmaker.org/img/logo.png"></a>

                <ul class="nav navbar-nav navbar-right navbar-collapse text-center-xs collapse">
                    <li>
                        <a href="https://twitter.com/hashtag/teachtheweb">#TeachTheWeb</a>
                    </li>

                    <li>
                        <a href="http://discourse.webmaker.org/category/curriculum">Discussion</a>
                    </li>

                    <li>
						
						<!--NEED GITHUB ADDRESS BELOW.-->
						
                        <a href="https://github.com/chadsansing/curriculum-testing/web-lit-basics-two/">View on Github</a>
                    </li>
                </ul>
            </div>
        </div>
    </nav><!-- THE SIDEBAR STARTS HERE - GET READY TO EDIT! -->

    <div class="wrapper">
        <aside class="aside">
            <div class="image">
                <!-- ADD YOUR MAIN IMAGE HERE -->
                <img src="https://c1.staticflickr.com/1/88/234010602_0b42343b8d.jpg" alt="A picture of a cardboard maze."> <a href="https://www.flickr.com/photos/rahims/234010602" class="attribution"><i class="fa fa-camera"></i> rahims</a>
            </div>

            <div class="goals">
                <div class="literacy">
                    <!-- LIST THE WEB LITERCY MAP COMPETENCIES YOUR ACTIVITY ALIGNS WITH HERE - SEE http://webmaker.org/resources -->

                    <h4>Web Literacy Competencies</h4><a href="https://webmaker.org/en-US/resources/literacy/weblit-navigation"><button class="btn literacy-color-navigation">Navigating</button></a>&nbsp;<a href="https://webmaker.org/en-US/resources/literacy/weblit-Remix"><button class="btn literacy-color-remixing">Remixing</button></a>&nbsp;<a href="https://webmaker.org/en-US/resources/literacy/weblit-Community-Participation"><button class="btn literacy-color-community-participation">Community Participation</button></a>
                </div>

                <h4>Audience</h4>
                <ul>
	                <li>13+</li> 
	                <li>Beginner Web users</li>
                </ul>
	                
					<!-- LIST THE MATERIALS REQUIRED FOR THE SESSION HERE -->

                <h4>Materials</h4>

                <ul>
					
					<li>Internet-connected computers</li>
					
					<li>Cardboard boxes</li>
					
					<li>Cardboard scraps</li>
					
                    <li>Foam or paper plates</li>
					
					<li>Light foam sheets</li>
					
					<li>Glue, hot glue</li>
					
					<li>Golfballs, marbles, etc.</li>
					
					<li>Pens and pencils</li>
					
					<li>Scrap paper</li>
					
					<li>Poster paper</li>
					
					<li>Paperclips</li>
					
					<li>Pipecleaners</li>

                    <li>Clear, light plastic packaging</li>
					
					<li>Rulers</li>
					
					<li>Scissors</li>
					
					<li>Straws</li>
					
					<li>Tape</li>

                </ul>
				
				<!-- LIST 3-5 LEARNING OBJECTIVES HERE - SEE https://github.com/mozilla/webmaker-curriculum/wiki/How-to-write-Learning-Objectives -->

                <h4>Learning Objectives</h4>

                <ul>
                    <li>Navigate Web-native instructions for building something in real life.</li>
					
					<li>Remix and customize a maker project from the Web.</li>

                    <li>Identify several online maker communities of practice.</li>

                </ul>

                <!--<h4>Activity in Action!</h4>-->
				
				<!--Post and caption a photo from QA or field use here.-->

                <p><a href=""><img src="" alt=""></a><br>
                <a href=""><small></small></a></p>
                 <h4>See community remixes</h4>
                <p>Check out the ways educators and activists have modified this activity for their specific audiences in our <a href="http://discourse.webmaker.org/t/testing-2-writing-the-web/1195/3">Discussion Forum</a>.</p>
                
            </div>
        </aside><!-- END OF SIDEBAR CONTENT -->
        <!-- THE MAIN CONTENT STARTS HERE -->

        <article class="main">
            <div>
                <hgroup class="text-light">
                    <!-- CHANGE THE TITLES (AND LINKS) -->

                    <h2><a href="">Web Literacy Basics II | Section 1. Reading the Web</a></h2><br>

                    <h3>The Web Is a Tool for Making</h3><!-- ADD YOUR NAME AND A LINK TO YOUR PROFILE -->

                    <p id="made-by">Made by <a href="http://teach.mozilla.org">Mozilla Learning Networks</a>. 
						
						<!-- EXPLAIN THE BROAD AIM OF YOUR SESSION AND WHAT PARTICIPANTS WILL LEARN --></p>

                    <p class="lead">Learners will use Web-native instructions to make a meme or build a maker project in real life, learning <strong>navigation, remix, and community participation</strong>.</p>
                    
                    <p class="leadTime"><i class="fa fa-clock-o"></i> 2 to 2 1/2 hours</p>
                </hgroup>
            </div>

            <div class="agenda">
                <ul>
                    <li>
                        <div>
                            <!-- EXPLAIN WHAT OTHERS WANTING TO RUN THIS ACTIVITY WILL NEED -->

                            <h3>Preparation</h3>
							
							<!--Questionnaire copy.-->
							
							<!--<b>Complete the <a href="http://goo.gl/forms/3kxNnXjdEX">pre-activity questionnaire.</a></b>-->

                            <p><b>Do <a href=" https://d157rqmxrxj6ey.cloudfront.net/chadsansing/17964/">the activity</a> on your own</b> to become familiar with it. Click through the links in the activity and try to make one or two of the suggested projects using the instructions you find online.</p>
							
							<p>You may also wish to set up an account on <a href="https://teach.mozilla.org">teach.mozilla.org</a> that you can share with your learners. This will save time later when they are ready to use <a href="https://thimble.mozilla.org">Thimble's</a> new "selfie" feature to take pictures of their projects.</p>
                            
                            <p><a href="https://wiki.mozilla.org/Webmaker/Teach/Terminology#Remix_.2F_Fork">Review this definition of the word "Remix"</a>, so that you can help your learners (and colleagues!) understand that they can remix their projects to customize or improve them.</p>			
							<p>Post the URL, or Web address, of today's make somewhere highly visible in your room. You may want to post it as a shortened link using a service like <a href="https://bit.ly">bit.ly</a>.</p>
							
                        </div>
                    </li>

                    <li>
                        <div>
                            <div class="time">
                                <p>20<br>
                                min</p>
                            </div><!-- ADD DETAILS OF THE INTRODUCTION TO YOUR SESSION -->

                            <h3>Introduction</h3>

                            <p>Welcome your students and explain that today we're going to use the Web as a tool for learning. We'll use what we learn to build something awesome. Explain that today we will
							
							<ul>
{'fraction_non_alphanumeric': 0.14682355668907954, 'fraction_numerical': 0.00950614421516346, 'mean_word_length': 1.850322154303651, 'pattern_counts': {'":': 0, '<': 461, '<?xml version=': 0, '>': 461, 'https://': 30, 'lorem ipsum': 0, 'www.': 2, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '6812608', 'n_tokens_mistral': 5773, 'n_tokens_neox': 4807, 'n_words': 1331}