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
  • Pingback: How to Convert Microsoft PowerPoint to HTML5 (web pages) Adobe Acrobat

  • Pingback: How to Convert Microsoft PowerPoint to HTML5 (web pages)

  • Diliara

    It does convert it to HTML5, but all of the animations/transitions are lost. What can be the reason? I am using the trial Captivate 7 for now.

    • Diliara

      on MAC

      • Diliara

        Is it because there is no “High Fidelity” option? How do I enable it?
        Thanks!

        • Nate Leavitt

          If you’re converting it to HTML5 for the purpose of viewing the presentation on an iOS device, this issue is that the PowerPoint conversion process turns your PowerPoint animations into Flash SWF objects. Since Flash won’t play on an iOS device, you will not see the animations.

  • Daniel

    Is this discussion group still active? I’ve been trying to import Powerpoint 2011 Mac pptx into Captivate 7 but I get an error message? Is this a known issue and is there a fix? Anybody?

  • Loading
  • Categories

  • Archives

  • Authors

  • Recent Comments

    • Dr. Pooja Jaisingh: Great! :)
    • Dr. Pooja Jaisingh: Hi Sandra, you can maintain the button size by changing object height and width unit to pixels in...
    • Sandra Lammas: Loving the responsive design so far but a little frustrated with some areas: 1. How can I get a button...
    • Janet Wentum: Thank you for sharing! Now, I know how to make scenario based learning. I’ve always wanted to do...
    • lasnite: Andy, Issues much?
  • Captivate & eLearning Videos

    Subscribe to Adobe eLearning on YouTube.

    Check out the latest eLearning Videos on AdobeTV

Recently Approved