Drawter is an online HTML editing tool with graphics touch ( Allows you to draw html elements like button , paragraph, header tags like h1 ) . The output is not like a real HTML button but a blue print. It helps you to visualize, arrange and add stylesheet or CSS code with every element.

For an example if you want to design your web site but not sure how to start with and you want to add all CSS rules to it, this is what you need. You can create a CSS template or complete page template with it. On top of that it also allows you to select Page Doctype like HTML4 strict or XHTML 1.0 Strict.

At the end you can generate the whole html which can you copy and put it on your server to test . It even follows the Node structure which helps you to visualize the structure of the web page You can even add the content and select font size. Thus making it a complete HTML generator

Making Your Blueprint

Selecting HTML elements

Editing The content

Getting the final output