Mitä tietää
• Käytä normaalikokoista kuvaa, jota selain ei skaalaa uudelleen. Tarvitset myös kuvaeditorin ja HTML- tai tekstieditorin.
• Kun lisäät kuvaa, lisää ylimääräinen attribuutti kartan koordinaattien tunnistamiseksi.
• Esimerkki:
Tässä artikkelissa kerrotaan, kuinka kuvakarttoja luodaan käyttämällä HTML-tageja kuvakarttaeditorin sijaan. Useimmat kuvankäsittelyohjelmat näyttävät hiiren koordinaatit, kun osoitat kuvaa, mikä on kaikki tiedot, joita tarvitset kuvakarttojen käytön aloittamiseen.
Kuvakartan luominen
Luo kuvakartta valitsemalla ensin kuva, joka toimii kartan pohjana. Kuvan tulee olla "normaalikokoinen" eli älä käytä niin suurta kuvaa, että selain skaalaa sen.
Kun lisäät kuvan, lisäät ylimääräisen määritteen, joka tunnistaa kartan koordinaatit:
Kun luot kuvakartan, luot kuvaan napsautettavan alueen, joten kartan koordinaattien on oltava linjassa valitsemasi kuvan korkeuden ja leveyden kanssa. Kartat tukevat kolmea erilaista muotoa:
- suora-suorakulmio tai nelisivuinen kuvio
- poly-monikulmio tai monisivuinen kuvio
- ympyröi-ympyrä
Alueiden luomiseksi sinun on eristettävä tietyt koordinaatit, jotka aiot kartoittaa. Kartta voi koostua yhdestä tai useammasta määritetystä kuvan alueesta, jota napsautettuna avautuu uusi hyperlinkki.
Suorakulmion kohdalla kartoitetaan vain vasen ylä- ja oikea alakulma. Kaikki koordinaatit on lueteltu muodossa x, y (yli, ylös). Joten kirjoitat vasempaan yläkulmaan 0, 0 ja oikeaan alakulmaan 10, 15 0, 0, 10, 15. Lisää se sitten karttaan:
Monikulmion kohdalla määrität kunkin x- ja y-koordinaatin erikseen. Web-selain yhdistää automaattisesti viimeisen koordinaattijoukon ensimmäiseen; mikä tahansa näiden koordinaattien sisällä on osa karttaa.
Ympyrän muodot vaativat vain kaksi koordinaattia, kuten suorakulmio, mutta toiselle koordinaatille määrität säteen tai etäisyyden ympyrän keskustasta. Joten ympyrälle, jonka keskipiste on 122, 122 ja säde 5, kirjoitat 122, 122, 5:
Kaikki alueet ja muodot voidaan sisällyttää samaan karttatunnisteeseen:
Havainnot
Kuvakartat olivat paljon yleisempiä Web 1.0:n aikakaudella 1990-luvulta aina 2000-luvun alkupuolelle asti. Kuvakartat muodostivat usein verkkosivuston navigoinnin perustan. Suunnittelija loisi jonkinlaisen kuvan osoittamaan valikon kohteita ja asetti sitten kartan.
Nykyaikaiset lähestymistavat kannustavat reagoivaan suunnitteluun ja käyttävät peräkkäisiä tyylisivuja kuvien ja hyperlinkkien sijoittelun ohjaamiseen sivulla.
Vaikka HTML-standardi tukee edelleen karttatunnistetta, pienimuotoisten mobiililaitteiden käyttö voi johtaa odottamattomiin kuvakarttojen suorituskykyongelmiin. Lisäksi kaistanleveysongelmat tai rikkinäiset kuvat vaikuttavat kuvakartan arvoon.
Joten voit jatkaa tämän vakaan, hyvin ymmärrettävän teknologian käyttöä tietäen, että verkkosuunnittelijoiden suosiossa on tällä hetkellä tehokkaampia vaihtoehtoja.
