DokumentationDynamic Media Classic Guide

Skapa bildscheman creating-image-maps

Last update: Sat Jul 20 2024 00:00:00 GMT+0000 (Coordinated Universal Time)
  • Ämnen:

Skapat för:

  • Mellanliggande
  • Användare

En bildschema är ett område på en bild, en eCatalog-sida eller en bild i en SpinSet som visar en överrullningspanel med text. När användaren väljer en bildschema utlöses en åtgärd av något slag. En webbsida startas till exempel så att användaren kan lära sig mer om en produkt. En kontur visas runt en bildschema när användaren flyttar pekaren över den.

Förutom möjligheten att skapa bildscheman i Adobe Dynamic Media Classic kan du även skapa bildscheman när du designar en katalog i Adobe Acrobat eller Adobe InDesign.

När du skapar bildscheman kan du göra något av följande:

  • Ange överrullningstext.
  • Ange JavaScript och URL:er för att starta webbsidor.
  • Skapa URL-mallar för bildscheman.
  • Kopiera bildscheman till andra bilder, e-katalogsidor eller SpinSets.
  • Exportera bildscheman till CSV eller till XML.
  • Importera bildmetadata från en tabbavgränsad fil eller från en XML-fil.
  • Definiera övriga åtgärder enligt World Wide Web Consortium.
  • Förhandsgranska bildscheman.

Rita och justera en bildschema drawing-and-adjusting-an-image-map

  1. Gör något av följande:

    • Om du arbetar med en bild i stödrastervyn eller listvyn väljer du Image Map i listrutan Redigera. Du kan också öppna den i detaljvyn och sedan välja Image Map ovanför bilden.
    • Om du arbetar med en SpinSet i stödrastervyn eller listvyn väljer du Edit. Du kan också öppna den i detaljvyn och sedan välja Edit. Välj en bildresurs och välj sedan Image Map.
    • Om du arbetar med en e-katalog väljer du Edit i stödrastervyn, listvyn eller detaljvyn. Välj fliken Map Pages.

    Bildschemaillustration

  2. Rita ett rektangulärt eller polygonalt (flersidigt) bildschema:

    • Rektangulär karta: Välj verktyget Rektangelbildschema och dra på sidan för att skapa rektangeln. Om du vill lägga till en punkt i ett rektangulärt schema (och på så sätt ändra den till ett polygonschema) trycker du på Ctrl, placerar insättningsverktyget på önskad plats och markerar.

    • Polygonkarta: Välj verktyget Polygonbildschema och markera punkter vid omkretsen av det område i bilden som du vill omsluta. Använd reglaget för polygondensitet för att ändra polygonens punktdensitet. Den ursprungliga densiteten sparas om du väljer andra kartor. Om en punkt läggs till, tas bort eller flyttas i polygonen, försvinner den ursprungliga densiteten. Skjutreglaget återställs till sitt högsta värde.

  3. Ange ett namn för bildschemat, om du vill, i listan Bildschema. När du har ritat en bildschema ger Adobe Dynamic Media Classic den ett namn.

    För att skapa namnet lägger Adobe Dynamic Media Classic till ett sekventiellt nummer till namnet på den bild- eller eCatalog-sida som du arbetar med. Du kan ange ett namn.

  4. Om du vill att användarna ska öppna en ny webbsida när de väljer bildschemat anger du URL:en i listan Bildschema.

    Se för att ange JavaScript och URL:er.

  5. Om du vill visa överrullningstext när användare flyttar pekaren över bildschemat anger du texten i listan Bildschema. Välj menyn Show i listan Bildschema och välj Rollover Text. Ange sedan den text som du vill att användarna ska se på skärmen. Du kan skriva texten i en ordbehandlare och kopiera den till textfältet Över.

  6. Om du vill att en annan åtgärdseffekt ska inträffa när användaren flyttar musen över en bildschema definierar du åtgärden. Välj Other Actions i listrutan Show. Ange åtgärdens attribut. (Gå till Show > Both om du vill skapa överrullningstext och en åtgärd för en bildschema.)

    Se Definiera andra åtgärder för bildscheman.

  7. (Valfritt) Gör något av följande:

    • Om du vill förhandsgranska bildscheman väljer du Preview.

    • Om du vill ta bort en bildschema eller polygonhörnpunkt markerar du en form på bilden och väljer sedan Delete. Eller, för en e-katalog, på fliken Ordna sidor väljer du Clear Maps om du vill ta bort bildscheman från alla sidor.

    • Så här tar du bort en

      • Bildschema från en bild
      • en bild i en SpinSet
      • eller en e-katalogsida

      utan att ta bort det tillfälligt, avmarkera lämpligt På-alternativ i listan Bildschema.

  8. Välj Save.

Justera placering, form och storlek för bildscheman adjusting-the-position-shape-and-size-of-image-maps

Om du vill ändra placering, form och storlek för ett bildschema väljer du knappen Bildschema. Välj sedan verktyget Pan och följ dessa instruktioner:

  • Ändra position: Flytta pekaren nära, men inte över, kanten på bildschemat. När du ser ikonen med fyra pilar drar du kartan till en ny plats.

  • Ändra storlek och form: Hur du ändrar form och storlek på ett bildschema beror på om du arbetar med ett rektangulärt eller polygonbildschema:

TIP
Du kan dra storleksreglaget längst ned på skärmen för att ändra vyer och få en bättre överblick över din bildschema.

  • Rektangulär bildschema: Flytta pekaren över en sida eller ett hörn i bildschemat. När du ser den dubbelriktade pilikonen börjar du dra. Håll ned Skift-tangenten när du drar om du vill ändra storleken men behålla proportionerna (formen).

  • Polygonbildschema: Dra ett fyrkantigt markeringshandtag. Om du vill skapa ett markeringshandtag markerar du kanten på bildschemat och börjar dra.

Hantera överlappande bildscheman handling-overlapping-image-maps

Om bilden eller eCatalog-sidan innehåller mer än en bildschema och kartorna överlappar varandra, kan du bestämma hur kartorna överlappar varandra. Om du vill göra det ändrar du ordningen på kartorna i listan Bildschema. Dra namnen uppåt eller nedåt i listan. Hur högt ett namn finns på listan avgör om dess bildschema överlappar andra bildscheman.

Importera data för bildschema importing-image-map-data

I stället för att ange bildschemadata på varje sida kan du importera data för bilden, den nya uppsättningen eller eCatalog till fönstret Kartsammanfattning. Du importerar bildschemadata i form av en tabbavgränsad fil eller XML DTD. Fälten i filen måste vara i den ordning som visas i fönstret Kartsammanfattning: Namn, Innehållsförteckningsetiketter, Kartor, URL:er, Överrullningstext, Andra åtgärder och Söksträngar. Om du importerar data från bildschemat slipper du problem med att ange data i listan Bildschema när du skapar bildschemat.

Så här importerar du bildschemadata:

  1. Gå till redigeringssidan för bildscheman (för bilder eller bilder i SpinSets) eller fliken Kartsidor på redigeringsskärmen för eCatalog.
  2. Välj Import Metadata.
  3. I dialogrutan Överför metadata väljer du Bild eller Bildschema för att överföra metadata från den önskade resursegenskapstypen.
  4. I listrutan Generate File väljer du vilken typ av fil du vill skapa.
  5. (Valfritt) Välj Generate om du vill förhandsgranska resultatdata baserat på vilken typ av fil du vill skapa. Välj Close om du vill återgå till dialogrutan Överför metadata.
  6. Bläddra till filen som du vill överföra. Ange namnet på den genererade filen i textfältet Filnamn.
  7. (Valfritt) I fältet Jobbnamn anger du ett namn för metadataöverföringsjobbet.
  8. Välj Upload.

Kopiera bildscheman copying-image-maps

Du kan kopiera bildscheman från en bild eller en eCatalog-sida till en annan. Använd Copy Image Map om du vill få ett försprång att börja skapa dem. Du kan också kopiera bildscheman för att återskapa dem i bilder eller på sidor som delar en layout- eller mappningsstruktur.

Om du till exempel kopierar bildscheman i en eCatalog kan du enkelt kopiera alla bildscheman mellan olika språkversioner av samma eCatalog. Det bästa resultatet får du om du kopierar mellan e-kataloger med samma antal sidor och samma bilder. Om den eCatalog som du kopierar till redan innehåller bildscheman tas dessa bildscheman bort när kopian görs.

Så här kopierar du bildscheman:

  1. Gå till redigeringssidan för bildscheman (för bilder eller bilder i SpinSets) eller fliken Kartsidor på redigeringsskärmen för eCatalog.

  2. Välj Copy Maps to.

  3. Gör något av följande, baserat på om du kopierar bildscheman från bilder eller kopierar bildscheman från en e-katalog:

    • (Bilder) Markera de bilder du vill kopiera bildscheman till på skärmen Välj bilder.
    • (eCatalog) På skärmen Välj resurs markerar du de bilder eller e-katalogsidor som du vill kopiera bildscheman till.

  4. Välj Select.

Använd en mall för att ange JavaScript och URL:er using-a-template-to-enter-javascript-and-urls

Du kan definiera en URL-mall (kallas även Href-mall) för att göra det enklare och effektivare att ange URL:er för bildschema. Definiera en URL-mall om de flesta URL:er för bildschemat har ett gemensamt, fast format. Genom att ange den del av URL-adressen som är fast som URL-mall behöver du inte ange den här delen av URL-adressen varje gång du skapar en bildschema. URL-mallen kan även innehålla JavaScript-kommandon, sökvägsnamn och parametrar. Som standard innehåller URL-mallen en egen Adobe Dynamic Media Classic JavaScript-hanterare, loadProduct, som öppnar bilden i ett nytt fönster.

NOTE
När du lägger till JavaScript-koden i HREF-attributet för din Image Map körs koden på klientens dator. Kontrollera därför att JavaScript-koden är säker.

Om URL-mallar about-url-templates

URL-mallen fungerar genom att ersätta innehållet i URL-kolumnen i listan Bildschema. Den ersätts med dollartecknen ('$$') i mallen:

Javascript:loadProduct('$$');void(0);

Du placerar alla värden som inte ändras mellan bildscheman i URL-mallen. Lägg bara till de värden som ändras i URL-kolumnen i listan Bildschema. Till exempel:

  • URL-mall: javascript:loadProduct('https://www.examplesitehere.com/$$');void(0);
  • URL-värde: product.htm
  • Faktisk URL genererad: javascript:loadProduct('https://www.examplesitehere.com/product.html);void(0);

Som standard innehåller URL-mallen en Adobe Dynamic Media Classic JavaScript-hanterare med namnet loadProduct som öppnar ett nytt fönster med URL-målet. Du kan dock använda valfri JavaScript-kod för att ersätta den här JavaScript-hanteraren eller använda någon av följande Adobe Dynamic Media Classic-hanterare:

  • loadProductCW: Visar URL-målet som anges i URL-kolumnen i det aktuella fönstret. Hanteraren är främst avsedd för e-kataloger som är integrerade på en sida på en webbplats.

  • loadProductPW: Visar URL-målet som anges i URL-kolumnen i det överordnade fönstret (sidan som öppnade det aktuella fönstret). Det aktuella fönstret förblir öppet, men det överordnade fönstret ändras så att URL-målet visas.

    note note
    NOTE
    Hanteraren loadProductPW stöder inte DHTML- och HTML5-visningsprogram.

Skapa en URL-mall creating-a-url-template

  1. Välj Redigera bredvid alternativet URL-mall på skärmen i Kartredigeraren (bilder eller SpinSets) eller på fliken Kartsidor på skärmen eCatalog (eCatalogs). Dialogrutan Redigera kartmall öppnas.
  2. Ange JavaScript-koden och den fullständiga URL:en (med variabeldelen ersatt av dollartecken [$]). Du kan klistra in koden genom att högerklicka och välja Paste.
  3. Välj Save.

Hantera URL-mallar handling-url-templates

På mallredigeringssidan (bilder och SpinSets) och fliken Kartsidor på eCatalog-skärmen (eCatalogs) finns följande kommandon för hantering av URL-mallar:

  • URL-mallalternativ: Välj alternativet URL-mall om du vill använda URL-mallen på alla bildscheman på en bild- eller eCatalog-sida.

  • Mallalternativ: Avmarkera ett mallalternativ i listan URL-bildschema om du inte vill att en enskild bildschema ska använda URL-mallen.

Definiera andra åtgärder för bildscheman defining-other-actions-for-image-maps

Du kan välja menyn Show och välja Other Actions om du vill utlösa andra åtgärder än överrullningstext och webbsidor som öppnas. När användaren flyttar pekaren över ett bildschema kan du initiera en åtgärd. Dessa åtgärder är attribut som definieras för Image Maps på klientsidan av specifikationerna för World Wide Web Consortium HTML. De omfattar följande:

  • accesskey: Startar en åtgärd när användaren trycker på en angiven tangent på tangentbordet.

  • onfocus: Startar en händelse när bildschemat får fokus - av markören, genom att tabba eller genom att trycka på en åtkomsttangent. Du kan till exempel starta en webbsida när bildschemat får fokus och stänga den när bildschemat inte får fokus.

  • onblur: Startar en händelse när bildschemat förlorar fokus, antingen av markören eller genom tabbning.

Definiera andra åtgärder för bildscheman:

  1. På kartredigerarens skärm (bilder och SpinSets) eller på fliken Kartsidor på eCatalog-skärmen (eCatalogs) väljer du Show-menyn och sedan Other Actions.
  2. Använd den syntax som anges i specifikationerna för World Wide Web Consortium HTML för att lägga till attribut som stöds i kolumnen Andra åtgärder i listan Bildschema.
  3. Välj Save.

Välj menyn Show och välj Both om du vill att en bildschema ska innehålla överrullningstext och en åtgärd.

Skapa bildscheman i Adobe Acrobat eller Adobe InDesign creating-image-maps-in-adobe-acrobat-or-adobe-indesign

Du kan skapa bildscheman när du utformar din e-katalog i Adobe Acrobat eller Adobe InDesign.

I Adobe Acrobat eller Adobe InDesign skapar du hyperlänksreferenser där du vill att bildscheman ska visas och anger URL-adresser för bildschemat. Om du markerar alternativet Extrahera länkar när du överför PDF-filen till Adobe Dynamic Media Classic konverteras länkarna automatiskt till bildscheman.

Mer information finns i hjälpen till Adobe InDesign eller Adobe Acrobat.

Skapa bildscheman i Adobe InDesign to-create-image-maps-in-adobe-indesign

  1. Gå till Windows® > Interactive > Hyperlinks i Adobe InDesign.

  2. På panelen Hyperlänkar markerar du den text, ram eller grafik som du vill göra till en bildschema.

  3. Välj New Hyperlink på panelmenyn.

  4. Välj URL på menyn Link To i dialogrutan Ny hyperlänk.

  5. Skriv eller klistra in produkt-ID:t i rutan URL.

  6. Välj OK. (Adobe Dynamic Media Classic slutför URL:en med hjälp av URL-mallen för bildschema.)

    note note
    NOTE
    Du behöver inte ange utseendealternativ i Adobe InDesign. Du kan ange utseende i Adobe Dynamic Media Classic.

  7. Upprepa steg 2 till 6 för alla bildscheman som du vill skapa.

  8. Exportera filen som PDF.

  9. Överför PDF till Adobe Dynamic Media Classic.

  10. I PDF Options väljer du Extract Links.

Skapa bildscheman i Adobe Acrobat to-create-image-maps-in-adobe-acrobat

  1. Gå till Tools > Advanced Editing > Link Tool i Adobe Acrobat.
  2. Dra för att skapa bildschemat.
  3. Markera Custom Link i rutan Skapa länk och välj Next.
NOTE
Du behöver inte ange utseendealternativ i Adobe Acrobat. Du kan ange utseende i Adobe Dynamic Media Classic.
  1. Välj Actions i rutan Länkegenskaper.
  2. Välj Open A Web Link på menyn Välj åtgärd och välj sedan Add.
  3. Ange produkt-ID för bildschemat i rutan Redigera URL och välj OK. (Adobe Dynamic Media Classic slutför URL:en med hjälp av URL-mallen för bildschema.)
  4. Upprepa steg 1 till 7 för alla bildscheman som du vill skapa.
  5. Spara filen.
  6. Överför PDF till Adobe Dynamic Media Classic och välj Extrahera länkar under Alternativ för PDF.
recommendation-more-help
ba789e76-bace-4e0e-bd26-52691fb2cb26