The Ko & Rossen, Chapter 9: Creating Courseware and Using Web 2.0 Tools provide good tips about designing web pages for instruction.
A detail: on page 251, the author is unclear to distinguish the use of sans-serif vs serif fonts.
The use of sans-serif for titles and headers, serif for the body of the text is probably best if you are creating something to be printed on paper.
But, if you’re creating something to primarily be viewed on the computer screen, you are probably better off sticking with a sans-serif font for everything.
I personally use SnagIt frequently to capture images to illustrate learning material and manuals. Although it is a commercial application, is inexpensive and very flexible.
When I need images or photos, I often browse on Flickr because many Flickr users have chosen to offer their work under a Creative Commons license. It’s possible to search content under different type of license.
The use of Mbedr open an interesting opportunity to include annotated images inside didactic material (I’ve learned to annotate one of my own pictures in Flickr!).
Thanks for these tips!