Kuvakartta on kuva, johon on "kartoitettu" URL -osoitteet. Voit pukea verkkosivustosi tai henkilökohtaisen aloitussivusi kuvakarttaan, jossa on suosikkisivustojasi, joissa haluat vierailla. Voit tehdä sen monilla ohjelmistoilla, mutta tässä artikkelissa käytetään Gimpiä.
Askeleet
Vaihe 1. Kokoa ensimmäinen grafiikka, jota haluat kartoittaa
Voit käyttää kuvia, kuvia, mitä tahansa sinulle sopivaa. Käytämme tässä wikiHow-, wikiHow -foorumia ja iGooglea.
Vaihe 2. Kun olet luonut kuvan (tai avannut sen), siirry kohtaan Suodattimet >> Web >> ImageMap
Gimp ImageMap -valintaikkuna
Vaihe 3. Napsauta näytön oikealla puolella olevaa suorakulmiota ja valitse sitten yksi kuvista, joita haluat käyttää
Tässä kuvakaappauksessa wikiHow on valittu. Täytä tarvittavat tiedot avautuvassa valintaikkunassa.
Napsauta suorakulmiota ja näet grafiikan tarkan sijainnin
Vaihe 4. Jatka tätä prosessia koko kartan ajan
Vaihe 5. Kun olet määrittänyt kaikki linkkialueet, tallenna kuvakarttasi
GIMP tarjoaa automaattisesti tallennuksen tiedostona.map -tunnisteella. Jos haluat, voit tallentaa sen sellaisena. Tämä tiedosto sisältää kuitenkin HTML -koodin (ei kuvia), jota meidän on muokattava ja kopioitava omalle verkkosivullemme, joten on suositeltavaa tallentaa se muodossa [tiedostonimi].html ja siirtyä suoraan vaiheeseen 7.
Vaihe 6. JOS et ole tallentanut sitä HTML -tiedostona, etsi tallennettu tiedosto ja nimeä laajennus uudelleen.html
Saatat saada varoituksen tiedostojen laajennusten muuttamisesta. Jatka napsauttamalla kyllä.
Vaihe 7. Avaa tämä HTML -tiedosto tekstieditorilla
Huomaat, että tämä tiedosto sisältää yksinkertaisesti luettelon koordinaateista ja URL -osoitteista. Tämä koodi kertoo selaimelle, mitkä URL -osoitteet määritetään kuvan osalle.
Vaihe 8. Varmista kohdassa määritelty tiedostopolku
linkit kuvaan, johon haluat yhdistää URL -osoitteet.
Jos et osoita sitä oikein kuvaan, kuva ei välttämättä näy ollenkaan.
Vaihe 9. VALINNAINEN:
Avaa HTML -tiedosto selaimella; jos kaikki toimii, sinun pitäisi nähdä kuva ja kaikki URL -osoitteet, jotka on määritetty sille määrittämiesi alueiden mukaan.
Vaihe 10. Lisää kuvakarttasi verkkosivusi HTML -koodiin
Sinun on kopioitava KAIKKI koodirivit, mukaan lukien
-tunniste (joka määrittää polun lähdekuvaasi) ja kaikki tunnisteiden välissä. Se siitä! Olet valmis.
