DE Oracle @ UMUC Banner
How-To

Search

Convert a PowerPoint Presentation to a Single Webpage

These instructions describe how to convert a PPT presentation to a customized single webpage, based on using Microsoft Office Suite 97 or 2000 for the document conversion and Netscape Composer for editing the resulting webpage. How to upload the webpage and images to a website and then provide a link to the page from WebTycho are covered in other tutorials on http://info.umuc.edu/de/ezine/how-to.htm.

This is one of many ways to handle PPT presentations online; we invite your comments.

Steps for Converting a PPT Presentation to a Webpage

The basic steps for both MS Office 97 and MS Office 2000 are as follows. However, there are some unique considerations, depending on the version used. These are described below.

  1. Start with a "clean" PPT file.
  2. Send it to Microsoft Word.
  3. Save the Word document as HTML.
  4. Open and edit the HTML file in Netscape Composer and resave.

MS Office/PPT/Word 97

  1. Start with a clean PPT file. As appropriate, while in PowerPoint, remove unwanted slides from the original slideshow, and edit/reformat the slideshow color scheme to eliminate dark backgrounds and change white/light text to black in order to make slides load more quickly on the web (use less bandwidth), and print better and more quickly, using less ink. Save the edited presentation with a new filename if necessary.
  2. Send from PPT to Word. On the PowerPoint toolbar, select File/Send to/Microsoft Word. In the intermediate "Write-Up" window, the option where the notes are under the slide produces the largest images and leaves space below each slide for notes you can add later. Be sure that the default option is selected to Paste slides in MS Word. Word will automatically open in a new document window, and you will see the slide images being pasted one by one into that document. Close PowerPoint.
  3. Save the Word document as HTML. In Word, save the new document first as a normal .doc file if you wish, then select File/Save as HTML.* Be sure to save the webpage in a unique, carefully labeled folder.**  Close Word. (Do not edit the page there but rather in an HTML editor.)
  *If you do not have the Save as HTML option in your Word 97 File menu, it's probable that a full install of the program was not done. You may have to reinstall the MS Word component from your MS Office CD-ROM.
**Use no spaces in folder or file names intended for the Web. It's best to use lowercase letters.
  1. Open the HTML page in Netscape Composer and edit as desired. Open Netscape and select File/Open Page/Choose File. Browse to locate and select the folder and file you just created. (In the folder where you saved the page, you will notice a number of files. Only one has a .html extension and a webpage icon: open this one; the others are the images of the slides.) Then select the radio button, "Open location or file in Composer," and click Open.<

With the HTML file open in Composer, edit the page as desired:

  1. Resize the images. The images created by Office 97 may look out of focus in the default HTML presentation, because they are displayed smaller than the size of the image conversion. Resize the images manually in Netscape Composer: on each image in turn and from the minimenu select Image Properties. In the Image Dimensions section of the image properties window, click the button that says "Original Size," then click OK. (Unfortunately, you have to do this one by one for each of the images.)

  2. Add formatting, notes, and other images as desired, to increase the visual appeal and the content value of the slides.
    • For example, on this page, several visual elements were added: a background (white with blue line down left margin); image at top; and blue horizontal divider bars.
    • Place slides as desired (indent, outdent, center, etc.). Delete the slide numbering text, if desired.
    • Edit the page name that will be displayed on the web browser window via Format/Page Colors and Properties (General tab).
    • (Add a note at the top of the page to indicate the source of the presentation, if it is not your work.)
    • Add content notes below slides and/or relevant links for students, as you wish. Check that it will be clear to readers which text applies to which slides.
    • Add identifying information such as your name, the class, and the date on the page bottom (or top). (This kind of information is a hallmark of a trustworthy website.)

  3. Resave the page often while editing. (Composer only allows one undo action between saves, via the Edit button.) To be sure the page looks in the browser as you intend it to look online, preview the page — via Composer's Preview (ship's wheel) icon — in the Netscape browser at least once before your final save.

Top

MS Office/PPT/Word 2000

The steps are the same using Office/PPT/Word 2000 as using Word/PPT/Word 97 (see above). However, there are some unique issues to keep in mind:

  1. By default, Office 2000 stores the images in a separate folder rather than in the root of the directory where the html page is saved. Be sure to include this when you upload your webpage.
  2. The images are converted clearly and cannot be resized as in 4 (a) above. The images resulting from the Word 2000 conversion are smaller than those resulting from Word 97 conversion.
  3. Office 2000 includes a significant amount of additional programming language in the webpage that results from converting to HTML, including proprietary Microsoft "round-trip" language and cascading style sheet language. All of this adds considerably to the size of the file and also makes it more difficult to edit the HTML yourself, should you wish to do so. We recommend using Microsoft's HTML filter, which eliminates most of this extra programming language.

    • Use the HTML filter. The filter is available for download free at http://office.microsoft.com/downloads/2000/Msohtmf2.aspx. (It is a small file.) After installing the HTML filter, a new "Export to" option will appear on the Word File menu. After Sending the PPT presentation to Word, in Word, save the .doc file, then select File-->Export To-->Compact HTML. The file will still be saved as HTML, but in the "Compact HTML" version.
    • Next you will need to to close Word, then select Start-->Programs-->Microsoft Office Tools -->Microsoft Office HTML Filter 2.0.

  The Microsoft Office Tools folder may not necessarily be under the Programs menu by itself. You may need to look under the Microsoft Office folder.

    • Once you have opened the Microsoft Office HTML Filter 2.0 click the ADD button and locate the HTML file you want to filter. When you have found the HTML file you want to filter, click on the APPLY button. This will filter out all of the Microsoft Propritary HTML code.

  Once you have filtered the HTML file, DO NOT reopen in Microsoft Office 2000. If you do that all of the Microsoft Office propritary code is embedded into the HTML file.

    • Open the HTML file in Composer, and continue with editing and resaving the resulting webpage.

  The HTML filter works well for saving regular Word 2000 .doc files as webpages also (especially worthwhile if you intend to paste the resulting HTML directly into WebTycho).

  1. For .doc files with embedded images (i.e., the PPT files sent to Word), Word 2000 converts the images to both .gif files and to .wmz (Microsoft media skin) files. Using the HTML filter (step 3 above) removes extra programming language that links the .wmz files to the .html files; however, Microsoft retains the .wmz files for future possible use should you reopen and reedit the files in Word and resave by the normal "Save as Web Page" method. The .wmz files are considerably larger than the .gif files and unnecessarily take up valuable space in your Polaris account. It is recommended that you retain the .wmz files on your hard drive but do not upload them to Polaris.

  If you do NOT use the Microsoft HTML filter in Office 2000, you may find it necessary to upload the .wmz files to your website in order for your PPT webpage to be viewable online in Internet Explorer. It is a good idea always to test-view your webpages on both Netscape and Internet Explorer to be sure they work as you expect.

Top

The Finishing Steps

After the webpage is created, it and the associated images must be uploaded to a website such as you have available in your account on UMUC's Polaris server. Instructions on various aspects of these final steps may be found in the How-To section of UMUC's online faculty ezine, the DE Oracle at UMUC, at http://info.umuc.edu/de/ezine/how-to.htm. For example, how to publish the page using WS-FTP is described in the page, http://info.umuc.edu/de/ezine/how_to/publish/wsftp/publish_wsftp.htm. Once you have published the page and checked the access permissions, check that it loads properly in your browser. The URL will look similar to the following:

http://polaris.umuc.edu/~jdoe/foldername/subfoldername/filename.htm.

If the page loads properly, click once in the URL in the address window of your browser to highlight it. Then copy the URL so that you can paste it into any area of your WebTycho classroom. This last is the all-important step that gives students access to your PPT webpage.

Blank Image


Welcome Page  How-To Page  Guidelines for Contributors
  WebTycho Login Academic Departments Directory
Administration Directory Faculty Services  Library Services 

Created and Maintained by the Center for Support of Instruction
© University of Maryland University College.