Bildekart tillate deg å utpeke "hot spots" i et bilde som blir klikkbare lenker til andre sider , lyder, animasjoner eller videoer . Bildekart kan gi visuell navigasjon for brukere som kan ha problemer med ren tekst knapper eller koblinger . Du kan opprette et grunnleggende bildekart ved hjelp av Adobe Photoshop , som er et fotoredigeringsprogram opprettet av Adobe. Photoshop kommer med en komponent kalt Image Ready , noe som kan skape image maps . Instruksjoner
en

Åpne bildet du skal bruke til å lage bildet ditt kartet i Photoshop . Bildet skal allerede være optimalisert for web.
2

Åpne ImageReady komponent i Photoshop ved å trykke "Shift - Ctrl - M " eller klikke på "Rediger i ImageReady "-knappen nederst av verktøykassen.
3

Trykk på "P "-tasten eller velg "Image Map" verktøy-ikon som ligger på standard verktøykasse for å få tilgang til Image Map verktøyet. Klikk og hold "Image Map "-verktøyet , og du vil se en rektangel , sirkel eller polygon former. Velg den formen som best passer det området av bildet du ønsker å bruke som en hot spot .
4

Bruk musen, klikk på bildet og markere hot -spot område ved å klikke og dra musen . Når du slipper museknappen , vil ImageReady opprette en ny hot spot på bildet ditt .
5

Åpne bildet kartet alternativer ved å klikke på "Window " drop -down menyen og velge "Image kartet. " Bruk alternativet Navn for å gi navn til hot spot . Bruk " URL " drop -down menyen for å markere en lokal side eller skriv inn adressen til en ekstern webside for å få tilgang via denne hot spot. Bruk Target drop- down menyen for å synliggjøre hvordan din ekstern lenke åpnes . Alt området vil inneholde teksten vises når en mus pekeren er plassert over denne hot spot .
6

Bruk Dimensjoner alternativer for å finjustere posisjonen og størrelsen på hot spot . X og Y utpeke den nøyaktige plasseringen av din hot spot ved hjelp av vertikale og horisontale piksler. W og H lar deg definere størrelsen på hot spot ved hjelp av et antall piksler.
7

Gjenta trinn 4 , 5 og 6 for hver hot spot vil at du skal lage.

8

Trykk " Ctrl - Shift -Alt- S" eller velg "File " drop -down menyen og velg " Lagre optimalisert som . " Skriv inn et filnavn og være sikker på at " HTML og bilder " ; er vist i "Lagre som type" delen. Klikk "Lagre " for å fullføre fil -lagring prosess . Dette skaper en HTML-fil og tilhørende mappe for bilder.
9

Klikk på den nyopprettede HTML -fil for å teste driften av det nye bildet kartet.