SESSION RESOURCES‎ > ‎Web 2.0 Embed Codes‎ > ‎i‎ > ‎


Web2 Embed Codes

No eval cards or postits.

You'll need to partner with a laptop for this one.  Everyone needs a partner, and every partnership needs a laptop.

Open email first.
REQUEST ACCESS:  Go to the project link and request access in the top right.

You don't need to GET anything that I'm going to say for the next 10 minutes.  If beads of sweat break out on your forehead because you're trying to get it all right up front, you won't be in any shape to actually DO when we get to that point.  So please sit back.  If there's a tidbit that falls into place for you and you need to jot it down, do so luxuriantly.  I'll zoom-zoom while you're the passenger, then we'll switch modes and you'll get to do hands-on, but there will be lots of support for you when we get there.

I have a video to share with you.   I could click a link. (note the inappropriate video suggestions, dangers of streaming from YouTube).  Or I could go down in YouTube and find the embed codes and bring that video back to my site. Or I could bring the video down to my computer and then upload it to Google Drive, then embed it from there.  With each increase in complexity (making a link is the easiest, right?) comes decided advantages.  Because I've been at this a while, the third way adds just a little more time and a LOT more security for me.

Show video: Web2.0

Even making a link, I'm interacting with the internet in addition to reading it.  That's one element of Web2.0.  Turn to your partner and tell about the first time or one of the first times you manipulated the internet.  Maybe you posted something for sale on Craigslist.  Maybe you made a blog or commented on a blog.  Maybe you reviewed something on Amazon.  You contributed.

The web changed to be read-write, and in 2005 the term web2.0 was coined.  There's a link to some defining terms at the top of our session page, and what you need to know is that it's easy to contribute and mash content from one site into another.  From a teacher and learner's perspective, that's a potent brew.

Let's take a look:
Powtoon: A teacher-friend of mine made this Powtoon and put it on her website.  She made it in an hour.  She used embed codes to bring the Powtoon over to her website.
Glogster: A teacher had each student create a Glogster poster and then she brought all of the posters onto her site (made a separate page for each).
Prezi: A student made this prezi and then linked to it from the class website (the embed codes failed in this case)
REPAIR the Pixton: The thing about embed codes is that you have to be in the code-mode to make them work.  Does this student know what happened in Act II, v?  Pretty good for a kid whose native language is French?  I love working with these Web2.0 tools because they allow students to demonstrate proficiency!!

Partner Talk: What did you see in the examples?  What could Web2.0 mean for you, professionally?

To the Project! 

Project Instructions:

Make a new page

  • Request Access (in the top right)
    • Give your email address, let me click to verify that you're an okay person, then check your email.
  • Create a Page (also in the top right)--don't put it in a folder.
  • Name it with your names.  Create Page!


Edit your page 

  • Paste this code into the <>Source mode --just click down at the bottom and paste it in.  See what it does when you "Save" at the bottom:
    • <iframe src="" width="560" height="758" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" style="overflow: hidden;"></iframe>

  • Make and embed a Pixton cartoon (a single panel) and/or a mind-map (2-3 bubbles).  Any time you go to a new site, you can look for <> or <html> or "share/embed."
  • Use Youtube to find a funny or applicable video.  Share to find the embed code.  Bring it back here to paste.

Questions for the Room

What did you DO today that you didn't even know about . . . yesterday?

WHY?  How can you see this idea of interaction/embedding in use professionally?