Take the 2-minute tour ×
Webmasters Stack Exchange is a question and answer site for pro webmasters. It's 100% free, no registration required.

I have designed an infographic for a client using Illustrator and now they asked me to make a website for them based on the infographic.

I use Adobe Dreamweaver occasionally, but I'm not good with it, I might sound like a newbie but Notepad++ was usually enough for my needs, and I'm not sure how should I position all those different images and texts so they look just like the infographic.

Now I am looking for an easy way to convert my PDF designs to a website, without having to learn how to position all those images and texts together.

share|improve this question
add comment

3 Answers 3

up vote 3 down vote accepted

You will never find an application that does the job perfectly but their are some PDF to HTML convertors online that can convert simple to fairly complex PDF designs.

The other option would be to pay a designer to take the PDF design and make it into a friendly HTML design that works as intended, AI/PDF/SVG > HTML convertors are not perfect and sometimes are not successful while a designer would or should do it justice.

Finally you could always ask your client to embed the PDF file onto the website meaning the PDF is served in a frame, there are lots different ways you can embed the PDF on their website.

share|improve this answer
add comment

You could have a look for some kind of PDF to HTML converter and perhaps this question on Stackoverflow might help?

However, I have not tried something like this myself and I would be very sceptical as to the quality of the HTML/CSS produced. An automated tool might be able to make it look acceptable, but there is a lot more to creating a web page than simply how it looks. Accessibility, semantic markup and SEO for instance. The ability to be able to update the page in the future might also be a concern. An automated tool is likely to generate a bloated page (large size, slow and more bandwidth) that is nothing short of a nightmare to update.

So, basically, you might be able to "get the job done" by using an automated tool, but a proper solution would involve getting your hands dirty with the correct HTML/CSS.

share|improve this answer
    
Jinx ;)......... –  bybe Jul 9 '13 at 10:17
    
Ha, by 9 seconds!? If it wasn't for the fan blowing the papers off my desk... :) –  w3d Jul 9 '13 at 11:25
    
Thank you all for your answers. embedding the PDF is not an option, it is also possible to export from Illustrator to an HTML5 canvas element, but that's not SEO friendly. I think I should start learning or pay someone to do it. –  Omne Jul 10 '13 at 19:47
add comment

Embed the PDF in a webpage, on a test website, and ask them if that works for them. Maybe put header and footer. Tell them that is the cheapest way.

share|improve this answer
add comment

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.