Webmaker/Teach: Difference between revisions
< Webmaker
Jump to navigation
Jump to search
(Redesigned top section) |
(Redesigned Body Section) |
||
| Line 23: | Line 23: | ||
<div style="margin-left:5px;margin-right:10px;"> | <div style="margin-left:5px;margin-right:10px;"> | ||
<!--Bullet Point: Webmaking--> | |||
<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: 32px; 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> | |||
<br>Resources that leverage webmaking / code as a teaching goal. <br> | |||
</div> | |||
<!--End Bullet Point: Webmaking--> | |||
<!--Bullet Point: Webliteracy --> | |||
<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: 32px; letter-spacing: -1px; line-height: 100%; color: #53535B; text-align:center;">[[Webmaker/Teach/LiteracyResources |Web Literacy]]</div> | |||
<div style="box-shadow:rgba(0, 0, 0, 0.25) 0px 2px 4px 0px; position:center;">[[Image:WebLiteracy.png|328px]]</div> | |||
<br>Resources that either leverage webmaking skills in a project-based context to teach other learning objectives, or resources that teach various aspects of digital literacy (good search, copy & paste, etc.)<br> | |||
</div> | </div> | ||
<!--End Bullet Point: Webliteracy--> | |||
<!--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:450px; 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: 32px; letter-spacing: -1px; line-height: 100%; color: #53535B; text-align:center;">[[Webmaker/Teach/BestPractices |Youth Development]]</div> | |||
<div style="box-shadow:rgba(0, 0, 0, 0.25) 0px 2px 4px 0px; position:center;">[[Image:MozPartyYouth.jpg|328px]]</div> | |||
<br>Resources that catalogue best practices and techniques for working with youth or other specific target groups. Participant management, digital citizenship, best practices, etc. <br> | |||
</div> | |||
<!--End Bullet Point: Youth and Participant Development--> | |||
<!--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:450px; 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: 32px; letter-spacing: -1px; line-height: 100%; color: #53535B; text-align:center;">[[Webmaker/Teach/MakeCreativity |Creativity/Production]]</div> | |||
<div style="box-shadow:rgba(0, 0, 0, 0.25) 0px 2px 4px 0px; position:center;">[[Image:MozFestCreativity.jpg|328px]]</div> | |||
<br>Resources and materials that guide in teaching participants how to build, develop skills, and create or produce things. Basic ideation and design skills, video making, and a catch-all for resources that fall under a broader "making" moniker, including media-making, physical computing, games, electronics and more.<br> | |||
</div> | |||
<!--End Bullet Point: Creativity/Production--> | |||
</div> | |||
<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 involved with Mozilla Webmaker Mentors=== | ===Get involved with Mozilla Webmaker Mentors=== | ||
Revision as of 07:42, 27 March 2013
This is a wiki with resources to help educators teach and make the web together with their students and youth in formal and informal learning environments.
Please feel free to add/edit the existing resources! If you have customized or hacked any of our resources for your students’ learning needs, please share them with the Mozilla webmaking community!
Additional Resources to Help You Teach & Make the Web
Learn how to share and add your resources to the Mozilla TeachWiki, it's very easy!
Resources
Get involved with Mozilla Webmaker Mentors
- Join the Mozilla Webmaker community.
- Follow WebMaker Mentors on Twitter.
- Join Mozilla Webmakers on G+.
- Contribute to the TeachWiki.
- Tweet your resources using #teachtheweb.