As discussed in Methods to Put Online, there are six
methods for putting a PowerPoint presentation online. Although the "Make
Webpage Method" is recommended to achieve an accessible PowerPoint
presentation, another option is to use the "Save as Webpage" in the
PowerPoint program to convert an existing PowerPoint to a web-based presentation.
There are two ways to Save a PowerPoint presentation as a webpage:
- “Save as Single File” (MHT) that contains the whole presentation.
- “Save as an HTML File” that links to other HTML files.
Most webpages are written in HTML, as recognized by the .htm or .html extension
code that follows the filename. HTML stands for Hypertext Markup Language. The
resulting web-based presentation created through the PowerPoint program will
be an HTML file. This is not a single HTML file but rather a link to several
files and images that can be found in the folder whose name ends with _files
(this folder is automatically created along with the HTML file that you save).
Drawbacks of the "Save as HTML" Method
Although the process is mostly automated through the PowerPoint program, there
are several drawbacks to using "Save as HTML" to convert a PowerPoint to a web-based
presentation.
- Internet Explorer (IE) is required to view and have access to the
presentation, especially when using a text-to-speech program or screenreader
(i.e. Jaws). In a non-Microsoft web browser (i.e. Netscape Navigator/Mozilla),
the text of the slides does not appear and the slides are images; thus, those
using text-based browsers, screenreaders, or a text-to-speech program cannot
access the presentation.
- User has to navigate a complex set of five frames. Most
people have difficulty understanding and navigating multiple frames; the difficulty
and frustration of navigating frames is even greater when a text-to-speech
program or screenreader (i.e. Jaws) is used.
- Generates code that is not comprehensible and inaccessible
to established guidelines (i.e. Section 508 or the W3C
WAI Web Content Accessibility
Guidelines). To get an idea of the complexity, compare these code snippets:
Browser view of an item in a bullet-list
- I'm glad you're here.
Code needed for a bullet-list in a webpage
<ul><li>I'm glad you're
here</li></ul>
Code generated by "Save as HTML"
for a bullet-list
<div class=B style='position:absolute;top:30.0%;left:8.42%;width:83.14%;
height:6.75%'>
<span style='font-weight:normal'><span style='mso-special-format:bullet;color:#00FFCC;
mso-color-index:5;position:absolute;left:-4.71%;top:.22em;font-family:Wingdings;
font-size:80%'>l</span></span>I'm glad you're here
</div>
<div v:shape="_x0000_s5123">
<div class=B style='position:absolute;top:38.5%;left:8.42%;width:83.14%;
height:6.75%'><span style='position:absolute;top:0%;left:4.5%;width:95.49%'><span
style='font-weight:normal'><span style='mso-special-format:bullet;color:#00FFCC;
mso-color-index:5;position:absolute;left:-4.71%;top:.22em;font-family:Wingdings;
font-size:80%'>l</span></span>This is a Senior-level course </span></div>
<div class=B1 style='position:absolute;top:46.75%;left:13.48%;width:78.08%;
height:6.0%'><span style='position:absolute;top:0%;left:4.07%;width:96.16%'><span
style='font-weight:normal'><span style='mso-special-format:bullet;position:
absolute;left:-4.23%'>-</span></span>Expect you have study
skills </span></div>
<div class=B1><span style='position:absolute;top:54.25%;left:16.66%;
width:78.46%'><span style='font-weight:normal'><span
style='mso-special-format:
bullet;position:absolute;left:-4.05%'>-</span></span>Expect
you have
time-management </span><span style='position:absolute;top:60.5%;left:16.66%;
width:75.09%'>skills </span></div>
<div class=B style='position:absolute;top:68.25%;left:8.42%;width:83.14%;
height:6.75%'><span style='position:absolute;top:0%;left:4.5%;width:95.49%'><span
style='font-weight:normal'><span style='mso-special-format:bullet;color:#00FFCC;
mso-color-index:5;position:absolute;left:-4.71%;top:.22em;font-family:Wingdings;
font-size:80%'>l</span></span>We'll have lots of fun </span></div>
<div class=B1style='position:absolute;top:76.5%;left:13.48%;width:78.08%;
height:6.0%'><spanstyle='position:absolute;top:0%;left:4.07%;width:96.16%'><span
style='font-weight:normal'><span style='mso-special-format:bullet;position:
absolute;left:-4.23%'>-</span></span>It's always fun to
critique! <span
style='font-family:Wingdings;mso-char-type:symbol'>J</span><span
style='mso-special-format:lastCR;display:none'> </span></span></div>
</div>*/?>
- The “Save as Single File” method results in one large file.
The whole file must be downloaded before it can be viewed. The advantage over
the “As is” method is that the PowerPoint software is not needed
and the browser can read the file. It is more manageable than the “Save
as HTML File” method as only one file is created.
To convert a PowerPoint into a web-based presentation with "Save as Single
File":
- Open the PowerPoint presentation that you wish to save as a Single File
(.mht) in the PowerPoint program.
- Go to the "File" menu and select "Save as Web Page ..." (see Image
44). If the "Save as Web Page ..." option does not appear, you may need to select the "down arrows" to fully expand the "File" menu.
- A "Save As" dialog box appears; Choose the location where you
wish to save the file and click the “Save” button. (see Image 45).
To convert a PowerPoint into a web-based presentation
with "Save as HTML":
- Create folders to organize
the files.
- Use the "Save as HTML"
in PowerPoint.
- View the resulting web-based
presentation .
Create Folders to Organize Files
It is recommended that you create one common folder,
also known as a directory into which you place all the files associated
with the PowerPoint presentation.
To create a folder:
- Go to the location on your computer where you want to create the folder.
For this example, go to the desktop of your computer and select "My
Documents."
- A new window called "My Documents" is displayed. Select
"File" then "New" and then "Folder."
- A folder called "New Folder" is created; rename the folder
with a descriptive name. For this example, name the folder "Mod3_PPT_SaveHtml."
Tip: File names
containing spaces are not supported by many browsers. If a file
name contains more than one word, use an underscore ( _ ) in place
of the space or put the words together, capitalizing only the first
letter of each additional word (even if the word is an acronym).
- Into the folder you created, copy the PowerPoint presentation that
you want to convert using "Save as HTML." For this example,
download the PowerPoint sample
presentation (
HCI.ppt,
184 KB) into the folder, "Mod3_PPT_SaveHtml."
A PowerPoint presentation may be associated with other
files, such as images or audio. To provide further organization, files
of the same type should be grouped into their own folder within the common
folder; this is called a subfolder, also known as a subdirectory.
To create a sub-folder:
- Select the folder where you want to place the sub-folder. For this
example, go to the desktop of your computer, select "My Documents"
then "Mod3_PPT_SaveHtml."
- A new window called "Mod3_PPT_SaveHtml" is displayed. Select
"File" then "New" and then "Folder."
- A subfolder called "New Folder" is created; rename the subfolder
with a descriptive name. For this example, no subfolder is needed; select
"Cancel."
Use the "Save as HTML" in PowerPoint
The PowerPoint program has a "Save as HTML" option for converting
a PowerPoint into a web-based presentation.
To use the "Save as HTML" in PowerPoint:
Image 44: Select "Save as Web Page" in PowerPoint program
Image 45: "Save As" dialog box in PowerPoint program

Image
46: "Publish as Webpage" dialog box in PowerPoint program

Image
47: Selecting target screen size in "Web Options" dialog box of
PowerPoint program */?>
- Open your PowerPoint program.
- Go to the "File" menu and select "Open."
- An "Open" dialog box appears; browse to the location of
the PowerPoint presentation that you want to convert. For this example,
open the sample presentation (HCI.ppt) within the "Mod3_PPT_saveHtml"
folder of "My Documents."
- Select "Open" to close the dialog box and load the selected PowerPoint
presentation.
- Go to the "File" menu and select "Save as Web Page ..." (see Image
44). If the "Save as Web Page ..." option does not appear, you may need to select the "down arrows" to fully expand the "File" menu.
- A "Save As" dialog box appears; select "Publish .." (see Image 45).
- A "Publish as Webpage" dialog box appears. Be sure to select
the options: "Display speaker notes" and "All browsers listed above (creates larger files)" before selecting the "Web Options ..." button (see Image
46).
- A "Web Options" dialog box appears and contains four tabs
of information; Select the "Pictures" tab (see Image
47).
- In the "Screen size" dropdown box, select the resolution of the screen
for your target audience. As many people use 800x600 but some still
use 640x480, it is best to select the lower resolution of 640x480 to
ensure the information will be conveyed.
Tip: An added benefit
of selecting a lower resolution is that the generated files will
be smaller in size, reducing the download time of the presentation.
- Select "OK" and then "Publish" to complete the export of the presentation in the "Save as HTML" process.
View the Resulting Web-based Presentation
To effectively access the web-based presentation created using "Save as
HTML" to convert a PowerPoint, it is best to use the web browser, Internet
Explorer (see Drawbacks of the "Save as HTML"
Method). The resulting presentation will have five frames.
For this example, view the file (index.html) in the "Mod3_PPT_SaveHtml"
folder of "My Documents" (see Image
48) or the example
of a PowerPoint converted using "Save as HTML" in the PowerPoint program
(
, 2.8
KB) .
The web browser view of the resulting consists of five
frames. presentationtemplate file(see Image
48). The presentation's
navigation is on the left, showing which slide is currently shown relative
to the other slides. There is navigation on the bottom of the screen with
"previous" and "next" buttons. Any notes associated with the slide in
the original PowerPoint preentation are displayed below the slide image
in another frame */?>

Image
48: PowerPoint Document Saved as Web Page
*/?>
The "save as Web page" version of the presentation consists
of five frames (see Image
50 ).
*/?>
Five Frames in the "Save as HTML" presentation
- "Outline Frame" is the leftmost frame; used to select and
directly navigate to slides in the presentation. When a slide is selected,
its image will display in an adjacent frame. The amount of information
shown in this frame is controlled through the "Expand/Contract
Outline Frame.
- "Expand/Contract Outline Frame" is directly below the "Outline
Frame" used to control the display of the "Outline Frame."
When contracted, only the slide title is shown. When expanded, any text
that appeared in the "outline view" of the original PowerPoint presentation
for a slide will be shown under the slide title.
- "Slide Frame" is the upper right and largest frame; shows
the image and all graphical, textual, and when present, audio or video
of a slide selected in the "Outline Frame" of the presentation.
- "Notes Frame" is below the "Slide Frame"; shows
empty unless there are any notes associated with the slide selected
in the "Outline Frame" and displaying in the "Slide Frame".
The information in Notes is often used to annotate slides, explain more
detailed complex material and/or provide a "bullet list" of items.
- "Navigation Frame" is below the "Notes Frame" and to
the right of "Expand/Contract Outline Frame"; used to move the presentation
to the "next" or "previous" slide and displays the number
of the slide that is being viewed relative to the total number of slides (i.e.
Slide 8 of 12). Also, offers the option of hiding or displaying notes by toggling
the "Notes" button and viewing "full screen" mode by selecting
a "tv-like" icon.
In the end, the "Save as HTML" Method may not be the
best solution for making a PowerPoint accessible
The next page will discuss using "Save As RTF" (rich
text format) in the PowerPoint program to convert an existing PowerPoint
presentation.