Skip to main content

Bygg bildekart uten å bruke en Image Map Editor

The Enormous Radio / Lovers, Villains and Fools / The Little Prince (April 2025)

The Enormous Radio / Lovers, Villains and Fools / The Little Prince (April 2025)
Anonim

Bildekart er en spennende og interessant måte å leve opp på ditt nettsted - med dem kan du laste opp bilder og gjøre deler av bildene klikkbare til andre elektroniske aktiver. Hvis du er i klem og ikke vil laste ned et bildekarteditor, er det enkelt å lage et kart ved hjelp av HTML-koder.

Du trenger et bilde, et bilderedigeringsprogram og en slags HTML-editor eller tekstredigerer. De fleste bildeditorer vil vise deg koordinatene til musen når du peker på bildet. Disse koordinatdataene er alt du trenger for å komme i gang med bildekart.

Opprette et bilde kart

For å opprette et bildekart, velg først et bilde som skal fungere som grunnlag for kartet. Bildet skal være "normal størrelse", det vil si, du bør ikke bruke et bilde som er så stort at nettleseren skal skalere den.

Når du legger inn bildet, legger du til et ekstra attributt som identifiserer kartets koordinater:

Kattunger!

Når du oppretter et bildekart, oppretter du et område som kan klikkes på bildet, slik at kartets koordinater må linje med høyden og bredden på bildet du valgte. Kartene støtter tre forskjellige typer former:

  • rektangel eller firkantet figur
  • poly-a-polygon eller flersidig figur
  • sirkel-en sirkel

For å opprette områdene må du isolere de spesifikke koordinatene du har til hensikt å kartlegge. Et kart kan bestå av ett eller flere definerte områder på bildet som, når det klikkes, åpner en ny hyperkobling.

For en rektangel , du kartlegger bare de øverste venstre og nederste høyre hjørner. Alle koordinater er oppført som x, y (over, opp). Så, for øvre venstre hjørne 0,0 og nederste høyre hjørne 10,15 ville du skrive 0,0,10,15. Du kan da legge den inn på kartet:

For en polygon , du kartlegger hver x, y koordinere separat. Nettleseren kobler automatisk det siste settet av koordinater til den første; Alt i disse koordinatene er en del av kartet.

Sirkel Formen krever bare to koordinater, som rektangelet, men for den andre koordinaten angir du radiusen eller avstanden fra sirkelens senter. Så, for en sirkel med senteret på 122,122 og en radius på 5 ville du skrive 122,122,5:

Alle områder og former kan være inkludert i samme kartmerke:

betraktninger

Bildekart var mye mer vanlig i Web 1.0-epoken på 1990-tallet til de aller første årene av 2000-bildekartene dannet ofte grunnlaget for en nettsides navigasjon. En designer ville lage en slags bilde for å indikere menyelementer, og deretter sette et kart.

Moderne tilnærminger oppmuntrer til responsiv design og bruk cascading stilark for å kontrollere plasseringen av bilder og hyperkoblinger på en side.

Selv om kartetiketten fortsatt støttes i HTML-standarden, kan bruk av mobile enheter med små formfaktorer føre til uventede ytelsesproblemer med bildekart. I tillegg båndbredde problemer eller ødelagte bilder moot verdien av et bilde kart.

Så vær så snill å fortsette å bruke denne stabile, velforståtte teknologien - å vite at det finnes mer effektive alternativer for tiden en vogue med webdesignere.