<!-- <?xml version="1.0" ?>
<!DOCTYPE chapter PUBLIC "-//KDE//DTD DocBook XML V4.1-Based Variant V1.0//EN" "dtd/kdex.dtd">
          
To edit or validate this document separately, uncomment this prolog
Be sure to comment it out again when you are done -->
   
<chapter id="tutorial">
<title
>En stegvis handledning</title>

<para
> I det här kapitlet, introduceras &kpresenter; med en enkel handledning. Vi går igenom de mest grundläggande stegen som ingår i att skapa en presentation, och lägger till några grundläggande effekter. </para>

<sect1 id="start-new">
<title
>Starta ett nytt dokument</title>

<para
> När du startar &kpresenter;, visas dialogrutan Välj en mall. </para>

<screenshot
> <screeninfo
>Dialogrutan <guilabel
>Välj en mall</guilabel
></screeninfo
> <mediaobject
> <imageobject
> <imagedata fileref="tut01.png" format="PNG"/></imageobject
> <textobject
><phrase
>Dialogrutan <guilabel
>Välj en mall</guilabel
></phrase
></textobject
> </mediaobject
> </screenshot>

<para
> Det förvalda alternativet är <guilabel
>Starta med ett tomt dokument</guilabel
>. Välj mallen som heter <guilabel
>Titel</guilabel
> (markerad med rött) genom att klicka på den. Det här väljer också <guilabel
>Skapa ett nytt dokument från en mall</guilabel
>. </para>

<para
> Klicka nu <guibutton
>Ok</guibutton
>. Det här visar redigeringsfönstret för bilder, där du kan titta på och redigera bilderna (och objekt som finns på dem) i ditt dokument. För närvarande har vi bara en bild med ett objekt på, som är en textruta. </para>

<screenshot
> <screeninfo
>Bildeditorn</screeninfo
> <mediaobject
> <imageobject
><imagedata fileref="tut02.png" format="PNG"/></imageobject
> <textobject
><phrase
>Bildeditorn</phrase
></textobject
> </mediaobject
> </screenshot>

<para
> Dubbelklicka på textrutan. Markören ändras till en vertikal linje för att visa att du nu kan skriva in text. </para>

<screenshot
> <screeninfo
>Textinfogningsmarkören</screeninfo
> <mediaobject
> <imageobject
><imagedata fileref="tut03.png" format="PNG"/> </imageobject
> <textobject
><phrase
>Textinfogningsmarkören</phrase
></textobject
> </mediaobject
> </screenshot>

<para
> Sätt igång och skriv lite text! </para>

<screenshot
> <screeninfo
>Lägga till text</screeninfo
> <mediaobject
> <imageobject
> <imagedata fileref="tut04.png" format="PNG"/></imageobject
> <textobject
><phrase
>Lägga till text</phrase
></textobject
> </mediaobject
> </screenshot>

<para
> Klicka någon annanstans än på texten för att avmarkera textrutan när du har skrivit klart. </para>

</sect1>

<sect1 id="insert-page">
<title
>Lägga till en ny sida</title>

<para
> Låt oss nu lägga till en ny sida i dokumentet. För att göra det, klicka på menyn <guimenu
>Infoga</guimenu
>, och sedan på <guimenuitem
>Sida</guimenuitem
>. </para>

<screenshot
> <screeninfo
>Infoga en sida från menyn</screeninfo
> <mediaobject
> <imageobject
> <imagedata fileref="tut05.png" format="PNG"/></imageobject
> <textobject
><phrase
>Infoga en sida från menyn</phrase
></textobject
> </mediaobject
> </screenshot>

<para
> Det här visar dialogrutan <guilabel
>Infoga sida</guilabel
>. </para>

<screenshot
> <screeninfo
>Dialogrutan <guilabel
>Infoga sida</guilabel
></screeninfo
> <mediaobject
> <imageobject
> <imagedata fileref="tut06.png" format="PNG"/></imageobject
> <textobject
><phrase
>Dialogrutan <guilabel
>Infoga sida</guilabel
></phrase
></textobject
> </mediaobject
> </screenshot>

<para
> Klicka på <guibutton
>Ok</guibutton
> för att acceptera normalvärdena, vilket lägger till en ny sida efter sida 1. </para>

<para
> Dialogrutan <guilabel
>Välj</guilabel
> dyker upp så att vi kan bestämma hur den nya sidan ska se ut. Dubbelklicka på mallen <guilabel
>En kolumn</guilabel
> (markerad med rött) den här gången. </para>

<screenshot
> <screeninfo
>Välja en mall för den nya sidan</screeninfo
> <mediaobject
> <imageobject
><imagedata fileref="tut07.png" format="PNG"/></imageobject
> <textobject
><phrase
>Välja en mall för den nya sidan</phrase
></textobject
> </mediaobject
> </screenshot>

<para
> Den nya bilden visas i redigeringsfönstret. För att byta mellan sidorna i presentationen, kan du välja dem i panelen till vänster (markerad med blått på skärmbilden). </para>

<screenshot
> <screeninfo
>Bildlistan</screeninfo
> <mediaobject
> <imageobject
><imagedata fileref="tut08.png" format="PNG"/></imageobject
> <textobject
><phrase
>Bildlistan</phrase
></textobject
> </mediaobject
> </screenshot>

<para
> Den nyinfogade sidan har två textrutor. Det finns en för rubriken, och en annan som ska innehålla en punktad lista med objekt. </para>

<screenshot
> <screeninfo
>Den nya sidan</screeninfo
> <mediaobject
> <imageobject
><imagedata fileref="tut09.png" format="PNG"/></imageobject
> <textobject
><phrase
>Den nya sidan</phrase
></textobject
> </mediaobject
> </screenshot>

<para
> Dubbelklicka och skriv in en rubrik. Dubbelklicka sedan på den andra textrutan. Observera att en punkt automatiskt dyker upp när du börjar skriva. Skriv lite text och avsluta paragrafen genom att trycka på <keycap
>Enter</keycap
> eller returtangenten. När du skriver in nya stycken så dyker punkter automatiskt upp framför dem. </para>

<screenshot
> <screeninfo
>Lägga till text på den andra sidan</screeninfo
> <mediaobject
> <imageobject
><imagedata fileref="tut10.png" format="PNG"/></imageobject
> <textobject
><phrase
>Lägga till text på den andra sidan</phrase
></textobject
> </mediaobject
> </screenshot>

<para
> Du kan avmarkera textrutan genom att klicka någon annanstans. </para>

</sect1>

<sect1 id="insert-pic">
<title
>Infoga en bild</title>

<para
> Låt oss nu gå tillbaka till den första sidan. Använd listan med bilder till vänster på skärmen. </para>

<para
> I det här avsnittet, livar vi upp presentationen lite grand genom att lägga till en trevlig logotyp på titelsidan. För att göra det, är första steget att klicka på menyn <guimenu
>Infoga</guimenu
>, och sedan på <guimenuitem
>Bild</guimenuitem
>. </para>

<screenshot
> <screeninfo
>Använda menyn för att infoga en bild</screeninfo
> <mediaobject
> <imageobject
><imagedata fileref="tut11.png" format="PNG"/></imageobject
> <textobject
><phrase
>Använda menyn för att infoga en bild</phrase
></textobject
> </mediaobject
> </screenshot>

<para
> Det här visar en filvalsdialog. För att lära dig mer om den eller andra standarddialogrutor i &kde;, titta i &kde;:s dokumentation. Du kan bläddra genom att klicka på ikoner med <guiicon
>kataloger</guiicon
> eller genom att använda <guiicon
>bläddringsknapparna</guiicon
> på verktygsraden (markerade med rött). Ett klick på <guiicon
>uppåtpilen</guiicon
> tar dig uppåt en katalognivå. </para>

<para
> Hitta filen som heter <filename
>koffice-logo.png</filename
>, som kan finnas i en annan katalog än den som visas på skärmbilden. Du kan också välj vilken annan bildfil du vill! Välj filen, och klicka på <guibutton
>Öppna</guibutton
>. </para>

<screenshot
> <screeninfo
>Välja en bild att lägga till</screeninfo
> <mediaobject
> <imageobject
><imagedata fileref="tut12.png" format="PNG"/></imageobject
> <textobject
><phrase
>Välja en bild att lägga till</phrase
></textobject
> </mediaobject
> </screenshot>

<para
> Logotypen syns nu i övre vänstra hörnet i redigeringsfönstret. Det syns markeringshandtag (små svarta fyrkanter) omkring kanten på bilden. </para>

<screenshot
> <screeninfo
>Den nytillagda bilden</screeninfo
> <mediaobject
> <imageobject
><imagedata fileref="tut13.png" format="PNG"/></imageobject
> <textobject
><phrase
>Den nytillagda bilden</phrase
></textobject
> </mediaobject
> </screenshot>

<para
> Placera musmarkören var som helst i mitten av logotypen, och dra den till mitten på sidan. </para>

<screenshot
> <screeninfo
>Flytta bilden på plats</screeninfo
> <mediaobject
> <imageobject
><imagedata fileref="tut14.png" format="PNG"/></imageobject
> <textobject
><phrase
>Flytta bilden på plats</phrase
></textobject
> </mediaobject
> </screenshot>

<para
> Det är allt. Nu har du en bild på titelsidan! </para>

</sect1>

<sect1 id="addshadow">
<title
>Lägga till en skugga i rubriktexten</title>

<para
> Låt oss fortsätta att förbättra vår titelsida genom att lägga till en skugga bakom titeln. <mousebutton
>Höger</mousebutton
>klicka var som helst på titeltexten. Det här åstadkommer två saker: textrutan som innehåller rubriktexten markeras, och en meny dyker upp. </para>

<para
> Välj alternativet <guimenuitem
>Skugga objekt</guimenuitem
> i menyn. </para>

<screenshot
> <screeninfo
>Den sammanhangsberoende menyn</screeninfo
> <mediaobject
> <imageobject
><imagedata fileref="tut15.png" format="PNG"/></imageobject
> <textobject
><phrase
>Den sammanhangsberoende menyn</phrase
></textobject
> </mediaobject
> </screenshot>

<para
> Dialogrutan <guilabel
>Skugga</guilabel
> dyker upp. Avståndet mellan skuggan och texten är för närvarande 0, så skuggan kan inte ses (den här delen av dialogrutan är markerad med rött). </para>

<screenshot
> <screeninfo
>Dialogrutan <guilabel
>Skugga</guilabel
></screeninfo
> <mediaobject
> <imageobject
><imagedata fileref="tut16.png" format="PNG"/></imageobject
> <textobject
><phrase
>Dialogrutan <guilabel
>Skugga</guilabel
></phrase
></textobject
> </mediaobject
> </screenshot>

<para
> Öka värdet på avståndet till 3. Effekten av att ändra avståndet kan ses i förhandsgranskningsfönstret. Klicka nu på <guibutton
>Ok</guibutton
>. </para>

<screenshot
> <screeninfo
>Lägga till en skugga i rubriken</screeninfo
> <mediaobject
> <imageobject
><imagedata fileref="tut17.png" format="PNG"/></imageobject
> <textobject
><phrase
>Lägga till en skugga i rubriken</phrase
></textobject
> </mediaobject
> </screenshot>

<para
> Nu har rubriken en skugga! </para>

<screenshot
> <screeninfo
>Den nya rubriken med skugga</screeninfo
> <mediaobject
> <imageobject
><imagedata fileref="tut18.png" format="PNG"/></imageobject
> <textobject
><phrase
>Den nya rubriken med skugga</phrase
></textobject
> </mediaobject
> </screenshot>

</sect1>

<sect1 id="textcolor">
<title
>Ändra färg på rubriktexten</title>

<para
> Låt oss avsluta genom att ändra färg på rubriktexten från svart till blå. För att göra det, markera rubriktexten genom att dubbelklicka på textrutan. </para>

<para
> Ändra färg till blå genom att klicka på den <guiicon
>mörkblå</guiicon
> ikonen i färgpaletten till höger om redigeringsfönstret (ikonen är markerad med rött). </para>

<screenshot
> <screeninfo
>Färgpaletten</screeninfo
> <mediaobject
> <imageobject
><imagedata fileref="tut19.png" format="PNG"/></imageobject
> <textobject
><phrase
>Färgpaletten</phrase
></textobject
> </mediaobject
> </screenshot>

<para
> Att ändra färg på den markerade texten till blå ändrar dess utseende. Den exakta färgen som den markerade texten får, beror på systemets färgschema. </para>

<screenshot
> <screeninfo
>Markerad text</screeninfo
> <mediaobject
> <imageobject
><imagedata fileref="tut20.png" format="PNG"/></imageobject
> <textobject
><phrase
>Markerad text</phrase
></textobject
> </mediaobject
> </screenshot>

<para
> Klicka nu någon annanstans för att avmarkera texten. </para>

<screenshot
> <screeninfo
>Den färdiga rubriken</screeninfo
> <mediaobject
> <imageobject
><imagedata fileref="tut21.png" format="PNG"/></imageobject
> <textobject
><phrase
>Den färdiga rubriken</phrase
></textobject
> </mediaobject
> </screenshot>

<para
> Nu när det finns två bilder, varför inte prova ett bildspel! För att starta bildspelet, tryck på knappen <guiicon
>spela</guiicon
> (den gråa pilen) i den övre verktygsraden. Den första bilden ska visas på din skärm. </para>

<screenshot
> <screeninfo
>Den första bilden</screeninfo
> <mediaobject
> <imageobject
><imagedata fileref="tut22.png" format="PNG"/></imageobject
> <textobject
><phrase
>Den första bilden</phrase
></textobject
> </mediaobject
> </screenshot>

<para
> För att gå framåt från den första bilden till nästa, klicka bara var som helst på skärmen, eller använd tangenten <keycap
>Page Down</keycap
>. </para>

<screenshot
> <screeninfo
>Den andra bilden</screeninfo
> <mediaobject
> <imageobject
><imagedata fileref="tut23.png" format="PNG"/></imageobject
> <textobject
><phrase
>Den andra bilden</phrase
></textobject
> </mediaobject
> </screenshot>

<para
> För att avsluta bildspelet, <mousebutton
>höger</mousebutton
>klicka och välj sedan alternativet <guimenuitem
>Avsluta presentation</guimenuitem
> i menyn. </para>

</sect1>

</chapter>