Mitä tietää
• Käytä täysikokoista 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-tunnisteita 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.
Luo kuvakortti
Luodaksesi kuvakartan, valitse ensin kuva, joka toimii kartan pohjana. Kuvan tulee olla «normaalikokoinen», eli ei saa käyttää kuvaa, joka on niin suuri, että selain skaalaa sen. Kun lisäät kuvan, lisäät ylimääräisen attribuutin, joka tunnistaa kartan koordinaatit:
class=»ql-syntaksi»> Kun luot kuvakartan, luot kuvaan napsautettavan alueen, jotta karttakoordinaattien tulee vastata valitsemasi kuvan korkeutta ja leveyttä. Kortit tukevat kolmea erilaista muotoa:
- rect – suorakulmio tai nelisivuinen hahmo
- poly — monikulmio tai monisivuinen kuvio
- ympyrä – ympyrä
Alueiden luomiseksi sinun on eristettävä tietyt koordinaatit, jotka haluat kartoittaa. Kartta voi koostua yhdestä tai useammasta määritetystä kuvan alueesta, joita napsautettuna avautuu uusi hyperlinkki. a suorakulmio, kartoittaa vain vasemman yläkulman ja oikean alakulman. Kaikki koordinaatit näytetään muodossa x,y (ylhäällä, ylhäällä). Joten kirjoitat vasemmalle yläkulmalle 0.0 ja oikealle alakulmalle 10.15 0,0, 10, 15† Lisäät sen sitten karttaan:
class=»ql-syntaksi»>
a monikulmiokartoitat jokaisen x,y koordinoida erikseen. Verkkoselain yhdistää automaattisesti viimeisen koordinaattijoukon ensimmäiseen; kaikki näissä koordinaateissa on osa karttaa.
class=»ql-syntaksi»>
Ympyrä 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:
class=»ql-syntaksi»>
Kaikki alueet ja muodot voidaan sisällyttää samaan karttatunnisteeseen:
class=»ql-syntaksi»>
Pohdintoja
Kuvakartat olivat paljon yleisempiä Web 1.0 -aikakaudella 1990-luvulta 2000-luvun alkuun – kuvakartat muodostivat usein verkkosivuston navigoinnin perustan. Suunnittelija loisi jonkinlaisen kuvan osoittamaan valikon kohteita ja laatisi sitten kartan. Nykyaikaiset lähestymistavat kannustavat reagoivaan suunnitteluun ja käyttävät peräkkäisiä tyylisivuja kuvien ja hyperlinkkien sijoittelun ohjaamiseen sivulla. Vaikka karttatunnistetta tuetaan edelleen HTML-standardissa, pienikokoisten mobiililaitteiden käyttö voi johtaa odottamattomiin suorituskykyongelmiin kuvakarttojen kanssa. Lisäksi kaistanleveysongelmat tai rikkinäiset kuvat heikentävät kuvakartan arvoa. Joten voit jatkaa tämän vakaan, hyvin ymmärrettävän teknologian käyttöä tietäen, että tällä hetkellä on olemassa tehokkaampia vaihtoehtoja muodikas web-suunnittelijoiden kanssa.