Remix your school’s web site

Matt Thompson

Remix your school’s web site. It’s fun, creative, and lets you mess around with HTML, the language that makes up the web. It’s easy!

Don’t worry — you’re not actually hacking the site for others — just yourself. You’re changing a local version of the site that only you can see.

1) Install the X-Ray Goggles

Go to https://goggles.webmaker.org. Drag the big yellow “Activate X-Ray Goggles” button to your browser’s bookmarks toolbar.

2) Navigate to your school’s web site

 

3) Activate the Goggles

Click the Goggles to turn them on. Now when you mouse over elements of the page, you’ll see the code underneath.

4) Hit the “remix” button

Hit “R” on the keyboard to remix any element.

5) Change the text

Try changing some of the text on the page. You could announce that your school is closed next week, that your teacher has been abducted by aliens — anything!

6) Bonus points: swap in a new image

Mouse over an image on the page and hit “R” / “Remix.” Then paste in the address for your new image.

TOP TIP: How to swap an image. First, find an image you like on the web. Right-click or control-click on the image you want and select: “Copy image location.” (Or “Copy image URL” or “Copy image address”, depending on your web browser.) Then paste your new image URL over top of the old one. Be careful not to lose the quotation marks!

Here’s a sample remix. We changed the text and image to add more dog.

7) Share

  • Publish your remix. Once you’re done, click the Publish button, or press P on your keyboard. This makes your changes visible on the web for others to see.
  • Tweet it. Share the link to your hacked version of the site with the #webmaker hashtag. Who’s got the most creative remix?
  • Claim your badge. Claim the “Remixing” badge here. You’ve earned it!
  • Reward helpers with badges. If you had helpers or co-organizers you’d like to recognize, they can claim a free “Skill Sharer” badge here.