Confirmed users
9,624
edits
No edit summary |
No edit summary |
||
Line 8: | Line 8: | ||
<h2>[https://docs.google.com/spreadsheet/viewform?formkey=dERCYVFSQVhyWkxDUC1haFJpRjRrc0E6MA#gid=0 Tell us what you think]</h2> | <h2>[https://docs.google.com/spreadsheet/viewform?formkey=dERCYVFSQVhyWkxDUC1haFJpRjRrc0E6MA#gid=0 Tell us what you think]</h2> | ||
</div> | </div> | ||
<br> | <br> | ||
<h3> What are these "Webmaker Projects," anyway? </h3> | <h3> What are these "Webmaker Projects," anyway? </h3> | ||
Line 14: | Line 13: | ||
Using Mozilla Webmaker tools like Popcorn, Hackasaurus, and Webpage Maker, you can: | Using Mozilla Webmaker tools like Popcorn, Hackasaurus, and Webpage Maker, you can: | ||
* remix | * remix web sites to make them your own, | ||
* make your own pages, | * make your own pages, interactive videos and other great stuff in a matter of minutes, | ||
* learn the basics of webmaking skills like HTML and CSS | * learn the basics of webmaking skills like HTML and CSS. | ||
<b>We're preparing a set of these projects for the Mozilla Summer Code Party.</b> The goal: teach the world the basics of coding and webmaking. Through bite-sized experiences that are easy, social and fun. | <b>We're preparing a set of these projects for the Mozilla Summer Code Party.</b> The goal: teach the world the basics of coding and webmaking. Through bite-sized experiences that are easy, social and fun. Partners and contributes will be able to share their own projects as well. | ||
< | <h3> Tell us what you think</h3> | ||
<b>We're looking for | <b>We're looking for beta testers like you for the prototype projects below</b>. Are they: | ||
* <b> | * <b>Easy to use?</b> Where do things feel confusing or broken? Is it easy to dive in and get started? | ||
* <b> | * <b>Helpful for learning?</b> Do they serve the goal of teaching HTML, CSS and other webmaking basics? | ||
* <b>Fun?</b> That's crucial! Where are they most fun? Where do they lag? | |||
< | <h1> Webmaker Beta Projects </h1> | ||
<p><b>Make your own meme</b></p> | <p><b>Make your own meme</b></p> | ||
[[Image:internetfamous.jpg |270px|left]] | [[Image:internetfamous.jpg |270px|left]] | ||
Line 33: | Line 32: | ||
'''Tools used:'''WebPagemaker '''Skills:''' HTML & CSS, design thinking ''' Difficulty:'''Intermediate | '''Tools used:'''WebPagemaker '''Skills:''' HTML & CSS, design thinking ''' Difficulty:'''Intermediate | ||
<h3>[http://htmlpad.org/internetfamous/edit GO!]</h3> | <h3>[http://htmlpad.org/internetfamous/edit GO!]</h3> | ||
<p><b>Play hackable games in the web arcade</b></p> | <p><b>Play hackable games in the web arcade</b></p> | ||
[[Image:arcademap.jpg |270px|left]] | [[Image:arcademap.jpg |270px|left]] | ||
<p>HTML is a funny-looking language. It's written in brackets like <this> and </this> and sometimes uses quotes "like this." In this project, you journey through the world of HTML by exploring the syntax behind it. Use the comments written */ between these */ signs to navigate your way. Your goal: | <p>HTML is a funny-looking language. It's written in brackets like <this> and </this> and sometimes uses quotes "like this." In this project, you journey through the world of HTML by exploring the syntax behind it. Use the comments written */ between these */ signs to navigate your way. Your goal: fix a broken map of the web arcade to unlock new missions and explore brave new webby worlds. | ||
</p> | </p> | ||
'''Tool:'''Webpage Maker '''Skills:''' HTML''' Difficulty:'''Easy''' | '''Tool:'''Webpage Maker '''Skills:''' HTML''' Difficulty:'''Easy''' | ||
<h3>[http://htmlpad.org/mapofthearcade/edit GO!]</h3> | <h3>[http://htmlpad.org/mapofthearcade/edit GO!]</h3> | ||
<p><b> | <p><b>Make your own "webstructable" how-to</b></p> | ||
[[Image:webstructables.jpg|270px|left]] | [[Image:webstructables.jpg|270px|left]] | ||
<p> | <p>This project lets you create your own web page tutorial. Use your new-found HTML, CSS and Popcorn wisdom to create the world's greatest how-to. What do you want to make today? | ||
</p> | </p> | ||
'''Tool:''' | '''Tool:'''Webpage Maker '''Skills:''' HTML & CSS, Popcorn, teaching others''' Difficulty:''' Advanced | ||
<h3>[http://htmlpad.org/webstructables/edit | <h3>[http://htmlpad.org/webstructables/edit GO!]</h3> | ||
<p><b>Stuck in the 90s</b></p> | <p><b>Stuck in the 90s</b></p> |