October 28, 2013

How to Convert Microsoft PowerPoint to HTML5 (web pages)

In this article you will learn how to easily convert your PowerPoint slides into web enabled presentations using HTML5.

What you’ll need
You will need a Windows or Macintosh computer and a copy of Adobe Captivate. (You can download a free 30 day trial of Adobe Captivate here.)

Step 1
Create a PowerPoint slide deck in Microsoft PowerPoint and save it. Remember where you saved your PowerPoint slide deck.

Step 2
Open Adobe Captivate. If you are on a Mac, you’ll find your installed version of Captivate under Applications. If you are on a Windows computer, you’ll find it under the Start Menu.

Step 3
Choose File: New Project: Project From Microsoft PowerPoint
newFromPowerPoint

Step 4
A dialog box will open. Chose the PowerPoint slide deck.

Step 5
Adobe Captivate will open a dialog to let you preview the import. Click the Okay button to continue importing and converting your slide deck.
importCpPptdialog

Step 6
Select File: Publish from the menus.

Step 7
In the publish dialog, select the SWF/HTML5 tab (top left). Then set the output format to HTML5 (you can turn off SWF.) Finally, click publish.
html5publish

Your published HTML5 web page will now be available. But if you’ve never worked with HTML or HTML5 before it might not look the way you expected. Web pages are stored as individual elements (like graphics etc.) and a set of instructions in a text file that is usually called ‘index.html’

To put your new web slide show online you’ll want to copy the folder with your converted PowerPoint deck into your web server. By Default, Captivate publishes files into a folder called ‘My Adobe Captivate Projects’ in your Documents folder. Here’s a view of the PowerPoint that I just published, shown as a folder inside that directory.

whereAreMyFiles

As always, don’t hesitate to share your ideas, comments and questions in the discussion section below.

Posted by Allen Partridge11:46 PM
  • Loading
  • Categories

  • Archives

  • Authors

  • Recent Comments

    • Jeff: I have Captivate 7 but no characters are listed for selection via Insert > Characters. Are some supposed to...
    • Lisa M. Matthews: Hi, I am running into issues setting up multiple Text Entry Buttons. I have slide setup where users...
    • Northern Queen: Great! Helped me a lot in my current project!
    • mizan.ngbd2013: this verion is very helfull
    • Yarik: Perfect! Thanks for sharing source file, so I can discover and learn. I love Cp7 and Pn9 for everyday working....
  • Captivate & eLearning Videos

    Subscribe to Adobe eLearning on YouTube.

    Check out the latest eLearning Videos on AdobeTV

Recently Approved