Hvordan lage et bilde med flere knapper på Dreamweaver

Hvordan lage et bilde med flere knapper på Dreamweaver


I Web design, et enkelt bilde med flere knapper, eller hotspots, kalles et bildekart. Du kan lage bildekart i Adobe Dreamweaver, en webside etablering og utvikling av nettstedet program, med programmets Kart verktøy. Når du har importert bildet, kan du definere hotspots og tilordne koblinger eller webadresser, fra Properties panelet.

Bruksanvisning

1 Åpne Dreamweaver HTML-fil som inneholder bildet som du ønsker å opprette et bildekart, eller starte en ny HTML-fil ved å klikke på "File" -menyen og velge "New". Dette åpner dialogboksen Nytt dokument. Velg "HTML" fra "Type" liste og ønsket oppsett fra "Layout" -listen, og klikk deretter på "Create" -knappen.

2 Klikk på stedet på siden der du vil sette inn bildet.

3 Klikk på "Insert" -menyen og velg "Image". Dette åpner Velg Image Source dialogboksen. Naviger til bildet du ønsker å importere, velge den, og klikk deretter "OK". Dreamweaver importerer bildet og setter den inn på siden.

4 Gå til "Properties" panel og velg en av de tre "kart" tegneverktøy som ligger i nedre venstre hjørne. De tre Kartalternativer er rektangulært Hotspot Tool, Circle Hotspot Tool og Polygon Hotspot Tool. Når du tegner en figur på bildet med en av disse verktøyene, blir området innenfor formen på en knapp, eller hotspot.

5 Tegn en figur over området du ønsker å gjøre "hot". Dreamweaver viser en dialogboks som ber deg skrive inn en beskrivelse av dette hotspot i "Alt" feltet. Spesielle tilgjengelighets programmer som hjelper synshemmede bruk denne beskrivelsen.

6 Klikk "OK" og skriv inn en beskrivelse for denne hotspot i "Alt" feltet.

7 Skriv inn destinasjonsadressen i "Link" feltet. Dette er adressen i nettleseren laster når en bruker klikker på denne hotspot, som http://www.mywebsite.com/services.html.the

8 Gjenta trinn 4 til 7 for hver hotspot du vil opprette.

Hint

  • Når du laster opp denne siden til en webserver, laste opp bildefilen. Ellers vil bildet ditt kartet ikke vises eller fungere riktig.