While I feel quite confident with HTML and CSS, it seems to take a bit of
pain to use Dreamweaver for wireframing, perhaps because it tends to force
you into detail too early, when you are still on the "vision" stage of the
process, and feel like a WYSIWYG tool would be more appropriate.
On the other hand, wireframing in the WYSIWYG way entirely without HTML also
feels wrong, because first, the target medium is Web so it's closer to the
reality to think in HTML, and second, HTML is a powerful and expressive
language, and quite a mature one. In fact, all those WYSIWYG tools in their
development tend to invent (unnecessarily) their own pseudo-languages to
imitate a subset of HTML.
This opposition causes a lot of debates on HTML vs. WYSIWYG wireframing and
prototyping in the designer community.
I am now trying to hit the balance between these two approaches. I have
created a prototype of a wireframing tool, where you can move and resize
widget boxes freely on the page in a WYSIWYG manner (based on the wireframe
editor prototype I presented you earlier) and then insert tidy pieces of
HTML into those boxes. All styling is guided by an external CSS file you can
Download the prototype and tell me what you think: