Web-sivun luominen kuvan kartoitusta varten

Yksi askel HTML-hyperlinkkien tekstin käyttämisestä käyttää kuvia hyperlinkkeinä. Siitä on kuitenkin vielä yksi askel, jota monet ihmiset eivät tiedä. HTML-tunnisteen avulla voit määrittää yksittäisiä kuvia yksittäisistä hyperlinkeistä. Tämä ominaisuus voi olla erittäin hyödyllinen, jos yrityksesi sisältää karttoja, kaavioita ja muita kuvia, joissa on useita eri osia. Käytä perus-HTML: ää luomaan Web-sivun, joka näyttää kuvakartan.

Luo kuvakartta

1.

Avaa kuva, jonka haluat tehdä, kuvakartta, kuten Microsoft Paint. Huomaa, että jos käytät jotain muuta kuin Paintia, ohjelmassa on oltava koordinaattipistetoiminto.

2.

Siirrä kohdistin kuvan osan osaan, jonka haluat tehdä, karttasivulle. Koordinaatit - esimerkiksi “0, 0” - vilkkuvat Paint-ikkunan vasemmassa alakulmassa. Merkitse ne muistiin ja toista kohdat muille osille. Kaikki koordinaattien sisältämä sisältö on osa kuvakarttaosaa.

3.

Toista edellinen vaihe muille osille, jotka haluat tehdä kuvakarttaosiksi. Pidä kunkin osan koordinaattipisteet erillään toisistaan.

4.

Avaa HTML-editori ja lisää ensin kuvan koodi. Sen pitäisi olla samanlainen kuin seuraava koodi:

5.

Aseta kuvakartan koodi, kun olet valmis:

Vaihda esimerkkikoodin muodot ja koordinaatit omalla.

Luo Web-sivu kuvakarttaasi varten

1.

Siirry viimeisen sivun lopussa tekemäsi HTML-sivun yläosaan ja kirjoita seuraava koodi:

2.

Siirry HTML-sivun alareunaan, karttakoodin alle, ja kirjoita seuraava koodi:

3.

Tallenna sivu .html- tai .htm-tiedostoksi ja kaksoisnapsauta sitä nähdäksesi sen Web-selaimessasi. Kuvakarttasi Web-sivu on nyt valmis käytettäväksi verkossa. Lopullisen Web-sivun koodisi pitäisi näyttää samalta:

Kärki

  • Käytettävissä olevat kuvakarttamuodot ovat suorakulmion suorat, ympyrän ympyrä ja monikulmioille "poly". Mikä tahansa muoto, joka ei ole suorakulmio tai ympyrä, on monikulmio.
 

Jätä Kommentti