Exporting HTML/CSS with Inkspace or Gimp

Question

Is it possible to design web pages using Inkspace or Gimp and export them as HTML/CSS?

• I want a solution where I design using drag/drop and don't have to write lots of HTML/CSS bu hand all the time
• I prefer using open source software
• For Gimp I found this, but not sure if this really works
• For Inkspace I found tutorial here, but this doesn't seem to export HTML/CSS from it

Please share your experiences/ideas

Thank you

Solution 1

Is it possible to design web pages using inkspace or gimp and export them as html/css?

No

I want a solution where I design using drag/drop and don't have to write lots of HTML/CSS bu hand all the time

For the past 20 years or so, we've seen dozens and dozens of products come and go all trying to do that. None of them really work.

---

I'd suggest one of these options:

• learn the medium (HTML, CSS, JS). That's your best bet.
• take time to set up (or hire someone) a proper CMS for you. WordPress is one of the popular open source options. Once it's set up, you can update your site without having to touch HTML/CSS
• Work with someone that can take your visual designs and turn them into HTML/CSS/JS for you. This is still not an ideal workflow, but would give them the 'drag and drop' freedom you are looking for.

Solution 2

Learn to code, its the only way, there are so many WYSIWYG editors on the market that really dont do as good a job as the knowledge contained in a 4 inch thick HTML & CSS bible.

You want to build websites, learn to code.

When I was at Uni we had a lecturer that made us code JavaScript using Notepad, nightmare at the time but it taught us the syntax.

Solution 3

You can look at the plugin you mentioned, I have just been using it it will export a layout in css but you still have to update and fill in the tags with your content etc. so a little learning of CSS is required. If you need it to export images as well I would suggest using the http://registry.gimp.org/node/18440 and then http://registry.gimp.org/node/20778 to optimis e+ the image sizes.

Ian