Billedkort er en spændende og interessant måde at opleve på dit websted - med dem kan du uploade billeder og gøre dele af disse billeder klikbare til andre onlineaktiver. Hvis du er i en kniv og ikke ønsker at downloade et billedkort editor, er det nemt at oprette et kort ved hjælp af HTML-tags.
Du skal bruge et billede, et billedredigeringsprogram og en slags HTML-editor eller tekstredigeringsprogram. De fleste billedredaktører viser dig koordinaterne for din mus, når du peger på billedet. Disse koordinatdata er alt, hvad du behøver for at komme i gang med billedkort.
Oprettelse af et billedkort
For at oprette et billedkort skal du først vælge et billede, der skal fungere som basis for kortet. Billedet skal være "normal størrelse" - det er, du bør ikke bruge et billede så stort, at browseren skalere den.
Når du indsætter billedet, tilføjer du en ekstra attribut, der identificerer kortets koordinater:
Når du opretter et billedkort, opretter du et område, der kan klikkes på billedet, så kortets koordinater skal svare til højden og bredden af det billede, du valgte. Kort understøtter tre forskellige typer af former:
- ret-et rektangel eller firesidet figur
- poly-a-polygon eller flersidet figur
- cirkel-en cirkel
For at oprette områderne skal du isolere de specifikke koordinater, du har til hensigt at kortlægge. Et kort kan bestå af et eller flere definerede områder på billedet, der åbner et nyt hyperlink, når det klikkes.
For a rektangel , du kort kun øverste venstre og nederste højre hjørner. Alle koordinater er angivet som x, y (over, op). Så i øverste venstre hjørne 0,0 og nederste højre hjørne 10,15 ville du skrive 0,0,10,15. Derefter indgår det i kortet:
For a polygon , du kort hver x, y koordinere separat. Webbrowseren forbinder automatisk det sidste sæt koordinater med den første; Alt inde i disse koordinater er en del af kortet.
Cirkel Formen kræver kun to koordinater, ligesom rektanglet, men for den anden koordinat angiver du radius eller afstanden fra midten af cirklen. Så for en cirkel med midten på 122,122 og en radius på 5 ville du skrive 122,122,5:
Alle områder og former kan være inkluderet i samme korttag:
Overvejelser
Billedkortene var meget mere almindelige i Web 1.0-æra fra 1990'erne til begyndelsen af 2000'erne. Billedkortene danner ofte grundlaget for en websides navigation. En designer ville skabe en slags billede for at angive menupunkter, og derefter indstille et kort.
Moderne tilgange tilskynder modtagende design og bruger cascading stilark til at styre placeringen af billeder og hyperlinks på en side.
Selvom kortetiketten stadig understøttes i HTML-standarden, kan brugen af mobilenheder med små formfaktorer føre til uventede ydeevneproblemer med billedkort. Derudover vil båndbreddeproblemer eller brudte billeder fremhæve værdien af et billedkort.
Så vær så velkommen til at fortsætte med at bruge denne stabile, velforståede teknologi - vel vidende at der findes mere effektive alternativer i øjeblikket en vogue med webdesignere.
