Grafikobjekter tillader dig at udpege "hot spots" i et billede , der bliver klikbare links til andre sider , lyde , animationer og videoer. Image maps kan give visuel navigation til brugere, der måske har problemer med almindelig tekst knapper eller links. Du kan oprette et grundlæggende billede kort ved hjælp af Adobe Photoshop, som er et fotoredigeringsprogram program udviklet af Adobe. Photoshop kommer med en komponent kaldet Billede Ready, hvilket kan skabe image maps . Instruktioner
1
Åbn det billede, du vil bruge til at oprette dit image map i Photoshop. Billedet skal allerede optimeret til internettet.
2
Gå til ImageReady komponent i Photoshop ved at trykke på " Shift - Ctrl - M" eller ved at klikke på "Rediger i ImageReady " knappen nederst af din værktøjskasse .
3
Tryk på " P" -tasten eller vælg "Image Map " værktøj ikonet på standard værktøjskassen for at få adgang til billedet Map værktøj. Klik og hold "Image Map " værktøj , og du vil se et rektangel , cirkel eller polygon figurer. Vælg den form, der bedst passer det område af billedet, du vil bruge som et hot spot .
4
med musen klikke på billedet og fremhæver hot-spot område ved at klikke og trække musen . Når du slipper musen, vil ImageReady oprette en ny hot spot på dit billede.
5.
Åbn billedet kortet muligheder boks ved at klikke på "Window " drop- down menuen og vælge "Image Kort ". Brug Name mulighed for at navngive hot spot. Brug " URL" drop- down menu til at fremhæve en lokal side eller skriv adressen på en ekstern webside for at få adgang via denne hot spot. Brug Target drop- down menu til at belyse, hvordan din eksterne link vil blive åbnet. Alt område vil indeholde teksten vises, når en musemarkøren er placeret over dette hot spot.
6
Brug Dimensioner muligheder for at finjustere positionen og størrelsen af din hot spot. X og Y betegne den nøjagtige placering af din hot spot ved hjælp vertikale og horisontale pixels. W og H kan du definere størrelsen på din hot spot ved hjælp af et antal pixels .
7
Gentag trin 4 , 5 og 6 for hver hot spot , du vil oprette.
< Br > 8
Tryk på " Ctrl -Shift -Alt- S" eller vælg "File" drop- down menuen og vælge "Gem optimeret som . " Indtast et filnavn og være sikker på , at " HTML og billeder " ; vises i "Gem som type " sektionen. Klik på "Gem " for at fuldføre fillagringssekvens proces. Dette skaber en HTML-fil og tilhørende mappe til billederne.
9
Klik på den nyoprettede HTML-fil for at teste driften af dit nye image map .