Afbeeldingskaarten zijn een opwindende en interessante manier om uw website op te vrolijken - met hen kunt u afbeeldingen uploaden en delen van die afbeeldingen klikbaar maken voor andere online-items. Als je je beknelt en een imagemapeditor niet wilt downloaden, is het eenvoudig om een kaart te maken met HTML-tags.
U hebt een afbeelding, een afbeeldingseditor en een soort HTML-editor of teksteditor nodig. De meeste beeldeditors tonen u de coördinaten van uw muis wanneer u in de afbeelding wijst. Deze coördinaatgegevens zijn alles wat u nodig heeft om aan de slag te gaan met afbeeldingskaarten.
Een beeldkaart maken
Als u een afbeeldingskaart wilt maken, selecteert u eerst een afbeelding die als basis voor de kaart zal dienen. De afbeelding moet de "normale grootte" hebben - dat wil zeggen, u zou een afbeelding die zo groot is niet moeten gebruiken dat de browser deze schaalt.
Wanneer u de afbeelding invoegt, voegt u een extra kenmerk toe dat de coördinaten van de kaart aangeeft:
Wanneer u een afbeelding maakt, maakt u een gebied waarop u kunt klikken op de afbeelding, zodat de coördinaten van de kaart moeten overeenkomen met de hoogte en breedte van de afbeelding die u hebt geselecteerd. Kaarten ondersteunen drie verschillende soorten vormen:
- rect-een rechthoek of vierzijdig figuur
- poly-a polygoon of meerzijdig figuur
- cirkel - een cirkel
Om de gebieden te maken, moet u de specifieke coördinaten isoleren die u wilt toewijzen. Een kaart kan bestaan uit een of meer gedefinieerde gebieden in de afbeelding die, wanneer erop wordt geklikt, een nieuwe hyperlink openen.
Voor een rechthoek , breng je alleen de linkerbovenhoek en de rechteronderhoek in kaart. Alle coördinaten worden weergegeven als x, y (boven, boven). Dus, voor de linkerbovenhoek 0,0 en de rechteronderhoek 10,15 zou je typen 0,0,10,15. Je neemt het dan op in de kaart:
Voor een veelhoek , kaart elk x, y coördineer afzonderlijk. De webbrowser verbindt de laatste reeks coördinaten automatisch met de eerste; alles binnen deze coördinaten maakt deel uit van de kaart.
Cirkel vormen vereisen slechts twee coördinaten, zoals de rechthoek, maar voor de tweede coördinaat geeft u de straal of de afstand vanaf het middelpunt van de cirkel op. Dus, voor een cirkel met het centrum op 122,122 en een straal van 5 zou je 122,122,5 schrijven:
Alle gebieden en vormen kunnen in dezelfde kaarttag worden opgenomen:
overwegingen
Image maps kwamen veel vaker voor in het Web 1.0-tijdperk van de jaren negentig tot de zeer vroege 2000s-imago-kaarten die vaak de basis vormden voor de navigatie van een website. Een ontwerper zou een soort afbeelding maken om menu-items aan te geven en vervolgens een kaart instellen.
Moderne benaderingen stimuleren responsief ontwerp en gebruiken trapsgewijze stijlpagina's om de plaatsing van afbeeldingen en hyperlinks op een pagina te regelen.
Hoewel de kaarttag nog steeds wordt ondersteund in de HTML-standaard, kan het gebruik van mobiele apparaten met kleine vormfactoren leiden tot onverwachte prestatieproblemen met afbeeldingen. Bovendien kunnen bandbreedteproblemen of gebroken afbeeldingen de waarde van een afbeelding van een kaart beïnvloeden.
Dus, voel je vrij om deze stabiele, goed begrepen technologie te blijven gebruiken, wetende dat er op dit moment efficiëntere alternatieven zijn en vogue met webontwerpers.
