HTML-opas v.14.11.1997

IMAGEMAP

Huom: Eri palvelimilla saattaa olla erilaisia käytäntöjä imagemapin rakenteessa!
Oletan että tidät mikä on "URL". (osoite/linkki)


up.gif SISÄLLYSLUETTELOON

ALUEIDEN MÄÄRITYS


NELIKULMIO Vasen yläkulma ja oikea alakulma.


YMPYRÄ Ympyrän keskipiste ja kehällä oleva piste.
Jos map-tieto sisältyy html-dokumentin sisään, niin säde pikseleissä -tosi kummallista?


MONIKULMIO Kuulemma korkeintaan 100 koordinaattia.
Viiminen koordinaatti ja eka koordinaatti sulkeutuu automaattisesti.


MAGNEETTINEN PISTE Linkki määräytyy lähimmän magneettisen pisteen mukaan.


TAUSTA

Tarvitaan vain erillisessä karttatiedostossa koska serverin ohjelmisto hoitaa homman ja selailija ei näe alueesta johtavaa linkkiä mistään
Jos map-tieto sisältyy .html tiedostoon, niin moista ei tarvitse, kun tausta-alue kuvassa ei anna hiiren reagoida.


up.gif SISÄLLYSLUETTELOON

MAP-TIETO
KORDINAATTIOSAT


VAIHTOEHTO 1.) ERILLISESSÄ KARTTATIEDOSTOSSA

  • Testaaminen ei onnistu omalta "kovalevyltä", vaan ainoastaan serveriltä koska siellä on / pitäisi olla imagemap-ohjelma joka hoitaa karttatiedoston linkin tunnistamisen.
  • Erillisessä tiedostossa ei erotella osia "haoilla" - vaan välein.
  • Tekstitiedosto sijoitetaan jonnekkin mistä sen voi linkata. (mieluusti sama hakemisto missä html-dokumenttikin)
  • Linkki: Miten koordinaatit määritetään.
  • Linkki: Miten erillinen map-tieto-osa linkataan html-dokumentin kuvan yhteydessä.


    VAIHTOEHTO 2.) HTML DOKUMENTIN SISÄLLÄ
  • Testaus onnistuu omalta "kovalevyltä".
  • Osan voi sijoittaa BODY-osan sisään minne haluaa.
  • Linkki: Miten html-tiedoston sisäinen map-tieto-osan voi linkata html-dokumentin kuvan yhteydessä.
  • Linkki: Miten koordinaatit määritetään.


    SELITYKSIÄ:

  • Samaa kuvaa ja map-tiedostoa voidaan käyttää useammallakin sivulla.
  • Huomasin meidän serverillä, että koordinaatistoarvojen esittämisessä pitäisi käyttää nollia edessä: esim: 001,023 123,453
  • Ekana oleva rajaus on päällimmäisenä. Viimisenä oleva rajaus on alimmaisena. Eli jos on määrittänyt isomman aluuen ja sen päälle pienemmän, niin pitää laittaa pienempi rajaus tämän päälle, eli listassa ennen isompaa rajausta.


    up.gif SISÄLLYSLUETTELOON

    HTML-KOODISSA LINKITYS MAP-TIETOON


    VAIHTOEHTO 1.)
    ERILLIS MAP-TIEDOSTOON

    1.) Linkki image.map tiedostoon.
    2.) Linkki kuvaan ja tieto karttana olemisesta.
    3.) Linkin lopetus.

  • Kuvasta tehty linkki image.map tiedostoon.
  • Huomaa - osoitinta kuvan päällä kuljetettaessa koordinaatit vilisevät "linkinkohde"-rivillä.
  • Testaaminen ei onnistu kovalevyltä, vaan tiedostot pitää viedä serverille ja testailla sitten sieltä.
  • Linkki: Esimerkkikuvan "esim.map" -kooditiedosto


    VAIHTOEHTO 2.)
    SISÄISEEN MAP-OSAAN

  • Kuvakomennon sisällä html-tiedoston sisäinen linkki map-koordiaattiosaan.
  • Vanhemmat selariohjelmat eivät tue sisäistä map-tapaa.
  • Huomaa - osoitinta kuvan päällä kuljetettaessa tausta ei reagoi ja linkkialueeseen reagoitaessa näkyy linkkin kohde selarin "linkinkohde"-rivillä ja "osoitinnuoli" muuttuu "osoitinsormeksi".
  • Linkki: Esimerkkikuvan "esimsisa.html"


    VAIHTOEHTO 3.)
    LINKKITYS KUMMALLAKIN KARTOITUSTAVALLA
    (erillinen ja sisäinen)

    1.) Linkki image.map tiedostoon.
    2.) Linkki kuvaan ja tieto karttana olemisesta (ISMAP) + sisäinen linkki maposaan (USEMAP="#maposaesim")
    3.) Linkin lopetus.

  • Huomaa - osoitinta kuvan päällä kuljetettaessa tausta ei reagoi ja linkkialueeseen reagoitaessa näkyy linkkin kohde selarin "linkinkohde"-rivillä ja "osoitinnuoli" muuttuu "osoitinsormeksi".
  • Vanhemmilla selailijoilla kuvaa osoitettaessa koordinaatit vilisevät "linkinkohde"-rivillä.
  • Ne selailuohjelmat jotka eivät tue ominaisuutta eivät näytä kuin kuvan tai selityksen puuttuvasta kuvasta.
  • Linkki: Esimerkkikuvan erillinen "esim.map" -tiedosto
  • Linkki: Esimerkkikuvan "siäinen maptieto-osa"


    up.gif SISÄLLYSLUETTELOON

    MUISTA TEKSTIPOHJAISET SELAAJAT

  • On hyvä muistaa että ilman kuvia sivuja selaajat eivät saa imagemapin koodista mitään irti. On siis hyvä laittaa sivulle linkit tekstinä. Hyvä on myös muistaa laittaa kuviin ALT-määre.

    Esim:

    [ IMAGEMAP ]
    KARTTATIEDOSTON MÄÄRITTÄMINEN | ALUEEN MÄÄRITYS | MAP-TIETO


    up.gif SISÄLLYSLUETTELOON
    HTML-opas