DOE IPPD Hive + MOUSE webmaker workshop

•

0 j'aime•403 vues

valleraj

A one day Webmaker Literacy Workshop for teachers in NYC

Formation

#teachtheweb #webliteracy
@webmaker @mousesquad

11 ACTIVITIES on
mousesquad.org
= Web Maker badge

<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.

OPEN REMIX:
HACK THE NEWS
LET’S HACK
SOME HTML!!1!

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….

If you find it
on the web...
does that make
it true?

How do we know if we’ve
found reliable
information online?

TINYURL.
COM/LEGITOM
ETER
(to try a
Thimble hack!)

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

Recommandé

19 Lessons I learned from a year of SEO split testingDominic Woodman

Web design 2 - Basic HTML 2010Matthew Mobbs

How to use to build a website using WordPress: For normal peopleTris Hussey

Communicationifmrtrust1

WP AccessibilityAngela Bergmann

Developer Grade SEO - part IIPhil Buckley

How to Create Content That Drives Traffic to Your BlogLeslie Samuel

Cyber-security tips: the heartbleed bugDebbie Elicksen

Recommandé

19 Lessons I learned from a year of SEO split testingDominic Woodman

Web design 2 - Basic HTML 2010Matthew Mobbs

How to use to build a website using WordPress: For normal peopleTris Hussey

Communicationifmrtrust1

WP AccessibilityAngela Bergmann

Developer Grade SEO - part IIPhil Buckley

How to Create Content That Drives Traffic to Your BlogLeslie Samuel

Cyber-security tips: the heartbleed bugDebbie Elicksen

Google Mobileageddon: Sydney Product Mavens Meetup April, 15thLisa Davis

Largamos o cucumberVictor Hugo Germano

Widening your JavaScript ApplicationAlex McPherson

The Future of Facebook for BloggersLeslie Samuel

8 little things to make your blog post betterIan Lurie

How Chunky Do You Need To Be?: Adaptive Content Strategies For The Real WorldChristopher Grant Ward

Google docsapwebco

Empower Network Blog Beast This Can't Be RealLloyd Dobson Artist

Accessible Websites With Lotus Notes/Domino, presented at the BLUG day event,...Martin Leyrer

SEO Myths & WP Magic - WordCamp Boston 2011Casie Gillette

What do you need to know about follow?geekmummy

Web updates 2017dynamis

Urlronsalvador

UTEP AITP Presentation - 10/17/2012impulsedev

Lesson 2 - Blogs And CommentingSeth dickens

Riann salandanan howtouse_dropboxRiann Salandanan

WordCamp Mumbai 2017: How to get more involved with WordPressRocío Valdivia

Riann salandanan howtouse_canvaRiann Salandanan

Steve barbarich's seo school 101 backlink variationsteve barbarich

Solving Complex JavaScript Issues and Leveraging Semantic HTML5Hamlet Batista

SearchLove London | Dave Sottimano, 'Using Data to Win Arguments' Distilled

Crawling & Indexing for JavaScript Heavy Sites brightonSEO 2021DavidSmart53

Contenu connexe

Tendances

Google Mobileageddon: Sydney Product Mavens Meetup April, 15thLisa Davis

Largamos o cucumberVictor Hugo Germano

Widening your JavaScript ApplicationAlex McPherson

The Future of Facebook for BloggersLeslie Samuel

8 little things to make your blog post betterIan Lurie

How Chunky Do You Need To Be?: Adaptive Content Strategies For The Real WorldChristopher Grant Ward

Google docsapwebco

Empower Network Blog Beast This Can't Be RealLloyd Dobson Artist

Accessible Websites With Lotus Notes/Domino, presented at the BLUG day event,...Martin Leyrer

SEO Myths & WP Magic - WordCamp Boston 2011Casie Gillette

What do you need to know about follow?geekmummy

Web updates 2017dynamis

Urlronsalvador

UTEP AITP Presentation - 10/17/2012impulsedev

Lesson 2 - Blogs And CommentingSeth dickens

Riann salandanan howtouse_dropboxRiann Salandanan

WordCamp Mumbai 2017: How to get more involved with WordPressRocío Valdivia

Riann salandanan howtouse_canvaRiann Salandanan

Steve barbarich's seo school 101 backlink variationsteve barbarich

Tendances (19)

Google Mobileageddon: Sydney Product Mavens Meetup April, 15th

Largamos o cucumber

Widening your JavaScript Application

The Future of Facebook for Bloggers

8 little things to make your blog post better

How Chunky Do You Need To Be?: Adaptive Content Strategies For The Real World

Google docs

Empower Network Blog Beast This Can't Be Real

Accessible Websites With Lotus Notes/Domino, presented at the BLUG day event,...

SEO Myths & WP Magic - WordCamp Boston 2011

What do you need to know about follow?

Web updates 2017

Url

UTEP AITP Presentation - 10/17/2012

Lesson 2 - Blogs And Commenting

Riann salandanan howtouse_dropbox

WordCamp Mumbai 2017: How to get more involved with WordPress

Riann salandanan howtouse_canva

Steve barbarich's seo school 101 backlink variation

Similaire à DOE IPPD Hive + MOUSE webmaker workshop

Solving Complex JavaScript Issues and Leveraging Semantic HTML5Hamlet Batista

SearchLove London | Dave Sottimano, 'Using Data to Win Arguments' Distilled

Crawling & Indexing for JavaScript Heavy Sites brightonSEO 2021DavidSmart53

Free SEOKailas P

Browser Changes That Will Impact SEO From 2019-2020Tom Anthony

An Seo’s Intro to Web Dev, HTML, CSS and JavaScriptTroyfawkes

Seo secretSocial Media Marketing and SEO Specialist. We build websites of any type

WordPress SEO on Drugs!Simon Sundén

Girl develop It Orlando HTML RemixHolly Akers

Using HTML5 sensiblyChristian Heilmann

Web development basicsKalluri Vinay Reddy

Optimise EverythingJex Analytics

SearchLove Boston 2018 - Tom Anthony - Hacking Google: what you can learn fro...Distilled

Rendering SEO Manifesto - Why we need to go beyond JavaScript SEOOnely

How to Create and Submit an XML SItemapWiideman Consulting Group

Topsy Turvy DesignRich Quick

Link Analysis and Link Building in a Penguin and Disavow WorldChristoph C. Cemper

Wie werde ich eine Pinguin Penalty in 3 Tagen los?Christoph C. Cemper

Htmlcss1mreckman

How to Make Visual Content on a Shoestring BudgetKaizen

Similaire à DOE IPPD Hive + MOUSE webmaker workshop (20)

Solving Complex JavaScript Issues and Leveraging Semantic HTML5

SearchLove London | Dave Sottimano, 'Using Data to Win Arguments'

Crawling & Indexing for JavaScript Heavy Sites brightonSEO 2021

Free SEO

Browser Changes That Will Impact SEO From 2019-2020

An Seo’s Intro to Web Dev, HTML, CSS and JavaScript

Seo secret

WordPress SEO on Drugs!

Girl develop It Orlando HTML Remix

Using HTML5 sensibly

Web development basics

Optimise Everything

SearchLove Boston 2018 - Tom Anthony - Hacking Google: what you can learn fro...

Rendering SEO Manifesto - Why we need to go beyond JavaScript SEO

How to Create and Submit an XML SItemap

Topsy Turvy Design

Link Analysis and Link Building in a Penguin and Disavow World

Wie werde ich eine Pinguin Penalty in 3 Tagen los?

Htmlcss1

How to Make Visual Content on a Shoestring Budget

Plus de valleraj

Hive NYC Project Learning Lab - Rap Research Labvalleraj

Hive NYC Project Learning Lab: Bell presentation 2016valleraj

Hive NYC Project Learnin Lab: Global Kids presentationvalleraj

Hive NYC meet-up with Educational Video Center (EVC)valleraj

Hive NYC Project Learning Lab: The LAMP presentationvalleraj

Hive NYC Project Learning Lab: TASC presentation valleraj

Hive NYC Project Learning Lab: Reel Works Presentationvalleraj

Hive NYC Project Learning Lab: Cooper Hewitt Presentationvalleraj

Hive NYC Learning lab: Carnegie Hall and Building Beatsvalleraj

Hive NYC Media History Timeline GAP presentationvalleraj

Hive NYC Yvip nycwp cohort presentationvalleraj

Connected mentor 1 6-14-hive_nyvalleraj

BCCP Presentation for Hive NYC Cohortvalleraj

Hive NYC passport spreadsvalleraj

Hive is oct2014valleraj

Hive NYC_Cohort 7_10.2.14_NycSaltvalleraj

Ymvp hive planning for scale 090214valleraj

May 14, 2014 Hive NYC Cohort Hangoutvalleraj

Hivenyc cohortapril2014-parsons finalvalleraj

Hive NYC Cohort April 2014valleraj

Plus de valleraj (20)

Hive NYC Project Learning Lab - Rap Research Lab

Hive NYC Project Learning Lab: Bell presentation 2016

Hive NYC Project Learnin Lab: Global Kids presentation

Hive NYC meet-up with Educational Video Center (EVC)

Hive NYC Project Learning Lab: The LAMP presentation

Hive NYC Project Learning Lab: TASC presentation

Hive NYC Project Learning Lab: Reel Works Presentation

Hive NYC Project Learning Lab: Cooper Hewitt Presentation

Hive NYC Learning lab: Carnegie Hall and Building Beats

Hive NYC Media History Timeline GAP presentation

Hive NYC Yvip nycwp cohort presentation

Connected mentor 1 6-14-hive_ny

BCCP Presentation for Hive NYC Cohort

Hive NYC passport spreads

Hive is oct2014

Hive NYC_Cohort 7_10.2.14_NycSalt

Ymvp hive planning for scale 090214

May 14, 2014 Hive NYC Cohort Hangout

Hivenyc cohortapril2014-parsons final

Hive NYC Cohort April 2014

Dernier

microwave assisted reaction. General introductionMaksud Ahmed

Advance Mobile Application Development class 07Dr. Mazin Mohamed alkathiri

SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptxiammrhaywood

Interactive Powerpoint_How to Master effective communicationnomboosow

Software Engineering Methodologies (overview)eniolaolutunde

General AI for Medical Educators April 2024Janet Corral

Disha NEET Physics Guide for classes 11 and 12.pdfchloefrazer622

Russian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in Delhikauryashika82

Activity 01 - Artificial Culture (1).pdfciinovamais

A Critique of the Proposed National Education Policy ReformChameera Dedduwage

BAG TECHNIQUE Bag technique-a tool making use of public health bag through wh...Sapna Thakur

1029 - Danh muc Sach Giao Khoa 10 . pdfQucHHunhnh

APM Welcome, APM North West Network Conference, Synergies Across SectorsAssociation for Project Management

Beyond the EU: DORA and NIS 2 Directive's Global ImpactPECB

Mattingly "AI & Prompt Design: The Basics of Prompt Design"National Information Standards Organization (NISO)

fourth grading exam for kindergarten in writingTeacherCyreneCayanan

Q4-W6-Restating Informational Text Grade 3JemimahLaneBuaron

Key note speaker Neum_Admir Softic_ENG.pdfAdmir Softic

BASLIQ CURRENT LOOKBOOK LOOKBOOK(1) (1).pdfSoniaTolstoy

Sanyam Choudhary Chemistry practical.pdfsanyamsingh5019

Dernier (20)

microwave assisted reaction. General introduction

Advance Mobile Application Development class 07

SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptx

Interactive Powerpoint_How to Master effective communication

Software Engineering Methodologies (overview)

General AI for Medical Educators April 2024

Disha NEET Physics Guide for classes 11 and 12.pdf

Russian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in Delhi

Activity 01 - Artificial Culture (1).pdf

A Critique of the Proposed National Education Policy Reform

BAG TECHNIQUE Bag technique-a tool making use of public health bag through wh...

1029 - Danh muc Sach Giao Khoa 10 . pdf

APM Welcome, APM North West Network Conference, Synergies Across Sectors

Beyond the EU: DORA and NIS 2 Directive's Global Impact

Mattingly "AI & Prompt Design: The Basics of Prompt Design"

fourth grading exam for kindergarten in writing

Q4-W6-Restating Informational Text Grade 3

Key note speaker Neum_Admir Softic_ENG.pdf

BASLIQ CURRENT LOOKBOOK LOOKBOOK(1) (1).pdf

Sanyam Choudhary Chemistry practical.pdf

DOE IPPD Hive + MOUSE webmaker workshop

1. #teachtheweb #webliteracy @webmaker @mousesquad

2. WHO KNOWS WHAT HTML IS?

3. WHO KNOWS WHAT A “TAG” IS IN HTML?

4. BUT ENOUGH TALKING ABOUT TAGS…

6. 11 ACTIVITIES on mousesquad.org = Web Maker badge

7. 11 Activities on Thimble

8. <CLAP> </CLAP> PRETEND TAGS:

9. REAL TAGS: Big Bold Words

10. Big Bold Words Italicsy Words REAL TAGS:

11. Big Bold Words Italicsy Words Bold + Italics! REAL TAGS:

12. <TAGS> TELL THE INTERNET WHAT YOUR WEBSITE SHOULD LOOK LIKE AND HOW IT SHOULD BEHAVE <HTML TAGS>

13. LETS GO TO THE INTERNET AND FIND SOME TAGS.

14. SOURCE CODE

15. OPEN REMIX: HACK THE NEWS LET’S HACK SOME HTML!!1!

16. webmaker.org Create an account!

17. INTRODUCING... GOGGLES.WEBMAKER.ORG

18. Step 1: Go to your favorite news website

19. 1 THE YEAR 2525 2 The Day You Were Born 3 THE ZOMBIE APOCALYPSE Step 2: Hack the website with one of these scenarios….

20. HOW WAS THAT?

21.

22. If you find it on the web... does that make it true?

23. How do we know if we’ve found reliable information online?

24. www.tritonfun.com

25. TINYURL. COM/LEGITOM ETER (to try a Thimble hack!)

26. HUMAN BAROMETER! Where do YOU stand?

27. HOW WAS THAT?

28. HOW CAN YOU USE WEBMAKING IN CLASS?

29.

30.

31. Made in Thimble

32. FIND ALL THESE ACTIVITIES AND MORE AT... TinyURL. com/MOUSEWebmakerKit

33. What competencies do from these activities align with on the Web Literacy Map? https://webmaker.org/en-US/literacy

34. Thank you! Questions? Comments?