Webmakers/Projects: Difference between revisions

no edit summary
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>
<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 any web site to make it your own,   
* remix web sites to make them your own,   
* make your own pages, web videos and other great stuff in a matter of minutes,  
* 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 along the way.
* 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. We'll also invite contributors and partners to share their own webmaker projects as well, creating a ginormous summer cyclone of making, hacking and ninja-fication.  
<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.


<h2> Tell us what you think</h2>
<h3> Tell us what you think</h3>
<b>We're looking for brave beta testers like you for the prototype projects below</b>. In particular, we're looking for your feedback on questions like:
<b>We're looking for beta testers like you for the prototype projects below</b>. Are they:
* <b>Are the projects easy to use?</b> Where do things feel confusing or broken? Is it easy to dive in and get started fast?
* <b>Easy to use?</b> Where do things feel confusing or broken? Is it easy to dive in and get started?
* <b>Are they fun?</b> That's crucial! Where are they most fun? Where do they lag?
* <b>Helpful for learning?</b> Do they serve the goal of teaching HTML, CSS and other webmaking basics?
* <b>How could they be better?</b> We'd love to hear your specific feature requests, suggestions and aha moments.
* <b>Fun?</b> That's crucial! Where are they most fun? Where do they lag?


<h2> Webmaker Beta Projects </h2>
<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: unlock a broken map of the web arcade to activate new missions and explore brave new webby worlds.  
<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>Webstructables: make a tutorial</b></p>
<p><b>Make your own "webstructable" how-to</b></p>
[[Image:webstructables.jpg|270px|left]]
[[Image:webstructables.jpg|270px|left]]
<p>Have you always wondered "why people don't get hand turkeys right? or why it is hard for some to sleep at night? " Well the time has come for you to make your contribution to the world of the open web and create a fine webpage tutorial using your HTML &amp; CSS and Popcorn wisdom.
<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:'''WebPagemaker '''Skills:''' HTML & CSS, Popcorn, teaching others''' Difficulty:''' Advanced
'''Tool:'''Webpage Maker '''Skills:''' HTML & CSS, Popcorn, teaching others''' Difficulty:''' Advanced
<h3>[http://htmlpad.org/webstructables/edit Click here to Make It]</h3>
<h3>[http://htmlpad.org/webstructables/edit GO!]</h3>


<p><b>Stuck in the 90s</b></p>
<p><b>Stuck in the 90s</b></p>
Confirmed users
9,624

edits