Bildkartor är ett spännande och intressant sätt att uppleva din webbplats - med dem kan du ladda upp bilder och göra delar av dessa bilder klickbara för andra onlinevärden. Om du är i en nypa och inte vill ladda ner en bildkortsredigerare är det enkelt att skapa en karta med hjälp av HTML-taggar.
Du behöver en bild, en bildredigerare och någon form av HTML-redigerare eller textredigerare. De flesta bildredigerare visar dig muskoordinaterna när du pekar på bilden. Denna koordinatdata är allt du behöver för att komma igång med bildkartor.
Skapa en bildkarta
För att skapa en bildkarta, välj först en bild som ska fungera som grund för kartan. Bilden ska vara "normal storlek", det vill säga, du ska inte använda en bild så stor att webbläsaren ska skala den.
När du lägger in bilden lägger du till ett extra attribut som identifierar kartens koordinater:
När du skapar en bildkarta skapar du ett område som kan klickas på bilden, så kartkoordinaterna måste stämma överens med höjden och bredden på bilden du valt. Kartor stöder tre olika typer av former:
- rektangel eller fyrsidig figur
- poly-a-polygon eller flersidig figur
- cirkel-en cirkel
För att skapa områdena måste du isolera de specifika koordinater du tänker kartlägga. En karta kan bestå av ett eller flera definierade områden på bilden som, när den klickas, öppnar en ny hyperlänk.
För en rektangel , du kartlägger bara de övre vänstra och nedre högra hörnen. Alla koordinater anges som x, y (över, upp). Så, för övre vänstra hörnet 0,0 och nedre högra hörnet 10,15 skulle du skriva 0,0,10,15. Du tar den med i kartan:
För en polygon , du kartlägger vardera x, y koordinera separat. Webbläsaren kopplar automatiskt samman den sista uppsättningen koordinater med den första; Allting inom dessa koordinater är en del av kartan.
Cirkel former kräver bara två koordinater, som rektangeln, men för den andra koordinaten anger du radie eller avstånd från mitten av cirkeln. Så, för en cirkel med mitten på 122,122 och en radie av 5 skulle du skriva 122,122,5:
Alla områden och former kan inkluderas i samma kartmärke:
överväganden
Bildkartor var mycket vanligare i tidens 90-årsåldern i början av 2000-talet. Bildkartor bildades ofta som en webbplatsens navigering. En formgivare skulle skapa en sorts bild för att ange menyalternativ och sedan ställa in en karta.
Moderna tillvägagångssätt uppmuntrar till responsiv design och använder kaskad stilark för att styra placeringen av bilder och hyperlänkar på en sida.
Även om kartmärket fortfarande stöds i HTML-standarden kan användningen av mobila enheter med små formfaktorer leda till oväntade prestandaproblem med bildkartor. Dessutom kan bandbreddsproblem eller brutna bilder mäta värdet på en bildkarta.
Så, var god att fortsätta använda den här stabila, välförståda tekniken, med vetskap om att det finns mer effektiva alternativ för tillfället en mode med webbdesigners.
