Wat om te weet
• Gebruik 'n normale grootte prent wat die blaaier nie sal herskaal nie. Jy het ook 'n prentredigeerder en 'n HTML- of teksredigeerder nodig.
• Wanneer jy die prent invoeg, voeg 'n ekstra kenmerk by om die kaart se koördinate te identifiseer.
• Byvoorbeeld:
Hierdie artikel verduidelik hoe om Beeldkaarte te skep deur HTML-merkers in plaas van 'n beeldkaartredigeerder te gebruik. Die meeste prentredigeerders sal vir jou die koördinate van jou muis wys wanneer jy in die prent wys, wat al die data is wat jy nodig het om met prentkaarte te begin.
Skep 'n prentkaart
Om 'n prentkaart te skep, kies eers 'n prent wat as die basis van die kaart sal dien. Die prent moet "normale grootte" wees - dit wil sê, jy moet nie 'n prent gebruik wat so groot is dat die blaaier dit sal skaal nie.
Wanneer jy die prent invoeg, sal jy 'n ekstra kenmerk byvoeg wat die kaart se koördinate identifiseer:
Wanneer jy 'n prentkaart skep, skep jy 'n area wat op die prent klikbaar is, dus moet die kaart se koördinate in lyn wees met die hoogte en breedte van die prent wat jy gekies het. Kaarte ondersteun drie verskillende tipes vorms:
- reg-'n reghoek of viersydige figuur
- poly-'n veelhoek of veelsydige figuur
- kring-'n sirkel
Om die gebiede te skep, moet jy die spesifieke koördinate isoleer wat jy van plan is om te karteer. 'n Kaart kan bestaan uit een of meer gedefinieerde areas op die prent wat, wanneer dit geklik word, 'n nuwe hiperskakel oopmaak.
Vir 'n reghoek karteer jy net die boonste linker- en onderste regterhoeke. Alle koördinate word gelys as x, y (oor, op). Dus, vir die boonste linkerhoek 0, 0 en die onderste regterhoek 10, 15 tik jy 0, 0, 10, 15. Jy sluit dit dan by die kaart in:
Vir 'n veelhoek karteer jy elke x, y-koördinaat afsonderlik. Die webblaaier verbind outomaties die laaste stel koördinate met die eerste; enigiets binne hierdie koördinate is deel van die kaart.
Sirkelvorms benodig net twee koördinate, soos die reghoek, maar vir die tweede koördinaat spesifiseer jy die radius of die afstand vanaf die middel van die sirkel. Dus, vir 'n sirkel met die middelpunt op 122, 122 en 'n radius van 5 sal jy 122, 122, 5 skryf:
Alle areas en vorms kan in dieselfde kaartmerker ingesluit word:
Oorwegings
Beeldkaarte was baie meer algemeen in die Web 1.0-era van die 1990's tot in die vroeë 2000's - beeldkaarte het dikwels die basis van 'n webwerf se navigasie gevorm. 'n Ontwerper sal 'n soort prent skep om spyskaartitems aan te dui, en dan 'n kaart stel.
Moderne benaderings moedig responsiewe ontwerp aan en gebruik kaskade-stylblaaie om die plasing van prente en hiperskakels op 'n bladsy te beheer.
Alhoewel die kaartmerker steeds in die HTML-standaard ondersteun word, kan die gebruik van mobiele toestelle met klein vormfaktore tot onverwagte werkverrigtingprobleme met beeldkaarte lei. Boonop maak bandwydteprobleme of stukkende beelde die waarde van 'n beeldkaart te kenne.
Dus, hou gerus aan om hierdie stabiele, goedverstaanbare tegnologie te gebruik, met die wete dat daar meer doeltreffende alternatiewe tans by webontwerpers in die mode is.