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.