Hvordan lage et klikkbart kart

Hvordan lage et klikkbart kart


Opprette en interaktiv web layout innebærer å bruke en masse bilder. Når illustrerer en posisjon på et kart, for eksempel, er det best å la brukerne utforske det med klikkbare seksjoner som inneholder ytterligere informasjon. Lenke tekster er en veldig grei prosess ved utvikling av nettsteder - alt du trenger å gjøre er å markere teksten og bruk linken funksjonen i HTML-editor for å gjøre det klikkbare. Arbeider med bilder, på den annen side, er litt forskjellig, spesielt når bindings bare visse områder innenfor bildene.

Bruksanvisning

Opprette en klikkbare kart på Dreamweaver

1 Åpne en ny side.

2 Klikk på "Image" -ikonet under "Sett inn" -kategorien og velg bildet du ønsker å bruke for kartet.

3 Velg bildet. I "Properties Inspection", velg den formen på hotspot verktøyet ved å klikke på det.

4 Flytt hotspot verktøyet over til området på kartet som du vil klikkbare.

5 Skriv inn link hvor du vil at brukerne skal gå inn på linken feltet i "Property Inspector."

6 Gjenta trinn 3 til 5 for å opprette flere klikkbare områder.

Opprette en klikkbare kart på Microsoft Frontpage

7 Åpne en ny fil.

8 Klikk på "Sett inn" og deretter "Bilde", og velg "On File". Velg bildet av kartet fra datamaskinen.

9 Gjør Picture verktøylinjen vises ved å klikke på "Vis" og deretter "Verktøylinjer" og velge "Bilde".

10 Velg bildet. Velg hotspot form som du ønsker å bruke på Picture verktøylinjen ved å klikke på ikonet.

11 Lag din hotspot ved å bevege hotspot verktøyet over til området av bildet som du vil klikkbare. I popup-vinduet som vises, skriver du link hvor du vil at besøkende skal gå når området er klikket. Klikk på "OK".

Opprette en klikkbare kart av HTML

12 Åpne Notisblokk.

1. 3 Skriv inn HTML-kode for å vise bildet. For eksempel, for å vise map.jpg på en side, skriver du inn følgende kode:

<Img shape = "rect" coords = "261, 180, 300, 217">

</ Kart>

<Img border = "0" usemap = "map1">

Sett bildekanten til null og erstatte "moreinfo.htm" til side for at besøkende skal rettes til etter å ha klikket på linken. Formen attributt blir formen på området, og coords blir koordinatene for det klikkbare området.

Hint

  • Du kan bruke Paint eller bilderedigering verktøy for å bestemme koordinatene. Du kan bare musen over hjørnene på klikkbare området. Den koordinere er vanligvis vises på bunnen av bilderedigeringsprogram.