Hvordan lage en del av et bilde Klikkbart med Dreamweaver CS5

Du kan gjøre noen del av et bilde på en webside klikkbar ved hjelp av Adobe Dreamweaver CS5. En klikkbare området kalles ofte en hotspot eller bildekart. Du kan ha mer enn en hotspot på et bilde, forutsatt at du ikke prøver å overlappe dem. Hotspots brukes ofte i bannere hvor navigasjonsmenyen er skrevet inn banneret bildet ved hjelp av et program som Photoshop. De er også nyttige når ulike bildene i et bilde knyttet til ulike fag i andre websider.

Bruksanvisning

1 Åpne et HTML-dokument i Adobe Dreamweaver CS5. Sett inn et bilde ved å velge "Image" fra menyen Sett inn.

2 Velg bildet i hoveddokumentvinduet ved å klikke på det.

3 Klikk nederst i høyre hjørne av "Property Inspector" for å avsløre alle de tilgjengelige eiendoms alternativer.

4 Skriv inn et navn for hotspot du gjør i Map tekstfeltet. Hvert bør ha sitt eget navn.

5 Velg "Circle" eller "Rektangel" verktøy for å lage en vanlig formet hotspot. Dra verktøyet hvor som helst på bildet ved å klikke og holde nede muse. Formen som vises er hotspot.

6 Opprett en uregelmessig-formet hotspot ved å velge "Polygon" -verktøyet. Klikk verktøyet på bildet for å bestemme avreise polygonet. Formen begynner å dukke opp etter at du har klikket tre poeng, og er endret i formen hver gang du legger et nytt punkt til disposisjon. Klikk på "Arrow" verktøy for å fullføre polygon.

7 Velg filen som skal åpnes når hotspot er klikket ved å skrive inn nettadressen i tekstfeltet i Target dialogboksen. Alternativt kan du velge en fil ved å klikke på navigeringsmenyen i dialogboksen.

8 Flytte eller endre størrelsen på et hotspot ved å klikke på "Pointer Hotspot" -verktøyet. Dra hotspot til en ny posisjon, eller endre størrelsen på det ved å klikke og dra et ankerpunkt på disposisjonen.

9 Velg blant forhåndsinnstillinger for å kontrollere hvordan den nye siden åpnes. For eksempel, velg "_blank" i dialogboksen Mål-boksen for den tilkoblede filen skal åpnes i et nytt vindu, eller bruke "_self" for å tvinge siden for å åpne i det aktive vinduet.

10 Skriv inn alternativ tekst navn for koblingen i Alt tekstboksen for å tillate enkel navigering for tekstbaserte nettlesere, og for navnet som skal vises når musen svever over hotspot.

11 Legg til så mange hotspots til kartlagt bildet etter behov, og klikk deretter på et tomt sted på siden når du er ferdig.

Hint

  • Selv om du ikke kan lage hotspots på et bakgrunnsbilde, kan du skape inntrykk av at det er klikkbare ved å plassere en gjennomsiktig PNG over en del av bakgrunnen og gjør det klikkbare.