"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 PowerPoint Presentation as a Web Page

For use with versions of PowerPoint 2003

(by Helen Mongan-Rallis. Last updated June 7, 2005)

Purpose

If you show Power Point presentation in class and if you have a course web page, you may wish to consider uploading your presentation to your web page so students can view it on the web. You can even create a setting that will allow them to download the presentation from the web onto their own computer (so they can print it or review it). In order to do this you must first save the presentation as a web page in HTML (which is the "language" used by all web browsers e.g. Mozilla, Netscape Navigator, Internet Explorer).


Overview of topics in these guidelines

  1. Create Power Point presentation
  2. Save as a Web Page
  3. Uploading & linking to your web page 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 yourpresentation.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 file (that has the file extension .htm or .html) and the folder.

  1. From File menu, select "Save as a web page". This will open up the dialog box that gives you choices about:
  2. Click on the "save" button. This will convert your presentation to a series of image and htm pages that are needed to display the presentation on the web. It will place a file with the name of your presentation and the extension .htm along with a folder called yourpresentationname_files (where "yourpresentation" is the name of your presentation).

Uploading & linking to your web page presentation to the Web

To display your presentation as a web page you need to upload the file that has the .htm extension and the folder called called yourpresentationname_files. For this reason it is better to have both of these contained in one folder (see Step 1 above ). How you do this depends on the method that you usually use to upload web pages.

Uploading using Fetch (Mac) or WS-FTP (Windows):

  1. Decide where on your web site you wish to place your web presentation folder.
  2. Then use Fetch (Mac) or WS-FTP (Windows) and upload the whole folder containing the file that has the .htm extension and the folder called called yourpresentationname_files.
    - For directions on how to upload with Fetch, go to http://www.d.umn.edu/~hrallis/guides/fetch/index.html
    - For directions on how to upload with WS-FTP, go to http://www.d.umn.edu/itss/webdev/wsftp/

Uploading using Dreamweaver:

[To learn more about using Dreamweaver, go to Helen's Index of Guidelines http://www.d.umn.edu/~hrallis/guides/ and follow the links for using Dreamweaver]

  1. Saving your presentation in your Dreamweaver: If you know you are going to upload your presentation with Dreamweaver and have it be part of an existing web site, then when you save your presentation make sure the location of your presentation web folder is within your existing web site. However, if you forget to do this, or if you decide to do this after the fact, then you can drag and drop the presentation web folder into your Dreamweaver web site folder before you launch the program. Then:
  2. Open Dreamweaver and open your web site.
  3. Click on the presentation web folder (the one that contains your the file with yourpresentation.htm (i.e.: whatever you named the file) along with a folder called yourpresentationname_files) --> then choose the command to Put (upload) your the folder.
  4. Don't forget to make a link to your the file yourpresentation.htm from your index or other relevant web page within your web site so that you can access the presentation easily.

 

rainbow bar

Return to the Index of How To Guidelines