Markera bilden i dokumentfönstret.
Senast uppdaterad den
25 sep. 2023
Lär dig använda bildscheman i Dreamweaver för att skapa interaktiva hotspot-områden för din webbplats.
Ett bildschema är en bild som har delats in i områden som kallas hotspot-områden. När användaren klickar på ett hotspot-område utförs en åtgärd (till exempel kan en ny fil öppnas).
Klientbildscheman lagrar informationen om hypertextlänken i HTML-dokumentet, och inte i en separat schemafil som serverbildscheman gör. När en besökare klickar på ett hotspot-område i bilden skickas den associerade URL:en direkt till servern. Detta innebär att klientbildscheman är snabbare än serverbildscheman, eftersom servern inte behöver tolka var besökaren har klickat.
Dreamweaver ändrar inte referenser till serverbildscheman i befintliga dokument. Du kan använda både klientbildscheman och serverbildscheman i samma dokument. Webbläsare som stöder båda typer av bildscheman prioriterar emellertid klientbildscheman. Om du vill inkludera ett serverbildschema i ett dokument måste du ange rätt HTML-kod.
Obs!
Om du vill använda hotspots i Dreamweaver måste du vara i designvy.
Infoga klientbildscheman
När du infogar ett klientbildschema skapar du ett hotspot-område och definierar därefter en länk som öppnas när användaren klickar i hotspot-området.
Obs!
Du kan skapa flera hotspot-områden, men de ingår i samma bildschema.
Klicka på utökningspilen längst ned till höger i egenskapskontrollen för att visa alla egenskaper.
Ange ett unikt namn på bildschemat i schemafältet. Om du använder flera bildscheman i samma dokument måste varje bildschema ha ett unikt namn.
Definiera bildschemats områden genom att göra något av följande:
Välj cirkelverktyget
och dra pekaren över bilden för att skapa ett cirkelformat hotspot-område. Välj rektangelverktyget
och dra pekaren över bilden för att skapa ett rektangulärt hotspot-område.Välj polygonverktyget
och definiera ett oregelbundet format hotspot-område genom att klicka en gång för varje hörn. Klicka på pilverktyget när du vill avsluta formen.När du har skapat hotspot-området visas egenskapskontrollen för hotspot-området.
I fältet Länk klickar du på mappikonen för att bläddra till och markera den fil som du vill ska öppnas när användaren klickar i det aktiva området. Du kan också ange sökvägen.
Välj det fönster där filen ska öppnas i listrutan Mål eller skriv in namnet på fönstret.
Namnen på alla ramar som du har namngett i det aktuella dokumentet visas i popup-listan. Om du anger en ram som inte finns, öppnas den länkade sidan i ett nytt fönster med det namn som du angav. Du kan också välja mellan följande reserverade målnamn:
- _blank läser in den länkade filen i ett nytt, namnlöst webbläsarfönster.
- _parent läser in den länkade filen i den överordnade ramuppsättningen eller det överordnade fönstret för den ram som innehåller länken. Om ramen med länken inte är kapslad, läses den länkade filen in i hela webbläsarfönstret.
- _self läser in den länkade filen i samma ram eller fönster som länken. Det här målet är standardinställningen, så normalt behöver du inte ange det.
- _top läser in den länkade filen i hela webbläsarfönstret och tar därigenom bort alla ramar.
- _new läser in den länkade filen i ett nytt, namnlöst webbläsarfönster.
Obs!
Målinställningen är inte tillgänglig förrän det markerade aktiva området innehåller en länk.
Ange i rutan Alt den alternativa text som ska visas i webbläsare som enbart visar text eller sådana där användaren själv hämtar bilder. I en del webbläsare visas den här texten som en knappbeskrivning när användaren håller pekaren över hotspot-området.
Upprepa steg 4 till och med 7 om du vill definiera ytterligare hotspot-områden i bildschemat.
När du är färdig med bildschemat klickar du på ett tomt område i dokumentet för att ändra egenskapskontrollen.
Ändra hotspot-områden i bildscheman
Du kan enkelt redigera de hotspot-områden du skapar i ett bildschema. Du kan flytta och ändra storlek på ett hotspot-område, eller placera det längre upp eller ned i ett absolut positionerat element (AP-element).
Du kan också kopiera en bild med hotspot-områden från ett dokument till ett annat eller kopiera ett eller flera hotspot-områden från en bild och klistra in dem i en annan bild; hotspot-områden som har associerats med bilden kopieras också till det nya dokumentet.
Markera flera hotspot-områden i ett bildschema
Använd hotspot-pekverktyget för att markera ett hotspot-område.
Gör något av följande:
Håll ned Skift och klicka på de andra hotspot-områdena du vill markera.
Tryck på Ctrl+A (Windows) eller Kommando+A (Macintosh) om du vill markera alla hotspot-områden.
Flytta ett hotspot-område
Använd hotspot-pekverktyget för att markera hotspot-området.
Gör något av följande:
Dra hotspot-området till en ny placering.
Använd Skift+piltangenterna om du vill flytta ett hotspot-område 10 pixlar i vald riktning.
Använd piltangenterna om du vill flytta ett hotspot-område 1 pixel i vald riktning.
Ändra storlek på ett hotspot-område
Använd hotspot-pekverktyget 
för att markera hotspot-området.
för att markera hotspot-området.
Dra i ett hotspot-markeringshandtag för att ändra storlek eller form på hotspot-området.
Skapa snygga webbplatser i Dreamweaver
Designa, koda och hantera dynamiska webbplatser med ett kraftfullt allt-i-ett-verktyg.
