Hoe om beeldkaarte te bou sonder 'n prentkaartredigeerder

Beeldkaarte is net eenvoudige HTML-etikette

Prentkaarte is 'n opwindende en interessante manier om jou webwerf op te voed. Met hulle kan jy beelde oplaai en dele van daardie prente kliek vir ander aanlynbates. As jy in 'n knippie is en nie 'n prentkaartredigeerder wil aflaai nie, is dit maklik om 'n kaart te skep met behulp van HTML- etikette.

Jy benodig 'n beeld, 'n beeldredakteur en 'n soort HTML-redakteur of teksredakteur. Die meeste beeldredakteurs sal jou die koördinate van jou muis wys wanneer jy die prent wys. Hierdie data is alles wat u nodig het om met beeldkaarte te begin.

'N prentkaart skep

Om 'n prentkaart te skep, kies eers 'n prentjie wat as basis van die kaart sal dien. Die beeld moet 'normale grootte' wees - dit is, moet jy nie so 'n beeld gebruik dat die blaaier dit sal skaal nie.

Wanneer u die prentjie invoeg, voeg u 'n ekstra eienskap by wat die kaart se koördinate identifiseer:

As jy 'n prentkaart skep, skep jy 'n area wat op die prent kan klik, sodat die kaart se koördinate moet ooreenstem met die hoogte en breedte van die prent wat jy gekies het. Kaarte ondersteun drie verskillende soorte vorms:

Om die gebiede te skep, moet jy die spesifieke koördinate wat jy beplan om te kaarteer, isoleer. 'N kaart kan bestaan ​​uit een of meer gedefinieerde gebiede op die beeld wat, wanneer gekliek, 'n nuwe hyperlink oopmaak.

Vir 'n reghoek , kaarteer jy net die boonste linker- en onderste regterkantste hoeke. Alle koördinate word gelys as x, y (oor, op). Dus, vir die boonste linkerhoek 0,0 en die onderste regterhoek 10,15, sal jy 0,0,10,15 tik. Jy sluit dit dan in die kaart in:

"Morris"

Vir 'n veelhoek , kaarteer 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.

"Garfield"

Sirkelvorms benodig slegs twee koördinate, soos die reghoek, maar vir die tweede koördinaat spesifiseer jy die radius of die afstand vanaf die middelpunt van die sirkel. Dus, vir 'n sirkel met die middelpunt by 122,122 en 'n radius van 5, sal jy 122,122,5 skryf:

"Catbert"

Alle areas en vorms mag ingesluit word in dieselfde kaartetiket:

"Morris"

oorwegings

Beeldkaarte was baie meer algemeen in die Web 1.0-era van die 1990's tot die vroeë 2000's-beeldkaarte het dikwels die basis gevorm van 'n webwerf se navigasie. 'N Ontwerper sal 'n soort prentjie skep om menu-items aan te dui, en stel dan 'n kaart in.

Moderne benaderings moedig reageer ontwerp aan en gebruik cascading style sheets om die plasing van beelde en hiperskakels op 'n bladsy te beheer.

Alhoewel die kaartmerk nog steeds in die HTML- standaard ondersteun word, kan die gebruik van mobiele toestelle met klein vormsfaktore tot onverwagte prestasieprobleme met beeldkaarte lei. Daarbenewens het bandwydte probleme of gebroke beelde die waarde van 'n beeldkaart.

So, voel asseblief vry om hierdie stabiele, goed verstaanbare tegnologie te gebruik, omdat jy weet dat daar meer doeltreffende alternatiewe is wat tans met webontwerpers is.