Confirmed users
151
edits
Webmaker/Teach: Difference between revisions
m
→Get more involved
| (12 intermediate revisions by 4 users not shown) | |||
| Line 9: | Line 9: | ||
This wiki includes: | This wiki includes: | ||
* <b> | * <b>Additional resources</b>: To help educators teach digital literacy and webmaking. | ||
* <b> | * <b>Easy ways to contribute</b>: [https://wiki.mozilla.org/Webmaker/Teach/Help:AddtoMozTeachWiki Share and contribute] your own resources. | ||
The emphasis is on making and learning the web together, with learners in both formal and informal learning environments. </div> | The emphasis is on making and learning the web together, with learners in both formal and informal learning environments. </div> | ||
<div style="clear:both; margin-top:20px;"> | <div style="clear:both; margin-top:20px;"> | ||
== How to | == How to Contribute == | ||
Here are three easy ways to share your own resources for teaching digital literacy and webmaking: | |||
<div style="margin-left:5px;margin-right:10px;"> | <div style="margin-left:5px;margin-right:10px;"> | ||
# [https://wiki.mozilla.org/Webmaker/Teach/Help:AddtoMozTeachWiki Add them to this wiki], | |||
# Post them to our [http://mzl.la/gpluswebmaker Webmaker G+ community], or | |||
# Tweet us @MozTeach with #teachtheweb. | |||
===Resources | [http://slidespeech.com/s/k4JHQFSqen/?autoplay=true http://hivenyc.org/teachtheweb/wp-content/uploads/2013/04/engagementdiagram.png] | ||
[http://slidespeech.com/s/k4JHQFSqen/?autoplay=true Introduction to Engagement] (12 talking slides) | |||
We invite you to hack and remix any of the existing resources, curriculum and presentations in this wiki, then share them! | |||
==Resources== | |||
<div style="margin-left:5px;margin-right:10px;"> | <div style="margin-left:5px;margin-right:10px;"> | ||
| Line 24: | Line 33: | ||
<div style="background-color: #FFFFFF; box-shadow: 0px 2px 4px rgba(0, 0, 0,0.25); border-top: 20px; border-radius: 5px; color: grey; float:left; font-family:'Open Sans Light','Open Sans',sans-serif; font-size: 14px; height:420px; line-height: 20px; margin:20px; overflow:hidden; padding-top: 10px; padding-left: 20px; padding-right: 20px; padding-bottom: 10px; position:relative; text-align:justify; width:328px;"> | <div style="background-color: #FFFFFF; box-shadow: 0px 2px 4px rgba(0, 0, 0,0.25); border-top: 20px; border-radius: 5px; color: grey; float:left; font-family:'Open Sans Light','Open Sans',sans-serif; font-size: 14px; height:420px; line-height: 20px; margin:20px; overflow:hidden; padding-top: 10px; padding-left: 20px; padding-right: 20px; padding-bottom: 10px; position:relative; text-align:justify; width:328px;"> | ||
<div style="font-size: | <div style="font-size: 28px; letter-spacing: -1px; line-height: 100%; color: #53535B; text-align:center;">[[Webmaker/Teach/WebmakingResources | Webmaking]]</div> | ||
<div style="box-shadow:rgba(0, 0, 0, 0.25) 0px 2px 4px 0px; position:center;">[[Image:Webmaking.png|328px]]</div> | <div style="box-shadow:rgba(0, 0, 0, 0.25) 0px 2px 4px 0px; position:center;">[[Image:Webmaking.png|328px|link=Webmaker/Teach/WebmakingResources]]</div> | ||
<br>Learning by making and building. These resources leverage remix, webmaking or coding as a teaching goal. <br> | <br>Learning by making and building. These resources leverage remix, webmaking or coding as a teaching goal. <br> | ||
| Line 35: | Line 44: | ||
<div style="background-color: #FFFFFF; box-shadow: 0px 2px 4px rgba(0, 0, 0,0.25); border-top: 20px; border-radius: 5px; color: grey; float:left; font-family:'Open Sans Light','Open Sans',sans-serif; font-size: 14px; height:420px; line-height: 20px; margin:20px; overflow:hidden; padding-top: 10px; padding-left: 20px; padding-right: 20px; padding-bottom: 10px; position:relative; text-align:justify; width:328px;"> | <div style="background-color: #FFFFFF; box-shadow: 0px 2px 4px rgba(0, 0, 0,0.25); border-top: 20px; border-radius: 5px; color: grey; float:left; font-family:'Open Sans Light','Open Sans',sans-serif; font-size: 14px; height:420px; line-height: 20px; margin:20px; overflow:hidden; padding-top: 10px; padding-left: 20px; padding-right: 20px; padding-bottom: 10px; position:relative; text-align:justify; width:328px;"> | ||
<div style="font-size: | <div style="font-size: 28px; letter-spacing: -1px; line-height: 100%; color: #53535B; text-align:center;">[[Webmaker/Teach/LiteracyResources |Digital Literacy]]</div> | ||
<div style="box-shadow:rgba(0, 0, 0, 0.25) 0px 2px 4px 0px; position:center;">[[Image:WebLiteracy.png|328px]]</div> | <div style="box-shadow:rgba(0, 0, 0, 0.25) 0px 2px 4px 0px; position:center;">[[Image:WebLiteracy.png|328px|link=Webmaker/Teach/LiteracyResources]]</div> | ||
<br>Teaching the components of digital literacy -- from browser basics, to copy and paste, to web mechanics and beyond. Or teaching digital skills in a project-based context that | <br>Teaching the components of digital literacy -- from browser basics, to copy and paste, to web mechanics and beyond. Or teaching digital skills in a project-based context that serves other learning objectives.<br> | ||
</div> | </div> | ||
<!--End Bullet Point: Webliteracy--> | <!--End Bullet Point: Webliteracy--> | ||
<!--Bullet Point: Youth and Participant Development--> | <!--Bullet Point: Youth and Participant Development--> | ||
<div style="background-color: #FFFFFF; box-shadow: 0px 2px 4px rgba(0, 0, 0,0.25); border-top: 20px; border-radius: 5px; color: grey; float:left; font-family:'Open Sans Light','Open Sans',sans-serif; font-size: 14px; height: | <div style="background-color: #FFFFFF; box-shadow: 0px 2px 4px rgba(0, 0, 0,0.25); border-top: 20px; border-radius: 5px; color: grey; float:left; font-family:'Open Sans Light','Open Sans',sans-serif; font-size: 14px; height:475px; line-height: 20px; margin:20px; overflow:hidden; padding-top: 10px; padding-left: 20px; padding-right: 20px; padding-bottom: 10px; position:relative; text-align:justify; width:328px;"> | ||
<div style="font-size: | <div style="font-size: 28px; letter-spacing: -1px; line-height: 100%; color: #53535B; text-align:center;">[[Webmaker/Teach/BestPractices |Youth and Participant Development]]</div> | ||
<div style="box-shadow:rgba(0, 0, 0, 0.25) 0px 2px 4px 0px; position:center;">[[Image:MozPartyYouth.jpg|328px]]</div> | <div style="box-shadow:rgba(0, 0, 0, 0.25) 0px 2px 4px 0px; position:center;">[[Image:MozPartyYouth.jpg|328px|link=Webmaker/Teach/BestPractices]]</div> | ||
<br>Best practices and techniques for working with youth and other learning audiences and participants.<br> | <br>Best practices and techniques for working with youth and other learning audiences and participants.<br> | ||
| Line 55: | Line 64: | ||
<!--Bullet Point: Creativity/Production --> | <!--Bullet Point: Creativity/Production --> | ||
<div style="background-color: #FFFFFF; box-shadow: 0px 2px 4px rgba(0, 0, 0,0.25); border-top: 20px; border-radius: 5px; color: grey; float:left; font-family:'Open Sans Light','Open Sans',sans-serif; font-size: 14px; height: | <div style="background-color: #FFFFFF; box-shadow: 0px 2px 4px rgba(0, 0, 0,0.25); border-top: 20px; border-radius: 5px; color: grey; float:left; font-family:'Open Sans Light','Open Sans',sans-serif; font-size: 14px; height:475px; line-height: 20px; margin:20px; overflow:hidden; padding-top: 10px; padding-left: 20px; padding-right: 20px; padding-bottom: 10px; position:relative; text-align:justify; width:328px;"> | ||
<div style="font-size: | <div style="font-size: 28px; letter-spacing: -1px; line-height: 100%; color: #53535B; text-align:center;">[[Webmaker/Teach/MakeCreativity |Creativity and Production]]</div> | ||
<div style="box-shadow:rgba(0, 0, 0, 0.25) 0px 2px 4px 0px; position:center;">[[Image:MozFestCreativity.jpg|328px]]</div> | <div style="box-shadow:rgba(0, 0, 0, 0.25) 0px 2px 4px 0px; position:center;">[[Image:MozFestCreativity.jpg|328px|link=Webmaker/Teach/MakeCreativity]]</div> | ||
<br>Teaching participants how to build, create and produce things. Basic ideation and design skills, video- making, and resources that fall under a broader "maker" umbrella -- media-making, physical computing, games, electronics and more.<br> | <br>Teaching participants how to build, create and produce things. Basic ideation and design skills, video- making, and resources that fall under a broader "maker" umbrella -- media-making, physical computing, games, electronics and more.<br> | ||
| Line 69: | Line 78: | ||
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br> | <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br> | ||
<br/> | |||
===Get more involved === | ===Get more involved === | ||
<div style="margin-left:5px;margin-right:10px;"> | <div style="margin-left:5px;margin-right:10px;"> | ||
*Join the [https://webmaker.org/en-US/teach/ | *Join the [https://webmaker.org/en-US/teach/ Webmaker Mentor] community at webmaker.org/teach | ||
*Follow [https://twitter.com/MozTeach Webmaker Mentors] on Twitter through @mozteach | *Follow [https://twitter.com/MozTeach Webmaker Mentors] on Twitter through @mozteach | ||
*Join [http://mzl.la/gpluswebmaker Mozilla Webmakers] on G+ | *Join [http://mzl.la/gpluswebmaker Mozilla Webmakers] on G+ | ||