"How to" Guideline series is coordinated by Helen Mongan-Rallis of the Education Department at the University of Minnesota Duluth. If you have any questions, comments, or suggestions to improve these guidelines please me at e-mail hrallis@d.umn.edu.

rainbow bar

How To Save a Power Point Presentation as HTML

For use with versions of PowerPoint prior to PowerPoint 2000 or 2001

(by Helen Rallis)

Purpose

To guide you in using the Power Point "Save as HTML Wizard." This will enable you to convert you Power Point Presentation to a form (HTML) that can posted on a web site.


Overview of topics in these guidelines

  1. Create Power Point presentation
  2. Save as HTML
  3. Uploading & linking to your HTML presentation to the Web

Create Power Point presentation

  1. Create your Power Point presentation and save it as a regular presentation (from the menu bar, choose File > Save)
  2. When you have your presentation in its final form (ready to convert to HTML and publish to the web), save one last time in regular format.

Save as HTML

When you save a set of PowerPoint slides as a web page, PowerPoint will create one web page that serves as the starting point for the presentation (it will be named whateveryoucalledit.htm). It will also create a folder to accompany this page. This folder will contain all the "pieces" needed to have the slides work -- i.e: the supporting elements of your Web presentation (slides, graphics, navigation). To view a Web presentation in a browser, open the main filename.htm file. When you upload your presentation to a web page, it is important for you to upload both the main web page (that has the file extention .htm or .html) and the file.

  1. From File menu, select "Save as a web page". This will open up the dialog box that gives you choices about:
  2. Each step in the wizard is shown by a small box with the name of the step. Example, the first step is layout selection.

    icon of layout selection

  3. To begin working on the first step, click in the box next to first stage, namely "layout selection." This will cause the box to turn green and will give your choices in the adjacent window. Once you have made your selection, click the "Next" button to move to the next stage.
  4. Layout selection: This asks you which page style you would like. Select "standard."
  5. Graphic type: Choose between GIF or JPEG.
  6. Graphic size: Usually it's best to choose 600 by 800, 3/4 width of screen, because this enables most users to see the whole slide on their computer screen (if you save at full size, users may have to scroll back and forth across the screen to see the slide -- which is very irritating and time consuming!)
  7. Information Page:
  8. Colors and Buttons:
  9. Layout Options:
  10. Create HTML folder in: After the layout options stage (above), when you click the "next" button you will be prompted to create a folder for your presentation and to give this folder a name. To do this:
  11. Finish: Click on the "finish" button. Your presentation will now be saved as HTML. This will take a few minutes. What happens is the Power Point program takes each slide from your presentation and creates 2 documents for it (one is a picture of the page, the other is a page with the html code for that page). When it is done, the folder that you created will contain one page (called "index.html") plus all the other html & jpg/gif documents.

Uploading & linking to your HTML presentation to the Web

Your presentation is all in one folder (see step 11 above). To enable people to view it on the web, you need to upload the whole folder to your web account, and usually link it to your home page (or some other page) so that users can access it. To do this:

  1. Upload the whole folder (using Fetch or WS-FTP whatever method you use for uploading files). Example: I would upload my whole TeachingInternet folder. Make sure to upload it into the correct location on your web site (as described earlier, I have all my Power Point Presentations in a folder called PP in my web site folder).
  2. To link to the presentation, enter the URL of the folder (just as you would enter the URL of any page to which you want to link). Because your Power Point presentation folder has an index.html file within it, just entering the folder name in the URL will automatically launch your presentation index page.

See example of a presentation saved as HTML using PowerPoint98.


For other guidelines on using Power Point go to:

rainbow bar

Return to the Index of How To Guidelines