Hvordan Kart et bilde i Dreamweaver CS5

Kartlegging et bilde i Adobe Dreamweaver, en populær nettside design program, består av å skape hotspots eller koblinger, på bildet som brukerne klikker for å navigere en nettside. Bilder kartlagt på denne måten kalles "bildekart." Du kan opprette et bildekart fra noen grafikk eller bilde du importerer til en HTML-side med Dreamweaver image kartleggingsverktøy.

Bruksanvisning

1 Åpne HTML-filen der du vil opprette et bildekart i Dreamweaver, eller starte en ny side ved å klikke på "File" -menyen, og deretter velge "Ny". Dette åpner dialogboksen Nytt dokument. Velg "HTML" fra kolonnen Type, velger du ønsket sideoppsettet fra Layout-kolonnen, og klikk deretter på "Create" -knappen.

2 Klikk på "File" -menyen og velg "Lagre som" for å åpne dialogboksen Lagre som. Navn og lagre websiden filen.

3 Klikk på siden der du vil lage bildet kartet for å plassere markøren.

4 Klikk på "Insert" -menyen og velg "Image". Dette viser Select Image Source dialogboksen.

5 Naviger til den grafiske filen som du vil opprette et bildekart, velg den og klikk "OK" -knappen. Dreamweaver bygger inn grafikk i din webside.

6 Gå til Egenskaper-panelet og velg "rektangel Hotspot Tool." Du kan bruke denne eller en av de andre - Circle Hotspot eller Polygon Hotspot - verktøy, avhengig av formen du ønsker å gjøre dine hotspots. For eksempel, hvis bildet du er kartlegging inneholder sirkulære former du ønsker å bruke som knapper, velg "Circle Hotspot Tool."

7 Hold museknappen og dra markøren rundt i området i bildet du vil lage klikkbare. Når du slipper knappen, viser Dreamweaver en grønn skyggelagt område hvor du tegnet. Dette er den første hotspot i bildekartet.

8 Klikk på "Link" feltet i Properties panelet og skriver inn URL for dette hotspot.

9 Gjenta trinn 6 til 8 for hver hotspot du vil opprette.

Hint

• Når du laster opp din webside til webserveren, ikke glem å laste opp bildefilen. Ellers vil kartet ikke bildet og ordentlig.