Confirmed users
151
edits
Webmaker/Teach: Difference between revisions
Jump to navigation
Jump to search
Redesigned Body Section
(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=== | ||