How to create a PDF template and export as HTML/CSS?


Question

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 to design using some visual tool, export to HTML/CSS and then just fill the fields in my backend. Is this possible?

pdf

1
1
10/13/2015 7:49:00 AM

Accepted Answer

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.

2
10/13/2015 1:29:00 PM

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.


Licensed under: CC-BY-SA with attribution
Not affiliated with: Stack Overflow
^