Creating interactive images for your students

If you run a blog or a website for your students, there is a tool you may find useful to catch their attention on specific topics. The tool is called HTML Map Creator (click on the name to open the link) and allows you to add interactive links to a picture you choose. It is dead simple: you pick the picture you want (it doesn’t need to be yours), then you select the area(s) and add the links to the resources you want to be included. Once you have finished, the site will give you an html or css code you can embed in yor posts and that’s the interactive picture working for you. Remember to explain what they have to do or, otherwise, the effect will be lost. If you want to see how it works, take a look at this:

(Click on the candles, the pumpkin and the bowl)

HTML Map

PS: It is importan to check that your picture is not too big for the frame of the post to avoid the whole thing geeting disjointed.