1. Aktivne slike:
   • S programom Paint ali Paint Shop Pro nariši preprosto sliko, na kateri bodo rdeč pravokotnik, moder krog in zelen poligon. Vsak izmed njih naj ima črn rob. Sliko shrani o obliki GIF.
   • Sestavi spletno stran, na katero boš vključil prejšnjo sliko.
   • Sestavi spletne strani, na katerih boš opisal posamezne like.
   • Pomagaj si z http://www.w3schools.com/html/html_images.asp, kjer je na dnu strani primer.
   • Posamezne like na sliki napravi aktivne. Če uporabnik klikne na krog, naj se mu odpre spletna stran, ki opisuje krog (podobno tudi za pravokotnik in poligon). Uporabi znački <MAP> in <AREA>. Podatke o likih na sliki (koordinate) izveš v programu za risanje.
   • Oglej si še http://www.boutell.com/mapedit/faq.html in http://www.htmlgoodies.com/tutors/cs_imap.html
2. Aktivne slike in okvirji:
   • Poišči sliko na kateri je več različnih stvari (fotografija razreda, obraz, učilnica, ...)
   • Sestavi spletno stran z dvema okvirjema. Na levi strani naj bo slika, na desni strani pa naj se ob kliku na ustrezen del slike prikazuje pojasnilo, kaj tisti del slike predstavlja, morda zapis imena tistega objekta, ...
   • Nekaj idej uporabe
     • slika razreda, kjer se ob kliku prikažejo podrobnosti o posamezniku.
     • drvesne vrste, kjer se ob kliku prikažejo podrobnosti o drevesu.
     • tloris nadstropja, kjer se ob kliku prikaže video prenos dogajanja v posamezni učilnici.
     • abeceda, kjer se ob liku prikažejo slike predmetov, ki se začno na to črko.
     • barve, kjer se ob kliku prikaže kako se tej barvi reče po angleško, nemško in francosko.
     • slika trgovine, kjer se ob kliku prikaže kako se posameznim predmetom reče po angleško.
     • periodni sistem, kjer se desno prikažejo podrobnosti o kliknjenem elementu