Det var et poeng i historien til webdesign hvor mange nettsteder brukte en funksjon som kalles "bildekart". Dette er en liste over koordinater knyttet til et bestemt bilde på en side. Disse koordinatene oppretter hyperkoblingsområder på det bildet, det er viktig å legge til "hot spots" i en grafikk, som hver kan kodes for å koble til forskjellige steder. Dette er mye annerledes enn å bare legge til en koblingsmerke til et bilde, noe som ville føre til at hele grafikken blir en stor kobling til et enkelt reisemål.
Eksempler: Tenk deg å ha en grafisk fil med et bilde av USA. Hvis du ønsket at hver stat skulle være "klikkbar" så de går til sider om den aktuelle staten, kan du gjøre dette med et bildekart. På samme måte, hvis du hadde et bilde av et musikk band, kan du bruke et bilde kart for å få hvert enkelt medlem klikkbare til en påfølgende side om det bandmedlemmet.
Gjør bildekartene lyd nyttig? De var sikkert, men de har gått ut av favør på dagens web. Dette er i hvert fall delvis fordi bildekart krever bestemte koordinater til arbeid. Nettsteder i dag er bygget for å være lydhør og bilder skaleres basert på størrelsen på en skjerm eller enhet. Dette betyr at forhåndsinnstilte koordinater, som er hvordan bilder kartene fungerer, faller fra hverandre når et område skalerer og bildene endrer størrelse. Dette er grunnen til at bildekart sjelden brukes på produksjonssteder i dag, men de har fortsatt fordeler for demoer eller tilfeller hvor du tvinger størrelsen på en side.
Vil du vite hvordan du lager et bildekart, spesielt hvordan du gjør det med Dreamweaver? Prosessen er ikke spesielt vanskelig, men det er heller ikke lett, så du bør ha litt erfaring før du begynner.
Starter
La oss komme i gang. Det første trinnet du må ta, er å legge til et bilde på websiden din. Du klikker deretter på bildet for å markere det. Derfra må du gå til egenskapsmenyen (og klikk på et av tre trepunkts tegneverktøy: rektangel, sirkel eller polygon. Ikke glem å navnet ditt bilde, som du kan gjøre i egenskapslinjen. Du kan navnet Det er alt du vil. Bruk "kart" som et eksempel.
Nå tegner du formen på bildet ditt ved hjelp av ett av disse verktøyene. Hvis du trenger rektangulære flekker, bruk rektangelet. Samme for sirkelen. Hvis du vil ha mer komplekse hotspotformer, bruk polygonen. Dette er hva du sannsynligvis vil bruke i eksemplet på det amerikanske kartet siden polygonen vil tillate deg å slippe poeng og lage svært komplekse og uregelmessige figurer på bildet
I egenskapsvinduet for hotspot, skriv inn eller bla til siden som hotspot skal lenke. Dette er hva som skaper det linkbare området. Fortsett å legge til hotspots til kartet er fullført, og alle linkene du vil legge til, er lagt til.
Når du er ferdig, vurder bildekartet i en nettleser for å sikre at det fungerer riktig. Klikk på hver lenke for å sikre at den går til riktig ressurs eller nettside.
Ulemper med Image Maps
Igjen, vær oppmerksom på at bildekartene har flere ulemper, selv utenfor den nevnte mangelen på støtte med lydhør nettsteder. For det første kan små detaljer være skjult i et bildekart. For eksempel kan geografiske kartkart hjelpe til med å bestemme hvilket kontinent en bruker er fra, men disse kartene er kanskje ikke detaljert nok til å identifisere brukerens opprinnelsesland. Dette betyr at et bildekart kan bidra til å avgjøre om en bruker er fra Asia, men ikke spesielt fra Kambodsja.
Bildekart kan også lastes sakte. De bør ikke brukes flere ganger på et nettsted fordi de bruker for mye plass til å bli brukt på hver side av et nettsted. For mange bildekart på en enkelt side vil skape en alvorlig flaskehals og en massiv innvirkning på ytelsen på nettstedet.
Til slutt kan bildekart ikke være enkelt for brukere med visuelle problemer å få tilgang til. Hvis du brukte bildekart, bør du også opprette et annet navigasjonssystem for disse brukerne som et alternativ.
Bunnlinjen
Bruk billedkart fra tid til annen når du prøver å sette sammen en rask demo av et design og hvordan det fungerer. Hvis du for eksempel støter på et design for en mobilapp, og du vil bruke bildekart for å lage hotspots for å simulere interaktiviteten til appen. Dette er mye enklere å gjøre enn det ville være å kode appen, eller til og med bygge dummy nettsider bygget til dagens standarder med HTML og CSS. Men å sette dem inn i et produksjonssted eller app er svært vanskelig og bør sannsynligvis unngås på dagens nettsider.
