Kuvasta linkki / Dreamweaver

En ole dreamweaveria koskaan käyttänyt mutta pikaisella googletuksella löysin tämmöisen sivun:
http://webdesign.about.com/cs/dreamweaver/ht/htdwimgmap.htm
(hakusanalla: dreamweaver image map)
Alla kökkö suomennos sivun ohjeesta:
1. Lisää kuva sivullesi
2. Klikkaa kuvaa valitaksesi sen
3. Ominaisuudet(properties) valikosta valitse haluamasi valintatyökalu (rect/neliö, circle/ympyrä, polygon/monikulmio)
4. Piirrä haluamasi kuvio kuvaan
5. Valinnan(hotspot) ominaisuus(properties) ikkunassa kirjoita tai selaa haluamasi osoite alueen linkiksi
6. Lisäile alueita kunnes on valmista
7. Klikkaa nuoli ikonia muokataksesi muita kuvan ominaisuuksia
8. Testaa toimivuus selaimella

Jos dreamweaver ei tykkää pahaa voit aina tehdä imagemapin käsin.
Alla esimerrkikoodi:
--------------------------------


Kuvakartta testi









-----------------------------
Elikkä lisäät tagiin usemap="#kartan_nimi"
tagin id:ksi ja nameksi img tagissa käytetty kartan nimi. Syy iihen että molemmat id ja name tulisi määritellä on että toimii useammassa selaimessa.
tagille
-shape="haluamasi muoto"
-coords="haluamasi koordinaatit"
-href="haluamasi linkki"
Nuo coords määreet vaihtuu tietenkin muodon mukana, esimerkissä rect/neliö) muodolla coords on muotoa coords="vasen, ylä, oikea, ala".
Lisää muodoista:
http://w3schools.com/tags/tag_area.asp

http://www.joutsi.com/weppi/webbi.html tuolla gimpin ohje...voi sitä käsitellä muullakin kuvankäsittelyohjelmalla

Kokeilen tänä iltana tehdä neuvojen mukaan.