Miten rakentaa kuvakarttoja ilman kuvakarttojen muokkausta

Kuvakartat ovat vain yksinkertaisia ​​HTML-tunnisteita

Kuvakartat ovat jännittävä ja mielenkiintoinen tapa herättää verkkosivustoasi - niiden avulla voit ladata kuvia ja tehdä osia näistä kuvista napsauttamalla muihin verkkoihin. Jos olet puristuksessa ja et halua ladata kuvankartan editoriä, luomalla kartta HTML- tunnisteilla on helppoa.

Tarvitset kuvan, kuvankäsittelyohjelman ja jonkinlaisen HTML-editorin tai tekstieditorin. Useimmat kuvankäsittelyohjelmat näyttävät hiiren koordinaatit, kun kohdistat kuvaan. Tämä koordinaattitieto on kaikki, mitä tarvitset aloittaaksesi kuvakarttojen.

Kuvien luominen

Voit luoda kuvakartan valitsemalla ensin kuvan, joka toimii kartan perustaksi. Kuvan pitäisi olla "normaalia kokoa" - eli älä käytä kuvaa, joka on niin suuri, että selain skaalautuu.

Kun lisäät kuvan, lisäät lisäominaisuuden, joka tunnistaa kartan koordinaatit:

Kun luot kuvakartan, luo alue, joka on napsautettavissa kuvassa, joten kartan koordinaattien on vastattava valitsemasi kuvan korkeutta ja leveyttä. Kartat tukevat kolmea erilaista muotoa:

Luodaksesi alueet, sinun on eristettävä erityiset koordinaatit, jotka aiot kartoittaa. Kartta voi koostua yhdestä tai useammasta määritellystä alueesta, joka avautuu napsauttamalla uuden hyperlinkin.

Suorakulmion kohdalla kartta vain vasemmassa ja oikeassa yläkulmassa. Kaikki koordinaatit on listattu x, y (yli, ylös). Joten, vasemmassa yläkulmassa 0,0 ja oikeassa alakulmassa 10,15 kirjoita 0,0,10,15 . Sitten liitä se karttaan:

Monikulmioon kartoitetaan kukin x, y- koordinaatti erikseen. Web-selain yhdistää automaattisesti viimeisen koordinaattien sarjan ensimmäisenä; kaikki näiden koordinaattien sisällä on osa karttaa.

Ympyrämuodot tarvitsevat vain kaksi koordinaattia, kuten suorakulmio, mutta toisen koordinaatin kohdalla määrität säteen tai etäisyyden ympyrän keskipisteeseen. Joten, ympyrää, jonka keskellä on 122 122 ja säde 5, kirjoittaisit 122,122,5:

Kaikki alueet ja muodot voidaan sisällyttää samaan kartoitukseen:

näkökohdat

Kuvakartat olivat paljon yleisempiä 1990-luvun Web 1.0 aikakaudella 2000-luvun alkuun asti. Kuvakartat muodostivat usein sivuston navigoinnin perustan. Suunnittelija luo jonkinlaisen kuvan, joka ilmaisee valikkokohteet, ja asettaa sitten kartan.

Nykyaikaiset lähestymistavat kannustavat reagoimaan muotoiluun ja käyttävät CSS-tyyliarkkeja hallitsemaan sivun kuvien ja hyperlinkkien sijoittamista.

Vaikka karttakoodia tuetaan edelleen HTML- standardissa, pienimuotoisten mobiililaitteiden käyttö voi johtaa odottamattomiin suorituskykyongelmiin kuvakarttojen kanssa. Lisäksi kaistanleveysongelmat tai rikki kuvat herättävät kuvakartan arvon.

Joten, voit käyttää tätä vakaata ja hyvin ymmärrettävää tekniikkaa - tietäen, että tehokkaamman vaihtoehdon tällä hetkellä on suoriutunut web-suunnittelijoiden kanssa.