Some students are behind a government firewall, and can't get to many sites (eg, www.leepoint.net). So don't even think about using images. Hmmm, can they see Flash or quicktime images?
Your program listing doesn't all show up. The reason has to do with HTML.
Generally, you can put your program text in a <pre> tag. Eg,
<pre> ... Your program here. </pre>
However there are two "metacharacters" that can't go in HTML. This is something like the problem of putting a " into a Java string. In Java you prefix the metacharacter with a backslash (\).
In HTML the two most important characters are < and & . Because HTML tags always start with <, you have to do something special -- Write < (those four characters). And a & is written as &
Some editors will make this transformation for you, but TextPad doesn't seem to be one of them.