: How to create a PDF template and export as HTML/CSS? I need a tool that allows me to design how a PDF file would look like in a web page. Something simple the image below, I would like

@Heady304

Adobe Muse

Adobe Muse is a WYSIWYG (What You See Is What You Get) editor. It allows the designer to create web pages without coding. It exports the code to HTML and CSS. I don't think Muse has a built-in feature for saving as a PDF though (unless you print to a PDF).

Photoshop to Muse

Designers can also design a page in Photoshop and then place that Photoshop file into Muse. Using this method would allow the designer to create the design in Photoshop, save it as a PDF in Photoshop, and then import the design into Muse and export as HTML & CSS. Since you need a PDF, this may be your best method.

Vote Up Vote Down

@Sent7350415

The only solution I would suggest would be to use InDesign for this. The template solution in a PDF format could work but after Acrobat 8.0 Adobe realized what people were doing with scripting and features so they limited what you can do with Acrobat and there are not as many objects in the newer versions of Acrobat so a pure JavaScript solution may not be possible.

I would template your workflow with InDesign by creating a standardized CSS you can import and default paragraph and character styles. You can then output as a PDF for the approval process and HTML. However, be advised if you start adding tidbits to the character and paragraph styles it will make your CSS convoluted.

Another solution could be generating in XML and use many tools you can research on converting XML to PDF then bring it into InDesign as IDML but this would probably require Adobe's InDesign SDK and you have to go through an approval process now which, if I recall, it took three weeks before I was approved.

If I may be missing something by your question please let me know and I will go into further detail with my answer.

Vote Up Vote Down

@Si6392903

In my opinion the methodology you are proposing is not a good one.

You can have some diferent aproaches/workflows:

1) Normally you do not design as pdf. Pdf is a file that is usually for an output, not as a working file.

So you take an palication like indesign, and after is designed you can Export as a PDF, and make an aditional separated export for an html output.

2) Design a html page and after it is designed, you export or "print" the page to a pdf file.

This two methods can cover your need of an editable html page.



There are some aditional methods, like programming a web aplication than can generate a pdf on the fly, but that requires a lot of programming, which is not a part of graphic design.

Vote Up Vote Down