Skip to Page Content | Navigation for Module


Navigation for Module 3: Powerpoint
Page 18 of 25

  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 Notes Slide to Webpage Template

In addition to providing information to users in the common presentation space of the PowerPoint presentation, you can also make notes within the presentation. These notes allow the person creating the presentation to remind themselves of important points to discuss, provide clarification, and/or give additional topics and references. Notes can be kept "private" and be used only by the person who created the presentation, or they can be made available to the recipients of the presentation.

It is recommended that you publish these notes as part of the accessible HTML presentation. On this page you will add the notes from slide 8 into the HTML presentation.

To convert a slide with notes:

  1. Continue to edit the eighth slide in our HTML document, adding the notes information to the bottom of this slide but before the beginning of slide 9.

    From the sample "Human-Computer Interaction" presentation, the original PowerPoint slide 8 with notes shown (see Image 31 ).


    Description of Image 31: Original PowerPoint Slide

  2. Take the text in the notes section and place it into the HTML slide.

    The notes are already in text format. Create a section below the slide's content for the notes and insert a paragraph (or paragraphs). Here's what the HTML would look like for this slide after adding the notes section to the end of the existing slide 8:

    <!-- Slide 8 -->
    <img src="Slide8.jpg" alt="Slide 8">
    <H1>Assignments</H1>

    <p>
    The process of doing assignments in this class works like the following process:
    </p>

    <ol>
      <li>Skim the material before coming to class</li>
      <li>We will discuss the material in class</li>
      <li>After class, do another, in-depth reading</li>
      <li>Write an essay on the material</li>
      <li>We will then discuss the "best" essays</li>
      <li>At the end of the term, your final exam tests your knowledge of these "best" essays</li>
    </ol>

    <H2>Notes</H2>

    <p>
    The idea here is to skim the relevant text material before coming to class. In this way, lecture discussion will be more meaningful to you, the student. After lecture, reread the material to be sure you have a thorough understanding. You are then enabled to complete your assigned essay. We will discuss various "best essays" in class, and then the final exam will pertain to your essays and those "best essays" as discussed in class. It is obviously to your advantage to write well, because if your essay is selected as the "best," this will be one less paper you will have to study for the exam!
    </p>

    The paragraph information was added at the end of this slide in the paragraph (P) tags. A header (H2) tag was also provided to mark the beginning of the notes section. You should use an H2 tag since you are using H1 header tags to mark the beginning of our slides; thus the H2 header tag would be the next tag in the HTML header hierarchy.

  1. Save your HTML.
  2. Open it in a Web browser (see Image 32 ).


    Description of Image 32: Converted PowerPoint Slide

    You have your slide content and then you have your notes below. Now the user will benefit from having an additional explanation of the diagram and the overall intent of the slide.

The next page will discuss converting slides with charts.

Top of Page arrow up
       Page 18
Next Page Next
Page 19:
Chart Slide


 
-- END OF PAGE