How to convert from Powerpoint to HTML / CSS ? (FOSS)

Question

Someone has mocked up a website using PowerPoint, and I have to convert it to HTML / CSS.

This is not a request to simply embed PowerPoint into the webpages. This will not be a static HTML site. PHP will generate HTML, and there are a bunch of forms for the user to submit information.

Is there a conversion tool, or a series of conversion hoops that I can jump through? I'd much rather have the styles in CSS than inline in the HTML.

+1 But when all you have is a hammer .... look, some folks create text documents in Excel ... anyhoo, that's what I am given (that and an incerdibly short amount of time) ... what would you do (if it was your mom, who needed the site for granny's funeral? i.e., it has to be done and there's no way out) — Mawg says reinstate Monica, Jun 08 '11 at 04:41
Quickest way: I would read [existing questions](http://stackoverflow.com/search?q=embed+powerpoint+on+web+page), such as [this one](http://stackoverflow.com/questions/39855/embed-powerpoint-into-html). The Right Way: what @Petah said. — Matt Ball, Jun 08 '11 at 04:47
Sorry, Matt, but I quite clearly stated that I ****do not*** want embed PowerPoint into HTML, which is all that your comment discuses. — Mawg says reinstate Monica, Jan 05 '17 at 14:02
Of course, nowadays, questions like this should be asked on https://softwarerecs.stackexchange.com/ — Mawg says reinstate Monica, Apr 11 '18 at 07:03
Nowadays, I would ask on https://softwarerecs.stackexchange.com/ — Mawg says reinstate Monica, Apr 25 '20 at 13:16
We all followed your journey for over a decade, so I think you owe it to the world to let us know what your outcome was — Josh Pachner, Mar 12 '22 at 05:03
I accepted an answer 11 years ago. And have not thought of the topic since. Hopefully the answer helped you? If not, good luck with your new question :-) — Mawg says reinstate Monica, Mar 12 '22 at 10:49

score 8 · Answer 1 · answered Aug 09 '13 at 16:14

The "Save As Webpage" option no longer exists on PowerPoint 2010 and later.

Microsoft has provided a workaround, summarized as, "use the ppSaveAsHTML argument for the *.htm file format."

In PowerPoint 2010, open the presentation that you want to export to HTML.
Press Alt+F11, this opens VB for Apps.
Press Ctrl+G, this opens the Immediate pane.
In the Immediate pane, type the following, and then press the Enter key:

ActivePresentation.SaveAs "<Drive>:\users\<username>\desktop\<filename>.htm", ppSaveAsHTML, msoFalse

To save by using the Single File Web Page (*.mht;*.mhtml) file format, replace htm at the end of the file name with mht, and replace ppSaveAsHTML with ppSaveAsWebArchive.

For the benefit of searchers - this no longer works in 2013. Microsofts suggestion is to save it as a PDF or PPT and put it on SkyDrive - http://social.technet.microsoft.com/forums/office/en-US/14fe0e03-3fce-4775-933d-2fe4da5accde/powerpoint-2013-save-as-web-page-feature-missing — JsAndDotNet, Jul 04 '14 at 14:18

alt · Accepted Answer · 2011-06-08T05:07:12.690

7

Since I'm guessing you're not the best with web design hardcode, your options are:

Go into powerpoint, and use the 'Save For Web' button. It won't be perfect, you'll probably have to tweak some stuff, but you could make it look right with much less coding knowledge then the normal site.

OR: Make a flash site and embed the powerpoint into the flash, if you're flash savvy.

OR: Here's a poweproint conversion tool if your powerpoint if you don't want to code at all: http://www.pptools.com/ppt2html/index.html I'm not sure how well it works, you'll probably just end up frustrated and you'll have to code some anyway.

Option #1 is good, and it will require very little actual coding, just fixing the thing powerpoint does wrong.

Option #3, flash ewww.

Option #4 I haven't tried it, but you sure can if you're feeling up to it, probably won't be too fast or customizable.

But overall, the best bet is going to be look at it with your eyes and convert it using your knowledge of code and w3fools.com, err, oops, http://www.w3schools.com/ as a resource.

edited Jun 08 '11 at 05:07

answered Jun 08 '11 at 04:45

alt

13,357
19
80
120

1

+1 .. and no offence taken :-) Not having PP (which I omitted to mention), I didn't know that it had an export to HTML function (someone mentioned XAML in passing). If so, expect either a web paeg with lots of CSS in the header (hopefully easy to convert) or styles on each HTML element (which is what I fear & why I ask for help) ... – Mawg says reinstate Monica Jun 08 '11 at 08:00
1

Lots of css in the header is fine. Just copy it into a style.css file and it. Remove lines one by one to find that which you do not need. Styles on each html element would be bad, you'd have to go by each element one by one and make selectors and combine, it would take a few hours, but it could be done. Like I said, you should need to tweak it a bit, pp is far from perfect. – alt Jun 08 '11 at 08:16
+1 hanks, Jackson, it looks like I will be going with option #1. I don't mind fine tuning (but I do remember years ago looking at the "HTML" produced by MS word ... shudder. Hopefully it's gotten better - or I have). With any luck a few global edits will take care of 80% or more of it, leaving just a few hours of manual tweaking. – Mawg says reinstate Monica Jun 08 '11 at 14:46
Save As Web Page does not exist on PowerPoint 2010. See my answer here for PowerPoint 2010. – JoshDM Aug 09 '13 at 16:15
1

Excuse me, there is [Codeacademy](codeacademy.com) and [Mozilla Dev Network](https://developer.mozilla.org/en-US/Learn). – Dec 02 '15 at 00:54

score 6 · Answer 3 · answered Jun 08 '11 at 22:16

FWIW, I don't think the PPTools PPT2HTML add-in will give the needed results. I wrote it, so I suppose I can answer as authoritatively as anyone. ;-)

It'll give you an image of the original PPT slide, optionally with an image map that preserves the links and action settings if any.

And it could be used to extract the title, body and any other text in a fairly predictable way, and could even insert any HTML/CSS code you like around each of these bits of text, but unless the slide/slides are fairly simple examples of stock PPT slides, that might not be very helpful.

score 4 · Answer 4 · answered Jan 07 '16 at 02:09

4

I'm using PowerPoint 2016. I used this site to convert my PowerPoint to an HTML file. I got the CSS, HTML, JavaScript all in one HTML file.

answered Jan 07 '16 at 02:09

jade290

413
6
5

+1. Zamzar online service is not a free-software solution, but it **is the only solution here that really works** fine in nowadays (2017+). – Peter Krauss Dec 28 '17 at 18:34

score 1 · Answer 5 · answered Jun 12 '13 at 09:34

1

The best i found (for developers) is PowerPoint to Html5 SDK. It convert powerpoint to html including video and audio with amazing player API. Very easy to customize (player template can be customized). Quality is also good: try it

answered Jun 12 '13 at 09:34

user2343734

21
1

Agree that Html5SDK is quite good. Is it possible to create a server that Html5SDK is installed on, and a web service to convert from ppt to html. I mean in this case, does the sdk charge a lot? – chipbk10 Jul 01 '15 at 08:21

score 0 · Answer 6 · answered Apr 11 '18 at 06:56

0

Have you tried the converion tool html5point? They have a demo on the site as in convertio. But there is a watermark on the output.

https://www.digitalofficepro.com/powerpoint/powerpoint-to-html5-converter.html

answered Apr 11 '18 at 06:56

Anto Jose

9
1

score 0 · Answer 7 · answered Oct 03 '22 at 11:13

0

Another solution is to :

Export your PowerPoint presentation to a .pdf document with :

File
Export
Create PDF

Convert your pdf document to an .html file with :

Any free website you will find by googling "pdf to html"
Adobe, ...

answered Oct 03 '22 at 11:13

sangorys

1,161
10
16

score -1 · Answer 8 · answered Feb 18 '17 at 06:29

-1

By far the easiest way to convert your PPT to HTML5 format is to use iSpring Converter Pro. Check it out here: http://www.ispringsolutions.com/ppt-to-html

answered Feb 18 '17 at 06:29

Peter

1

1

This app is used to embed PowerPoint into the HTML5 webpages. But OP says: *"This is not a request to simply embed PowerPoint into the webpages."* – u32i64 Feb 18 '17 at 06:39
1

Using this app we can't convert PPT to HTML. – Nayana_Das Feb 18 '17 at 06:50

How to convert from Powerpoint to HTML / CSS ? (FOSS)

8 Answers8

Linked