ADOBE DIGITAL PUBLISHING SUITE Självstudiekurser

Transkript

1 ADOBE DIGITAL PUBLISHING SUITE Självstudiekurser

2 Juridiska meddelanden Juridiska meddelanden Juridisk information finns på

3 iii Innehåll Komma igång med självstudiekurserna Självstudiekurs 1: Snabb självstudiekurs för erfarna DPS-användare Självstudiekurs 2: Skapa en enkel folio Självstudiekurs 3: Lägga till interaktiva element

4 1 Komma igång med självstudiekurserna I de här självstudiekurserna får du lära dig att konvertera InDesign-dokument till ett digitalt format som kan läsas på mobila enheter, t.ex. ipad. Om du har redan har viss erfarenhet av Adobes verktyg för digital publicering kan du börja med den första lektionen. Om du inte har provat på digital publicering tidigare bör du hoppa över den första självstudiekursen. För att kunna genomföra självstudiekurserna behöver du InDesign CS5 eller InDesign CS5.5 med uppdaterade versioner av Folio Producer-verktygen. Ladda ned källresurserna för självstudiekurserna genom att klicka på följande länk: Ladda ned TutorialAssets.zip Självstudiekurs 1: Snabb självstudiekurs för erfarna DPS-användare Den här självstudiekursen är lämplig om du har skapat folios med förhandsversionen av DPS-verktygen. Om dina kunskaper om DPS-verktygen är begränsade bör du istället börja med nästa självstudiekurs där du får lära dig grunderna. Skapa en folio och en artikel Med den tidigare verktygsuppsättningen skapade du en mapp som innehöll stackundermappar. Du var tvungen att använda rätt mappstruktur och filnamngivningskonventioner för att kunna skapa en folio. I det nya arbetsflödet är mappstrukturen bara viktig när du importerar folios. Nu kan du lägga till artiklar i en folio även om de finns lagrade på olika platser eller till och med på olika datorer. Folios och artiklar skickas till en arbetsyta på webben. 1 Installera Folio Producer-verktygen för InDesign CS5 eller InDesign CS Välj Fönster > Tillägg > Folio Builder i InDesign. Panelen Folio Builder ersätter Content Bundler. 3 Klicka på Logga in och logga sedan in med ett verifierat Adobe-id. Kontot som du loggar in med avgör vilka funktioner som är tillgängliga. Om du inte har ett Professional- eller Enterprise-konto kan du bara skapa en folio. (Om du tar bort folion kan du skapa en ny.) Du kan även komma åt folios som en utgivare delar med dig. 4 Skapa en ny folio genom att klicka på Ny. Ange ett folionamn, t.ex. Tutorial, och klicka på OK.

5 2 Skapa en ny folio Skapa sedan ett nytt dokument och lägg till det som en artikel. 5 Skapa ett nytt liggande dokument med storleken 1024x768 och spara det som test wide.indd. Lägg till text eller bilder. Du behöver bara spara dokument med suffixen _h och _v om du vill importera dem. 6 Skapa en artikel genom att klicka på Nytt på panelen Folio Builder. Ange artikelnamnet, t.ex. test, och klicka på OK. Artikelinformationen skickas till arbetsytan för folion på webben. 7 Dubbelklicka på test -artikeln. Observera att bara den liggande layouten visas. Liggande vy av panelen Folio Builder

6 3 8 Skapa ett nytt stående dokument med storleken 1024x768 och spara det som test tall.indd. Lägg till text eller bilder. 9 Kontrollera att du är i layoutvyn på panelen Folio Builder och lägg till den stående layouten genom att klicka på Nytt. Nu visas både liggande och stående layouter i layoutvyn. Ändra folio- och artikelegenskaper Det finns tre vyer på panelen Folio Builder: foliovyn, artikelvyn och layoutvyn. 1 Öva dig i att navigera i de tre panelvyerna. Navigera genom att klicka på objekten under fliken Folio Builder. Klicka på pilen i layoutvyn om du vill återgå till foliovyn eller klicka på folionamnet om du vill återgå till artikelvyn. Dubbelklicka på folion och artikelnamnen om du vill öka detaljnivån. 2 Klicka på pilen om du vill återgå till foliovyn. Markera folion och välj sedan Egenskaper på panelen Folio Builder. 3 Ange ett Publikationsnamn, t.ex. Sample Folio. Publikationsnamnet är inte samma som folionamnet. Publikationsnamnet är det som visas i visningsprogrammet. Folionamnet visas på panelen Folio Builder och i Folio Producer. Dialogrutan Folioegenskaper. 4 Ange bilder för Förhandsvisa omslag och klicka på OK. Omslag förhandsvisas i visningsprogrambiblioteket. Med den tidigare verktygsuppsättningen genererades omslaget i Content Bundler baserat på den första sidan i den första stacken. Ange omslagsbilderna i det nya arbetsflödet. Omslag måste förhandsvisas innan appen publiceras. 5 Dubbelklicka på folion på panelen Folio Builder. Markera testartikeln och välj Egenskaper på panelmenyn i Folio Builder. Observera att det finns ett titelfält i dialogrutan Artikelegenskaper. Artikeltiteln visas i visningsprogrammet. Artikelnamnet visas på panelen Folio Builder och i Folio Producer. Använd artikelnamnet och inte artikeltiteln när du skapar länkar till andra artiklar.

7 4 Dialogrutan Artikelegenskaper 6 Ange artikelegenskaperna och klicka på OK. Förhandsgranska en artikel Du kan förhandsgranska artiklar och folios i Desktop Viewer eller Adobe Content Viewer på en mobil enhet. 1 Markera testartikeln och klicka på Förhandsgranska. Artikeln visas i Desktop Viewer. Du kan rotera genom att trycka ned Ctrl/Kommando+R. 2 Avsluta Desktop Viewer. 3 Om du vill förhandsvisa folion på en mobil enhet, t.ex. ipad, installerar du Adobe Content Viewer på enheten och loggar sedan in med samma Adobe-id som du använde för att logga in på panelen Folio Builder. Se till att den mobila enheten är ansluten till Internet. Importera artiklar Du har nu skapat en artikel genom att öppna källdokumentet och klicka på Nytt. En bättre metod är att importera artiklar. Du kan importera en enstaka artikel eller flera artiklar om du använder den mappstruktur och de filnamngivningskonventioner som krävs. När artikelmapparna importeras måste InDesign-dokumenten i dem ha suffix som anger om de är lodräta eller vågräta: _v för lodräta (vertical) och _h för vågräta (horizontal). Peka på en artikelmapp när du importerar en artikel. Peka på foliomappen när du importerar flera artiklar. Obs! Öppna källdokumenten i mappen TutorialAssets och kontrollera att alla länkar är uppdaterade och att filerna har sparats innan du importerar artiklar. Se Komma igång med självstudiekurserna på sidan 1. 1 Välj Importera på panelmenyn i Folio Builder i artikelvyn. 2 I Artikelnamn skriver du Meridien Ad.

8 5 3 Klicka på mappikonen Plats och navigera till mappen TutorialAssets > Meridien_Folio > WiFi_Ad. Klicka på Öppna. Importera en enstaka artikel 4 Importera och skicka artikeln genom att klicka på OK Importera sedan en hel folio. Om du importerar en hel folio importeras varje undermapp i foliomappen som en separat artikel. 5 Välj Importera på panelmenyn i Folio Builder i artikelvyn. 6 Välj Importera flera artiklar. 7 Klicka på mappikonen Plats och navigera till TutorialAssets > CityGuide_Folio. Klicka på Öppna. 8 Importera artiklarna i foliomappen genom att klicka på OK. Panelen Folio Builder efter att artiklar har importerats

9 6 Artiklarna importeras. Om din foliomapp innehåller en sidecar.xml-fil fylls artikelegenskaperna i. 9 Navigera till foliovyn, välj självstudiekursfolion och klicka på Förhandsgranska. Om du redigerar källdokumentet för en artikel måste du uppdatera artikeln för att kunna se ändringarna i förhandsvisningen. Markera artikeln och välj Uppdatera på panelen Folio Builder. Om du vill redigera folios kan du logga in på webbklienten på Om du har en DPS-prenumeration kan du publicera folios med Folio Producer och skapa anpassade visningsprogramappar med Viewer Builder. Om du vill ta bort folion och alla dess artiklar markerar du folion på panelen Folio Builder och klickar på papperskorgen. Självstudiekurs 2: Skapa en enkel folio I den här självstudiekursen skapar du en folio och en artikel, förhandsgranskar den på datorn och förhandsgranskar sedan den igen på en ipad. När du är klar med lektionen ska din ensidesfil se ut som på ipaden. A B Färdig folio visas på ipaden A. Liggande (vågrät) vy B. Stående (lodrät) vy Skapa en folio och en artikel En folio består av en samling digitalt publicerade artiklar. När du skapar en folio skapas en arbetsyta på webben.

10 7 I den här självstudiekursen öppnar du separata dokument som utformats för lodräta och vågräta layouter. Om du skapar två layouter för varje artikel kan användarna rotera ipaden och på så sätt se samma innehåll med olika orientering. 1 Välj Fönster > Tillägg > Folio Builder. 2 Klicka på Logga in och logga sedan in med ett verifierat Adobe-id. Om du inte har något Adobe-id kan du skapa ett på 3 Skapa en ny folio genom att klicka på Ny. I Folionamn skriver du City Guide. Klicka sedan på OK. Skapa en folio Nu är det dags att skapa en artikel som bygger på ett öppet InDesign-dokument. 4 Packa upp TutorialAssets-filen (ZIP-filen) och bläddra till mappen Meridien_Folio, om du inte redan har gjort det. Se Komma igång med självstudiekurserna på sidan 1. 5 Öppna WiFi_h. indd- och WiFi_v.indd-filerna i mappen WiFi_Article i InDesign. Uppdatera länkarna och spara filerna om du får en uppmaning att göra det. De här båda dokumenten är källfilerna för de vågräta och lodräta layouterna för artikeln som du ska skapa. 6 Skapa en ny artikel genom att klicka på Nytt på panelen Folio Builder. I Artikelnamn skriver du WiFi Ad. Klicka sedan på OK. Lägga till en artikel i en folio.

11 8 Artikelnamnet visas på panelen Folio Builder. Artikelinformationen skickas till arbetsytan för folion på webben. 7 Dubbelklicka på artikeln WiFi Ad på panelen Folio Builder. Observera att bara en layout visas i layoutvyn. Du måste lägga till den andra layouten. 8 Aktivera det andra WiFi-dokumentet och lägg till den andra layouten genom att klicka på Nytt i layoutvyn. Både horisontella och vertikala dokument har lagts till som layouter 9 Stäng WiFi-filerna i InDesign. Ändra artikelegenskaper Det finns tre vyer på panelen Folio Builder: foliovyn, artikelvyn och layoutvyn.

12 9 Foliovyn (vänster), artikelvyn (mitten) och layoutvyn (höger) 1 Öva dig i att navigera i de tre panelvyerna på panelen Folio Builder. Navigera genom att klicka på objekten under fliken Folio Builder. Klicka på pilen i layoutvyn om du vill återgå till foliovyn eller klicka på folionamnet om du vill återgå till artikelvyn. Dubbelklicka på folion och artikelnamnen om du vill öka detaljnivån. 2 Dubbelklicka på folion City Guide på panelen Folio Builder. Markera WiFi Ad-artikeln och välj Egenskaper på panelmenyn i Folio Builder. Du bestämmer hur artikeln ska se ut i visningsprogrammet genom att ändra artikelegenskaperna. Observera att det finns ett titelfält i dialogrutan Artikelegenskaper. Artikeltiteln visas i visningsprogrammet. Artikelnamnet visas på panelen Folio Builder och i Folio Producer. Använd artikelnamnet och inte artikeltiteln när du skapar länkar till andra artiklar.

13 10 Dialogrutan Artikelegenskaper 3 I Titel skriver du Meridien Ad. Markera sedan alternativet Annons, ange övriga metadata och klicka på OK. När du väljer Annons visas artikeln inte i visningsprogrammets innehållsförteckning. Förhandsgranska artikeln i Desktop Viewer Du kan förhandsgranska artiklar och folios med Adobe Content Viewer for Desktop (även kallad Desktop Viewer ) eller Adobe Content Viewer på en mobil enhet. 1 Markera testartikeln och klicka på Förhandsgranska. 2 Tryck på Ctrl/Kommando+R om du vill rotera orienteringen. Artikel som visas i Desktop Viewer

14 11 3 Avsluta Adobe Content Viewer. Du kan även förhandsgranska folion på en mobil enhet, t.ex. en ipad, genom att logga in i Adobe Content Viewer med samma Adobe-id som du använde för att logga in på panelen Folio Builder. Detta gör du i nästa lektion. Självstudiekurs 3: Lägga till interaktiva element I den här självstudiekursen arbetar du med mappen CityGuide_Folio i mappen TutorialAssets. Du skapar interaktiva objekt direkt i InDesign. När du är klar med lektionen ska den första sidan i huvudartikeln se ut som på ipaden. A C D B Färdig folio visas på ipaden A. Liggande (vågrät) vy B. Stående (lodrät) vy C. Hyperlänkar D. Videoövertäckningar Ladda ned självstudiekursresurserna, om du inte redan har gjort det. Se Komma igång med självstudiekurserna på sidan 1. Importera artiklar Under föregående lektion skapade du en artikel genom att öppna källdokumentet och klicka på Nytt. En bättre metod är att importera artiklar. Om du använder rätt mappstruktur och filnamngivningskonventioner kan du importera en enstaka artikel eller flera artiklar.

15 12 Peka på en artikelmapp när du importerar en artikel. Peka på foliomappen när du importerar flera artiklar. 1 Öppna InDesign-källdokumenten i mappen TutorialAssets > CityGuide_Folio innan du importerar artiklar och kontrollera att alla länkar är uppdaterade och att filerna har sparats. 2 Navigera till artikelvyn och välj Importera på panelmenyn i Folio Builder. 3 Välj Importera flera artiklar. 4 Klicka på mappikonen Plats och navigera till TutorialAssets > CityGuide_Folio. Klicka på Öppna. Markera mappen CityGuide_Folio och inte någon undermapp. 5 Importera artiklarna i mappen CityGuide_Folio och skicka dem till servern genom att klicka på OK. Panelen Folio Builder efter att artiklar har importerats Ändra folioegenskaper 1 Återgå till foliovyn genom att klicka på pilikonen på panelen Folio Builder. Markera folion City Guide och välj sedan Egenskaper på panelen Folio Builder. 2 I Publikationsnamn skriver du City Guide Monthly. Publikationsnamnet är inte samma som folionamnet. Publikationsnamnet visas i visningsprogrammet. Folionamnet visas på panelen Folio Builder och i webbklienten Folio Producer. 3 För förhandsvisningsbilderna för omslag anger du Cover_v.jpg för Lodrät och Cover_h.jpg för Vågrät och klickar på OK. De här omslagsbilderna visas i mappen CityGuide_Folio. Omslag förhandsvisas i visningsprogrambiblioteket. Omslag måste förhandsvisas innan appen publiceras.

16 13 Dialogrutan Folioegenskaper Lägga till en interaktiv hyperlänk Nu ska du redigera Enjoy-dokumenten och inkludera interaktiva objekt i dem. InDesign innehåller många interaktivitetsfunktioner. Bara en del av de här verktygen fungerar emellertid med verktygen för digital publicering. Utöver de ursprungliga funktionerna som kan användas omfattar panelen Overlay Creator interaktiva övertäckningar som bara fungerar med verktygen för digital publicering. Skapa först ett hyperlänkobjekt för logotypen D. I. Y. Meet. 1 Öppna Enjoy_v.indd genom att navigera till layoutvyn för Enjoy_Article på panelen Folio Builder och dubbelklicka på Stående layout. 2 Välj verktyget Rektangel i verktygsfältet och dra en rektangel över logotypen D.I.Y. Meet på första sidan. Se till att rektangeln inte har någon linje eller fyllning. 3 Öppna panelen Hyperlänkar (välj Fönster > Interaktivt > Hyperlänkar och välj sedan Ny hyperlänk på panelmenyn. 4 Välj URL på Länka till-menyn och skriv en URL-adress i fältet URL (vi använde Avmarkera Delat hyperlänksmål. Låt Osynlig rektangel och Inget vara markerade under Utseende. Klicka på OK.

17 14 Använda en hyperlänk i en rektangulär bildruta 5 Öppna dokumentet Enjoy_h.indd genom att dubbelklicka på Liggande layout på panelen Folio Builder. Kopiera och klistra in hyperlänksobjektet från Enjoy_v.indd-filen i Enjoy_h.indd-filen. Flytta objektet ovanför logotypen D.I.Y. Meet. 6 Om du snabbt vill förhandsgranska dokumentet sparar du det och väljer Fil > Förhandsvisa folio. Klicka på hyperlänken. Avsluta sedan Adobe Content Viewer. Som standard öppnas hyperlänkar i ett visningsprogram i appen och inte i den mobila webbläsaren. Du kan ändra inställningar med hjälp av panelen Overlay Creator så att en webbplats öppnas i Mobile Safari. I nästa steg får du lära dig mer om panelen. Skapa en filmövertäckning Filmer som du lägger till i ett InDesign-dokument blir interaktiva när du buntar filerna. Du lägger först till videon och ändrar sedan inställningarna med hjälp av panelen Overlay Creator. Vi ska nu lägga till en film om cykling. 1 Välj Arkiv > Montera i Enjoy_h.indd-filen, bläddra till mappen CityGuide_Folio > Enjoy_Article > Länkar och dubbelklicka på cycling_432x234.mpg. Placera filmfilen i det övre högra hörnet. Designerna skapade en videobild med en filmikon för att visa att objektet är interaktivt. Du ska nu använda den bilden som förhandsvisning. 2 Välj Välj bild på snabbmenyn Förhandsvisning på panelen Media (Fönster > Interaktivt > Media). Dubbelklicka på cyclist.jpg i mappen CityGuide_Folio > Enjoy_Article > Länkar. Den nya förhandsvisningsbilden visas. Nu ska vi bestämma hur filmen ska spelas upp med hjälp av panelen Overlay Creator. 3 Öppna panelen Overlay Creator genom att välja Fönster > Tillägg > Overlay Creator. 4 Välj Tryck för att visa kontroll på panelen Overlay Creator medan filmobjektet fortfarande är markerat.

18 15 Redigera filminställningar med hjälp av Overlay Creator 5 Kopiera bilden med verktyget Markering, växla till Enjoy_v.indd och klistra in den. Flytta den till det tomma området på den första sidan och justera den efter de omgivande objekten. 6 Om du vill förhandsgranska filmen sparar du dokumentet och väljer Fil > Förhandsvisa folio. Spela upp filmen genom att klicka på den. Avsluta sedan Adobe Content Viewer. Skapa en bildspelsövertäckning Nu ska vi skapa ett interaktivt bildspel med hjälp av panelen Objektlägen. Vi har redan lagt till bilderna på den andra sidan i den lodräta Enjoy - filen. Du ska nu ordna dem i en stack, konvertera dem till ett flerlägesobjekt och skapa knappar så att det går att navigera mellan bilderna. 1 Öppna Enjoy_v.indd i InDesign och gå till sidan 2. 2 Markera de sju bilderna mellan de röda pilarna och klicka sedan på knapparna Justera efter horisontella mittpunkter och Justera efter vertikala mittpunkter på kontrollpanelen. Centrera bilderna mellan pilarna. 3 Visa panelen Objektlägen genom att välja Fönster > Interaktivt > Objektlägen medan bilderna fortfarande är markerade. Klicka på knappen Konvertera markering till flerlägesobjekt.

19 16 Bilder kombinerade till flerlägesobjekt Alla bilder visas som separata lägen på panelen Objektlägen. 4 Ändra objektnamnet till Sea Slugs på panelen Objektlägen. När dina flerlägesobjekt i de vågräta och lodräta dokumenten har samma objektnamn sparas läget när du roterar ipaden. Nu när du skapat flerlägesobjektet måste användarna rulla genom dem. 5 Visa panelen Knappar genom att välja Fönster > Interaktivt > och klicka sedan på den röda pilen till vänster. 6 Klicka på Konvertera objekt till knapp och välj sedan Gå till föregående läge från plusikonen bredvid Åtgärder.

20 17 Skapa navigeringeringsknappar Nu ska vi göra så att knappens utseende ändras en aning när användaren trycker på den. 7 Klicka på [Klicka] på panelen Knappar och sedan på ikonen Skugga på kontrollpanelen. 8 Markera den röda pilen till höger, konvertera den till en knapp och använd åtgärden Gå till nästa läge. Gör så att [Klicka] ser ut som en skugga. Användarna kan nu gå från bild till bild genom att trycka på knapparna. Nu ska vi även göra det möjligt att gå från bild till bild genom att dra med fingret. 9 Markera flerlägesobjektet. Välj Dra för att ändra läge på panelen Overlay Creator.

21 18 Aktivera dragning med fingret för bildspelet 10 Kopiera och klistra in pilarna och flerlägesobjektet från Enjoy_v.indd-filen på sidan 2 i Enjoy_h.indd-filen. Placera pilarna på lämpligt ställe under flerlägesobjekt. 11 Om du vill förhandsgranska bildspelet sparar du dokumentet och väljer Fil > Förhandsvisa folio. Gå från bild till bild med navigeringsknapparna. Avsluta sedan Adobe Content Viewer. Skapa en panoramaövertäckning Panoramabilder kräver sex bilder. En bild motsvarar en sida i en kub. 1 Öppna Enjoy_v.indd och gå till sidan 3. 2 Välj verktyget Rektangelram i verktygslådan och rita en rektangel av valfri storlek genom att dra ut den. 3 Välj Panorama på panelen Overlay Creator. 4 Klicka på mappen Källa och välj mappen CourtyardPano i mappen CityGuide_Folio > Enjoy_Article > Länkar. Klicka på Öppna. Placeholder-rektangelns form anpassades efter panoramabilderna, men vi vill att det klickningsbara området ska vara mindre. 5 Ändra storlek på panoramaobjektet så att det blir ungefär 400x400 pixlar genom att hålla ned Ctrl+Skift (Windows) eller Kommando+Skift (Mac OS) medan du flyttar ett markeringshandtag.

22 19 Skapa en panoramaövertäckning Vi använder standardinställningarna för att göra det möjligt att i förflytta sig i hela panoramabilden. 6 Kopiera och klistra in panoramaobjektet från Enjoy_v.indd-filen på sidan 3 i Enjoy_h.indd-filen. 7 Spara och stäng InDesign-filerna. Uppdatera och förhandsgranska filerna Nu när du lagt till interaktiva övertäckningar i InDesign-källdokumenten är du klar att förhandsgranska filerna på en mobil enhet. Skicka artiklarna innan du förhandsgranskar filerna på ipaden. 1 Navigera till artikelvyn och välj Enjoy_Article i Folio Builder. Välj Uppdatera på panelmenyn i Folio Builder. Resurserna för de interaktiva objekten skickas till servern. 2 Installera Adobe Content Viewer från App Store på din ipad eller från itunes-butiken, om du inte redan har gjort det. Obs! Om du har en annan mobilenhet, t.ex. en Android-tablet eller en BlackBerry PlayBook, kan du ladda ned Adobe Content Viewer från Android Market eller App World. 3 Anslut din ipad till datorn och kontrollera att appen Adobe Content Viewer visas både i itunes och på din ipad genom att synka enheten. Appen visas i din ipad som Adobe Viewer. 4 Starta visningsprogrammet på din ipad.

23 20 Din ipad måste vara ansluten till Internet för att du ska kunna ladda ned folion. 5 Tryck på knappen Logga in, om du inte redan har loggat in. Om du inte kan se knappen Logga in trycker du först på folion och sedan på startsideknappen i det övre vänstra hörnet så att biblioteket visas. Logga in med samma Adobe-id som du använde för att logga in i Content Bundler. Din ipad måste vara ansluten till Internet för att du ska kunna logga in. 6 Ladda ned och visa folion City Guide Magazine när du får en uppmaning om att göra det. Rotera ipaden så att du kan se både de vågräta och de lodräta versionerna av filen. Visa olika artiklar genom att dra med fingret åt vänster och höger. Dra upp och ned när du vill läsa en artikel. Bläddra till artikeln Enjoy. Kontrollera att de interaktiva övertäckningarna fungerar. Visa navigeringsfälten genom att trycka på ett område som inte är interaktivt och hoppa till början av folion genom att trycka på knappen Hem. Tryck på knappen för innehållsförteckningen i det övre vänstra hörnet om du vill visa innehållsförteckning och miniatyrbilder. Tryck på knappen Bläddra i det övre högra hörnet om du vill visa folion med de metadatabeskrivningar du lagt till ur ett fågelperspektiv. Dra i navigeringslisten om du vill rulla genom förhandsvisningen av artikeln. A B C D E Adobe Viewer A. Hemknappen B. Bakåtknappen C. Knapp för innehållsförteckning D. Bläddringsknapp E. Navigeringslist