Webmaker/Mentor HOWTO

From MozillaWiki
Jump to navigation Jump to search

Mozilla-Webmaker-teach-section-600x385.png

Did you make a teaching guide or hackable kit for teaching the web? Great! Here's how to share it with others on webmaker.org.

Follow the steps below to add your project to the gallery of resources for mentors and educators at webmaker.org/teach. That way others can use it, remix it, localize it and teach with it!

Please note: we're working on an easier and more streamlined process for this. But in the mean time, here's how.

 

How to add your project to webmaker.org/teach

  1. Open your project. Open the project in your browser using your unique Thimble URL.
  2. Add "/remix" to the end of the URL. This will open up the editing page, so you can make changes.
  3. Sign in. Click "Sign in to save" and log in with your Persona account.
  4. Set up your webmaker domain. If you haven't yet set up a subdomain, you'll be prompted to do so. Your subdomain -- like "jane.makes.org" -- will become the home for everything you make on Webmaker. This makes it easy for you to collect, share and edit all your stuff. Cool, huh?
  5. Give your project a title. Enter it between the <title> and </title> tags.
  6. Tag your project. Adding the right meta-tag to your project's HTML will make it appear on the /teach section of webmaker.org. You want to tag it as a "guide." Here's how:

Between your project's <head> and </head> tags at the top, add this: <meta content="guide" name="webmaker:tags">

meta-tag-guide-600x147.png

Now hit publish. That's it! You're done.

Thanks for sharing! Your project is now organized under webmaker.org/teach -- so that others can use it, remix it, localize it and share it with others. Nice work!

Share your link! Now that your project is on webmaker.org/teach , share your project with the Mentor G+ Community or use the #teachtheweb hashtag on Twitter.

Did you encounter problems? Get stuck? Please get in touch with makerparty@mozilla.org -- or report a bug here. For pro tips and more on meta-tags, see here.