Tom Robb and I are designing a SignUp/Project module and need to provide detailed user requirements to a team of software engineering students at my university. I would like to give them screen designs such as with the Roles Specification.
Actual HTML interfaces are superior to look at and use but a lot more fiddly to set up. Any half-decent HTML editor will do ... Shane used Dreamweaver for that particular page.
For a fast and easy approach, you can use Mozilla's composer. It does plain HTML without the MS clutter you get with Word.
Also Open Office has an HTML editor. However, I find it inserts quite a bit of tags that are not really necessary.
It's open source, and was created by the former lead architect for Netscape/Mozilla Composer. There are versions for Windows, OS X, and Linux.
I didn't have a lot of time to play with it, but from what I saw it looks pretty darned good. It's not as powerful as Dreamweaver, but it's much nicer than the old Composer.
And if you want to have the theory look at this book about Paper Prototyping.
If you want the file as an image after you have created the webpage then I use screen hunter (free version - win) to capture and produce a graphic file.
I have to concur with MD, but I'll add a few alternatives:
- pen - paper - scanner
- whiteboard - digital camera (we do this all the time!)
- if it's a page change, use mozilla, load up the page and hit control-E (or Apple-E if you are lucky ;) -- it'll open the page you have under an HTML editor … change what you want to change, save. (edit: look at the attachment!)
- other page-change technique: print the page, draw on it, scan it back or take a digital picture
- Photoshop/GIMP if it has to be pretty
Is it something like Wink you need?: http://www.debugmode.com/wink/
A good example of a wink production is here:
3 minutes in a microwave owen and dinner is ready? Certainly different from my mothers cooking in childhood times. But could even dynamic websites go from -18 celcius dead HTML to hot dynamic navigation and content in one minute? I set out to prove that it can be done with the new TemplaVoila version for the upcoming TYPO3 3.8.0.
Example here: http://220.127.116.11/oneminutesite/oneminutesite.htm
By the way, I wonder how we can create a kind of Templa Voila for Moodle