Monday, August 9, 2010

Bragto U: Embedding PowerPoints in a Web Page

Bragto University
Class: DOCS 110 Embedding PowerPoints in a Web Page

Objective:  To embed an existing PowerPoint presentation in a website for student access.

Prerequsites:

  1. You may want to check out Bragto U: Uploading to Google Docs to be able to upload your existing presentation.


Materials:

  • Google Docs Account


Procedure:

Maybe you have a presentation that you would like students to preview before they get to class, or they need to review before the big test.  The easiest way maybe to just post the actual file online in its .ppt glory.  But what about kids who don't have PowerPoint?  I know there is the stand alone PowerPoint viewer and OpenOffice.org Impress, but this solution give students a reason to visit a webpage.  It is a bit of Pavlovian training to get them to visit your homepage.

I found a free online butterfly PowerPoint. (My son is loving the butterflies outside our house.)  I uploaded it to Google Docs. Next step is to get the code to embed it in a webpage.

Go to the right side of the screen to "Sharing" then click on the last option "Publish/Embed".



Click on "Publish Document" which will give you new options.  If you ever wanted to stop publishing, you can.

Select the options for the size of your player, and various usability options.  The webpage will spit out the embed code to be placed on your site.  In my cases it is:
<iframe src="https://docs.google.com/present/embed?id=dgmqdx5x_57kgt87hc&size=m" frameborder="0" width="555" height="451"></iframe>

You need to enter this into the HTML code of your webpage.  If you just enter it into you WYSIWIG editor, you will get exactly what you see above, just code.  It needs to be in the HTML for the browser to process it.

The finish product will look like this.:

No comments:

Post a Comment