Fonts and Keyboard located at sil.org
Several good unicode fonts that support IPA, and keyboards for typing them, are available at:
The free keyboard solution there (created using MSKLC) is very similar to the Keyman keyboard (which is free too–but Keyman is not). The main difference is that MSKLC only supports deadkeys, so this keyboard inverts the keystroke order (e.g. =e instead of e=).
Quick Reference Materials located here
Several pages of documentation are provided with each keyboard, but if you want a one-page quick reference that visually teaches both IPA and the keystrokes, you may want to use the following chart:
There are also face diagrams (filled and blank) that can be used in a phonetics course. Here's a sample:
These charts were all created using drawing objects in a single MS Word 2003 document that has layers for English, Spanish (not yet translated), and Indonesian thus far. (It might be good to redo them in a true vector-based image editing tool with layers, provided it had good support for these IPA characters and fonts.) Both sets of keystrokes are included, but the Keyman strokes are hidden by default.
The source file (requires the Gentium Plus Compact font):
The document is editable, so it is possible to translate it into your country's language, or to create worksheets with face diagrams for other IPA phones (or blank face diagrams for the student to complete).