Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
#teachtheweb #webliteracy
@webmaker @mousesquad
WHO KNOWS WHAT HTML IS?
WHO KNOWS WHAT A “TAG”
IS IN HTML?
BUT ENOUGH TALKING
ABOUT TAGS…
11 ACTIVITIES on
mousesquad.org
= Web Maker badge
11 Activities on Thimble
<CLAP> </CLAP>
PRETEND TAGS:
<STRONG> </STRONG>
REAL TAGS:
Big Bold Words
<STRONG> </STRONG>Big Bold Words
<em> </em>Italicsy Words
REAL TAGS:
<STRONG> </STRONG>Big Bold Words
<em> </em>Italicsy Words
<em> </em>Bold + Italics!<STRONG> </STRONG>
REAL TAGS:
<TAGS> TELL THE
INTERNET WHAT YOUR
WEBSITE SHOULD LOOK
LIKE AND HOW IT
SHOULD BEHAVE
<HTML TAGS>
LETS GO TO
THE INTERNET
AND FIND
SOME TAGS.
SOURCE CODE
OPEN REMIX:
HACK THE NEWS
LET’S HACK
SOME HTML!!1!
webmaker.org
Create an account!
INTRODUCING...
GOGGLES.WEBMAKER.ORG
Step 1: Go to your
favorite news
website
1
THE YEAR
2525
2
The Day You
Were Born
3
THE ZOMBIE
APOCALYPSE
Step 2: Hack the
website with one of
these scenarios….
HOW
WAS
THAT?
If you find it
on the web...
does that make
it true?
How do we know if we’ve
found reliable
information online?
www.tritonfun.com
TINYURL.
COM/LEGITOM
ETER
(to try a
Thimble hack!)
HUMAN
BAROMETER!
Where do YOU stand?
HOW
WAS
THAT?
HOW CAN
YOU USE
WEBMAKING
IN CLASS?
Made in Thimble
FIND ALL THESE
ACTIVITIES AND
MORE AT...
TinyURL.
com/MOUSEWebmakerKit
What competencies do from these activities align
with on the Web Literacy Map?
https://webmaker.org/en-US/literacy
Thank you!
Questions? Comments?
DOE IPPD Hive + MOUSE webmaker workshop
DOE IPPD Hive + MOUSE webmaker workshop
DOE IPPD Hive + MOUSE webmaker workshop
DOE IPPD Hive + MOUSE webmaker workshop
Upcoming SlideShare
Loading in …5
×

DOE IPPD Hive + MOUSE webmaker workshop

299 views

Published on

A one day Webmaker Literacy Workshop for teachers in NYC

Published in: Education
  • Be the first to comment

  • Be the first to like this

DOE IPPD Hive + MOUSE webmaker workshop

  1. 1. #teachtheweb #webliteracy @webmaker @mousesquad
  2. 2. WHO KNOWS WHAT HTML IS?
  3. 3. WHO KNOWS WHAT A “TAG” IS IN HTML?
  4. 4. BUT ENOUGH TALKING ABOUT TAGS…
  5. 5. 11 ACTIVITIES on mousesquad.org = Web Maker badge
  6. 6. 11 Activities on Thimble
  7. 7. <CLAP> </CLAP> PRETEND TAGS:
  8. 8. <STRONG> </STRONG> REAL TAGS: Big Bold Words
  9. 9. <STRONG> </STRONG>Big Bold Words <em> </em>Italicsy Words REAL TAGS:
  10. 10. <STRONG> </STRONG>Big Bold Words <em> </em>Italicsy Words <em> </em>Bold + Italics!<STRONG> </STRONG> REAL TAGS:
  11. 11. <TAGS> TELL THE INTERNET WHAT YOUR WEBSITE SHOULD LOOK LIKE AND HOW IT SHOULD BEHAVE <HTML TAGS>
  12. 12. LETS GO TO THE INTERNET AND FIND SOME TAGS.
  13. 13. SOURCE CODE
  14. 14. OPEN REMIX: HACK THE NEWS LET’S HACK SOME HTML!!1!
  15. 15. webmaker.org Create an account!
  16. 16. INTRODUCING... GOGGLES.WEBMAKER.ORG
  17. 17. Step 1: Go to your favorite news website
  18. 18. 1 THE YEAR 2525 2 The Day You Were Born 3 THE ZOMBIE APOCALYPSE Step 2: Hack the website with one of these scenarios….
  19. 19. HOW WAS THAT?
  20. 20. If you find it on the web... does that make it true?
  21. 21. How do we know if we’ve found reliable information online?
  22. 22. www.tritonfun.com
  23. 23. TINYURL. COM/LEGITOM ETER (to try a Thimble hack!)
  24. 24. HUMAN BAROMETER! Where do YOU stand?
  25. 25. HOW WAS THAT?
  26. 26. HOW CAN YOU USE WEBMAKING IN CLASS?
  27. 27. Made in Thimble
  28. 28. FIND ALL THESE ACTIVITIES AND MORE AT... TinyURL. com/MOUSEWebmakerKit
  29. 29. What competencies do from these activities align with on the Web Literacy Map? https://webmaker.org/en-US/literacy
  30. 30. Thank you! Questions? Comments?

×