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

    • Lo' Roz: mmm good news but i try it and videos continue to not working on chrome 36 !!!
    • DaveC: I have created an e-learning package using captivate 7 which is free-roaming, non-linear and not used for...
    • Tracy J Windsor: I am having this same issue — The button / Clickable area does not work in Mobile view...
    • PaulB: Ive just switched from storyline to captivate 8 and I am having trouble with the responsive projects. It seems...
    • David: I can not preview the responsive layout on my project in Captivate 8. Anyone know why?
  • Captivate & eLearning Videos

    Subscribe to Adobe eLearning on YouTube.

    Check out the latest eLearning Videos on AdobeTV

Recently Approved