Webmakers/Projects: Difference between revisions

no edit summary
No edit summary
No edit summary
Line 10: Line 10:
<br>
<br>
<br>
<br>
<h2> What are Webmaker Projects? </h2>
<h2> What are these "Webmaker Projects," anyway? </h2>
<b>Learning by making, hacking and playing</b>. Webmaker projects are designed to help you make something amazing on the web fast.  
<b>Learning by making, hacking and playing</b>. Webmaker projects are designed to help you make something amazing on the web fast.  


Line 18: Line 18:
* learn the basics of webmaking skills like HTML and CSS along the way.
* learn the basics of webmaking skills like HTML and CSS along the way.


<b>We're preparing a bunch of these projects for the Mozilla Summer Code Party.</b> The goal: teach the world the basics of coding and webmaking through bite-sized projects 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. 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.  


<h2> Help us test these beta projects?</h2>
<h2> Tell us what you think</h2>
<b>We want to know what you think</b>. We're looking for brave beta testers for the prototype projects below. In particular, we're looking for your feedback on questions like:
<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>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>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>Are they fun?</b> That's crucial! Where are they most fun? Where do they lag?
* <b>Are they fun?</b> That's crucial! Where are they most fun? Where do they lag?
Line 36: Line 36:




<p><b>Make your own Map of 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 is written inside brackets like <this> and </this> and sometimes uses "quotes like this." In this project you will begin your journey in the world of HTML by exploring the syntax behind it to activate and customize a broken Map of the Web Arcade. Use the comments written */ between these */ signs to navigate yourself along your travels!
<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>
</p>
'''Tool:'''WebPagemaker '''Skills:''' HTML Syntax''' Difficulty:'''Beginner
'''Tool:'''Webpage Maker '''Skills:''' HTML''' Difficulty:'''Easy'''
<h3>[http://htmlpad.org/mapofthearcade/edit Click here to Make It]</h3>
<h3>[http://htmlpad.org/mapofthearcade/edit GO!]</h3>


<p><b>Webstructables: make a tutorial</b></p>
<p><b>Webstructables: make a tutorial</b></p>
Confirmed users
9,624

edits