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


Tags: html,css,xaml,powerpoint

Problem :

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.



Solution :

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.


    CSS Howto..

    How to add css to form elements if attribute class is already being used in Jquery

    How to scale a fixed-width website to an iPad viewport

    simplest slideshow using html, css toggling visibility of each div tag

    How do I modify a css element with Jquery after appended with Jquery to a div?

    How to stop html/css object from resizing

    How do I remove white space due to position relative of CSS?

    How to inject css into a document via ajax?

    How to remove empty space in thumbnail grid

    How can I vertical align my
  • to the top of this box which uses `display: flex`?
  • Responsive design: How to open links in a modal window for desktop browsers, but not on a mobile device?

    How to rotate image used as list type in unordered list

    How can I enable CSS selector profiling in Chrome

    How do I eloquently toggle a show/hide event in a list of multiple collapsible items with jQuery?

    How to define a set of CSS class names so Vim knows how to autocomplete

    How to make a table-cell have the same width as its height?

    How do prevent my div from spilling outside its parent container?

    How to get selected table cells background colour?

    jQuery Cycle Plugin is showing border of auto-generated links

    CSS: how to make nth table column border thicker when column count is variable?

    How to make an element's position absolute in page, despite an ancestor having absolute position

    How to correctly use tableless layout with borders using CSS?

    How to create a dynamic-width arrow in CSS?

    How to play a second CSS animation once the first one finishes

    How to denote common class names with slight numeral changes into one - CSS shorthand?

    how to take common factors out from css where it is separated by comma (,) [duplicate]

    How to add a “new line” after a ZF2 form element?

    How to change image size on featured images in wordpress?

    How can I put a inside of an ? [duplicate]

    How can design a full screen calendar view in Twitter Bootstrap?

    PrimeFaces: how to override CSS class