Miten saan kuvaan, esim. jpg-muotoiseen karttaan laitettua linkkejä niin, että tiettyä kohtaa napsauttamalla pääsee uudelle sivulle? Kiitos jos osaatte auttaa...
Useampi linkki yhdessä kuvassa (teen nettisivuja)
JpG
3286
0Äänestä
Muut lukivat myös
Odottaa vastausta
Näihin keskusteluihin ei ole vielä vastattu. Ole ensimmäinen.
Vastaukset 3
Vanhimmat
ja luo sille linkki, voit käyttää esim vapaamuotoista rajausta jolloin saat minkämuotoisen linkkipohjan tahansa.
määritellään osa joka toimii linkkinä.
sanotaan kuvakartaksi(imagemap).
Tässä miten homma tehdään:
http://personal.inet.fi/koti/petri.vuorenmaa/html/map/index.html
http://www.saunalahti.fi/~mikaves/html/kuva.htm
Kuvasta pitää tehdä ns. image map. Eli HTML-koodissa määritetään mitkä kohdat ovat klikattavia ja minne klikkauksella päädytään. Koordinaattien kirjoittaminen käsipelillä on turhan työlästä joten tätä varten on olemassa useitakin työkaluja. Yksi hyvä ja ilmainen työkalu on esim. Map This! joka löytyy osoitteesta:
http://www.abdn.ac.uk/tools/ibmpc/mapthis/mpths131.exe
Lyhyt käyttöohje:
1. Asenna ja avaa ohjelma.
2. Valitse file->new.
3. Valitse käytettävä kuva.
4. Mapping valikosta tai työkaluriviltä voit valita minkä muotoista aluetta olet luomassa.
5. Piirrä kuvaan ne kohdat jotka haluat olevan linkkejä.
6. Valitse nuoli työkalu ja kaksoisnapauta vuorotellen jokaista piirrettyä aluetta.
7. Kirjoita ensimmäiseen kenttään osoite tai tiedoston nimi jonne siirrytään kun kyseistä kohtaa kuvasta painetaan.
8. Tallentaaksesi tuloksen valitse file->save as...
9. Kirjoita title kohtaan otsikko. Jätä default URL tyhjäksi.
10. Paina OK ja vastaa kysymykseen kyllä.
11. Valitse alhaalta HTML ja valitse sivu jossa kuva tulee olemaan esim. index.htm.
12. Tallenna ja vastaa seuraavaan OK.
13. Avaa sivu tekstieditorilla.
14. Lisää linkkikuvan img-tagiin usemap="antamasi otsikko" esim.
15. Avaa sivu selaimeen ja testaa.