Powerpoint

1. Introduction
2. Tools You Need
3. Methods to Put Online
4. Make Webpage Method
5. Save Slides as Images
6. Template of Webpage
7. Title Slide
8. Bullet-List Slide
9. Multiple Column Slide
10. Embedded Video Slide
11. Table Slide
12. Image Slide
13. Drawing Shapes Slide
14. Notes Slide
15. Chart Slide
16. Non-Outline Text Slide
17. Sound Slide
18. Animation Slide
19. Publish to Blackboard
20. Publish to WebCT
21. Resources

Adding Embedded Video Slide to Webpage Template

Many people who regularly use PowerPoint do not realize that you can embed video into your presentation. Because video clips are often difficult to acquire and utilize, and because many people do not realize this feature exists in PowerPoint, video clips are not very common in PowerPoint presentations.

The focus is on video clip accessibility here because if you do use video in your PowerPoint presentation, you should take time to work with the video file and make it accessible for people who cannot hear or see. Just as movies and television are captioned, you need to be sure that your video content is captioned.

This page will focus on how to organize your video content within the context of the HTML slide. For a more detailed discussion on how to work with, edit, transcribe, and synchronize video files, see the "Working with Video Files" tutorial.

Begin by editing your presentation HTML file. Go into the BODY section at the location where this slides should be inserted (after slide 3, since you will be working with the fourth slide in this section); it is here that we will add the next slide.

From the sample "Human-Computer Interaction" presentation, (see Image 17) is the original PowerPoint slide 4:

Image 17: Original PowerPoint Slide

To convert slides with embedded video:

You will notice that this slide uses a multi-column formation (with two columns). You will take the "linearize" approach to this slide, placing the text bullet list just below the video clip in the HTML file.

1. Construct the common elements (image and title) of the HTML slide: <!-- Slide 4 -->
<img src="Slide4.jpg" alt="Slide 4">
<H1>A Taste of What's to Come: Device Analysis</H1>

   The HTML for the list should look like this:

   <!-- Slide 4 -->
<img src="Slide4.jpg" alt="Slide 4">
<H1>A Taste of What's to Come: Device Analysis</H1>

<ul>
  <li>What does it mean to be "usable"</li>
  <li>Usable by whom?
    <ul>
      <li>Elderly</li>
      <li>People with various backgrounds</li>
    </ul>
  </li>
  <li>What hints of the object's "abilities"
      are evidenced from it's shape?</li>
</ul>
2. Add the video clip to the HTML.
   Note: When you add a video clip into PowerPoint, the video clip is not inserted into the presentation's file on the computer disk; rather, a reference to an external file (the video file) is inserted in the presentation. When PowerPoint displays a slide containing the video clip, the software goes to the external video file and plays the file. Thus, at no point does the video "live" inside the PowerPoint presentation file. Because of this, if your presentation contains a video clip, there is an external file (outside of the presentation file) representing the video clip.
3. 
   

   Image 18: Demonstrating how to edit movie clip

   
   
   
   

   Image 19: Demonstrating how to set properties of clip

   
   
   
   You will first need to identify this file. By right-clicking the video clip, you can display the location of the external video file (see Image 18 )

   This will then display a dialog box showing the location of the video file (see Image 19).

   This is the file that you will need to reference in your HTML slide.

4. The next step in creating an accessible slide with a video is to move this video file into the same folder of the HTML and slides that we're creating. Locate the video file and move it into the folder containing the HTML presentation file.
5. Once you have done this, you can now add a reference to the video clip to our HTML file. You should add the following just after the slide's title and just before the bullet list (UL) HTML elements as shown below.
    
6. Save your work as an HTML file. For this example, save as presentation.htm. The completed code for converting an Embedded Video Slide (i.e. Slide 4) of the PowerPoint presentation HCI.ppt should be as follows.
   

   Code Sample of Embedded Video Slide:

   <!-- Slide 4 -->
<img src="Slide4.jpg" alt="Slide 4">
<H1>A Taste of What's to Come: Device Analysis</H1>

<a href="HCI.avi">A video clip discussing using
                  various devices and the ubiquity
                  of computing</a>
<ul>
  <li>What does it mean to be "usable"</li>
  <li>Usable by whom?
    <ul>
      <li>Elderly</li>
      <li>People with various backgrounds</li>
    </ul>
  </li>
  <li>What hints of the object's "abilities"
      are evidenced from it's shape?</li>
</ul>

   Note: The A tag is used to create a reference to another HTML page, e-mail, or file that is accessible on the Web.  "A" stands for "anchor" and the "href" stands for "hypertext reference". You the ability link to another document; in this case, the document you would like to link to is the video file ("HCI.avi" in this example, but you can link to any file).

8. Open your HTML file in a web browser. The file should display with the slide image, followed by the title and then the slide content (see Image 20 ).
   
   

   Image 20: Converted PowerPoint Slide
   
   
   You can also view the context of the Embedded Video Slide in the complete conversion of the Sample PPT to HTML (, 520 KB).

Notice that the link opens a video player and displays the video. The user can pause, rewind, fast-forward, and close the video as they wish. Of course, in order to view the movie clip, the user must have an appropriate video player software loaded.

Be aware that the video clip and this slide are not accessible because there is no textual equivalent for the video. You should add a textual transcription of the video clip just beneath the hyperlink to the video file. Since this slide contains a multimedia element (the video clip is multimedia since it contains video and audio), any textual transcription you provide must also be synchronized with the video.

You can find more information about how to create synchronized captioned video in the "Working with Video Files" module.

The next page will discuss how to convert slides with tables.

Previous Page Page 13: Multiple Column Slide

Top of Page        Page 14

Next Page Page 15: Table Slide