This short presentation is designed to help students embed media into their wikis and webpages. Note: Yes, the font is messed up. I hate having to convert my Keynote Presentations to PowerPoint Presentations to upload to SlideShare!

1. Embedding Media
A Thinking About Tech Quick Tip
Craig Lawson
@midlawsondle
thinkingabouttech@gmail.com

2. Many items can be
embedded into
webpages...
Videos
Pictures
Widgets
Documents
PowerPoints

3. To embed an item
into a website, you
need the “HTML”
element... Language.
HTML stands for HyperText Markup
It is the main language/code used to
create and display webpages within modern
web browsers.
For example...
<iframe width="560" height="315" src="
http://www.youtube.com/embed/MHfBQqZ6xiU?rel
" frameborder="0"
allowfullscreen></iframe>

4. How do I get the
HTML element?
Most “Web 2.0 tools” will have an option
to “share” your work.
Glogster
Slideshare
Youtube

5. What do I do with
this crazy “jank”?
p 1: You simply need to copy the HTML eleme
Most tools will
have a “copy”
button you can
click.
Alternatively, you
can highlight the
code and “ctrl+c”
to copy it.

6. p 2: Switch your webpage editing to HTML vi
Left-clicking
“source” <> or
“HTML” <>
will...
change your editor
to allow you to
view the HTML that
makes up the way
the page looks.

7. Step 3: Paste your HTML element into the
existing code where you want it.
Place your curser in
the existing HTML
code at the place
you want your media
to be placed.
Use “ctrl+v” to
paste your HTML
element into the
rest of the code.

8. 4: Save your work, and view it in all its g
View
AWESOMENESS!
Left-click “save”.

9. To suggest a Quick
Tip..
email thinkingabouttech@gmail.com or tweet
@thinkingabouttech

10. To suggest a Quick
Tip..
email thinkingabouttech@gmail.com or tweet
@thinkingabouttech