16 Interaktiivinen kuva

Aktiivinen kuva, kosketusherkkä kuva, interaktiivinen kuva tai image map. Kaikki tarkoittavat samaa asiaa eli rakkaalla lapsella on monta nimeä. Kyse on webisivuun liitetystä kuvasta, johon on upotettu alueita (niitä sanotaan joskus "kuumiksi alueiksi", "hot spot"), jotka toimivat linkkeinä. Interaktiivisen kuvan avulla saadaan aikaan näyttäviä ja havainnollisia kokonaisuuksia. Itse tein kyseisellä tekniikalla nk. kuutestin. Interaktiivisen kuvan ideana on, että selain tunnistaa missä kohti hiiren osoitin on suhteessa kuvan koordinaatteihin silloin kun käyttäjä napsauttaa hiiren painiketta.

Interaktiivisen kuvan tekemisessä on ensin tehtävä valmistelut.
1. Luodaan kuva, josta halutaan tehdä interaktiivinen.
2. Luodaan htm-tiedosto, johon kuva sijoitetaan.

Käytännössä interaktiivisen kuvan voi luoda jollakin siihen tarkoitusta varten suunnitellulla ohjelmalla. Löydät tarvittavat ohjelmat Tucowsista. Kannattaa myös katso Internetixin opas Map This. Tällä kurssilla pysyttelemme kotimaisessa ohjelmatuotannossa ja käytämme Antti Viljakaisen ilmaisohjelmaa "MysticML". Mutta esim. ohjelmalla Paint Shop Pro "image mapin" tekeminen onnistuu myös, kunhan ensin valitset valikosta kohdan File. Sitten Export ja sitten Image Mapper. Oikeastaan kaikissa ohjelmissa on samanalinen logiikka. Ensin valitaan kuva, sitten merkataan kuumat alueet (hot spots") ja niihin tehdään linkit. Lopuksi tallennetaan kaikki toiminnolla "Save as".

Tästä MysticML:n ohjeisiin.