<!-- <?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">
<chapterinfo>
<authorgroup>
<author
><firstname
>Neil</firstname
> <surname
>Lucock</surname
> <affiliation
> <address
><email
>neil@nlucock.freeserve.co.uk</email
></address>
</affiliation>
</author>
<author
><firstname
>Krishna</firstname
> <surname
>Tateneni</surname
> <affiliation
> <address
><email
>tateneni@pluto.njcc.com</email
></address>
</affiliation>
</author>
<author
><firstname
>Anne-Marie</firstname
> <surname
>Mahfouf</surname
> <affiliation
> <address
><email
>annemarie.mahfouf@free.fr</email
></address>
</affiliation>
</author>
<othercredit role="translator"
> <firstname
>Stefan</firstname
> <surname
>Asserhäll</surname
> <affiliation
><address
><email
>stefan.asserhall@comhem.se</email
></address
></affiliation
> <contrib
>Översättare</contrib
></othercredit
> 
</authorgroup>
</chapterinfo>
<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 den vanliga startdialogrutan i &koffice;. </para>

<screenshot>
<screeninfo
>Startdialogrutan för <guilabel
>&koffice;</guilabel
></screeninfo>
<mediaobject>
<imageobject>
<imagedata fileref="tut01.png" format="PNG"/></imageobject>
<textobject
><phrase
>Startdialogrutan i &koffice;</phrase
></textobject>
</mediaobject>
</screenshot>

<para
>Välj <guilabel
>Skärm</guilabel
> till vänster, och välj därefter <guilabel
>Titel</guilabel
> (markerad med blått i skärmbilden ovan) genom att klicka på den. Du kan markera <guilabel
>Använd alltid den här mallen</guilabel
> för att göra den till förvald mall. </para>

<para
>Klicka nu <guibutton
>Använd den här mallen</guibutton
>. Det 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 och det redigerade området blir grått. </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
>Välj <guilabel
>Använd annan mall</guilabel
> och klicka på <guibutton
>Ok</guibutton
> för att lägga till en ny sida efter sida 1. </para>

<para
>Dialogrutan <guilabel
>Skapa dokument</guilabel
> dyker upp så att vi kan bestämma hur den nya sidan ska se ut. Välj <guilabel
>Skärm</guilabel
> till vänster och dubbelklicka på mallen <guilabel
>En kolumn</guilabel
> (markerad med blå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 bilden</screeninfo>
<mediaobject>
<imageobject
><imagedata fileref="tut09.png" format="PNG"/></imageobject>
<textobject
><phrase
>Den nya bilden</phrase
></textobject>
</mediaobject>
</screenshot>

<para
>Dubbelklicka och skriv in en rubrik. Dubbelklicka sedan på den andra textrutan med punkten. 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
>Ok</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
>Klicka med vänster musknapp där du vill placera logotypen med sin ursprungliga storlek, eller rita en rektangel med vänster muspekare för att ange logotypens position och storlek. Det syns markeringshandtag (små svarta fyrkanter) omkring bildens kant. </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. Använd därefter markeringshandtagen för att ändra den till rätt storlek. </para>

<screenshot>
<screeninfo
>Dra och ändra storlek på bilden</screeninfo>
<mediaobject>
<imageobject
><imagedata fileref="tut14.png" format="PNG"/></imageobject>
<textobject
><phrase
>Dra och ändra storlek på bilden</phrase
></textobject>
</mediaobject>
</screenshot>

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

</sect1>

<sect1 id="insert-object">
<title
>Infoga ett &koffice;-objekt</title>
<para
>Låt oss infoga ett annat &koffice;-objekt under bilden, till exempel ett diagram.</para>

<para
>Alla dokument som stöds av &koffice; kan infogas på en sida i &kpresenter;. Låt oss välja ett diagram från &kchart;. För att göra det, är första steget att klicka på menyn <guimenu
>Infoga</guimenu
>, och sedan på <guisubmenu
>Objekt</guisubmenu
>. </para>

<screenshot>
<screeninfo
>Menyn Infoga objekt</screeninfo>
<mediaobject>
<imageobject
><imagedata fileref="tut24.png" format="PNG"/></imageobject>
<textobject
><phrase
>Menyn Infoga objekt</phrase
></textobject>
</mediaobject>
</screenshot>

<para
>En lista med tillgängliga komponenter i &koffice; visas som en undermeny. Välj <guilabel
>Diagram</guilabel
> och markera området med musen där du vill placera diagrammet på &kpresenter;s sida. </para>

<screenshot>
<screeninfo
>Markera området där diagrammet ska placeras</screeninfo>
<mediaobject>
<imageobject
><imagedata fileref="tut25.png" format="PNG"/></imageobject>
<textobject
><phrase
>Markera området där diagrammet ska placeras</phrase
></textobject>
</mediaobject>
</screenshot>

<!--TODO check if the Open Document dialog should appear when the chart is
created and not a blank chart-->

<para
>När du väl släpper musknappen, läggs ett tomt diagram till på sidan. Så fort du arbetar i diagrammet, ersätts verktygsraderna och menyraden i &kpresenter;s huvudfönster med de från &kchart;. </para>

<screenshot>
<screeninfo
>Inbäddade menyer och verktygsrader från &kchart;</screeninfo>
<mediaobject>
<imageobject
><imagedata fileref="tut26.png" format="PNG"/></imageobject>
<textobject
><phrase
>Inbäddade menyer och verktygsrader från &kchart;</phrase
></textobject>
</mediaobject>
</screenshot>

<para
>Medan du är i diagrammet, visas &kchart;s inställningsmeny när du klickar med höger musknapp, som låter dig ändra diagrammets parametrar. Se &kchart;s användarhandbok för att få mer information om hur &kchart; används.</para>

<para
>Klicka var som helst med vänster musknapp utanför diagrammet för att gå tillbaka till &kpresenter;s sida.</para>

<para
>Ett enkelklick på diagrammet låter dig dra det för att ändra dess plats och dessutom dra kanterna för att göra det större, som med alla andra objekt i &kpresenter;. Dubbelklicka på diagrammet för att komma till &kchart;-läget och ändra någon av diagrammets egenskaper.</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 den sammanhangsberoende 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 och markera texten. </para>

<para
>Öppna dialogrutan <guilabel
>Välj färg</guilabel
> genom att klicka på den <guiicon
>mörkblå A ikonen</guiicon
> till höger om verktygsraden <guilabel
>Text</guilabel
> (ikonen har verktygstipset Färg...) eller välj menyn <guimenu
>Text</guimenu
> och klicka på <guimenuitem
>Färg...</guimenuitem
>, och ändra färgen till blå.</para>

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

<para
>Klicka på <guilabel
>Ok</guilabel
> i dialogrutan <guilabel
>Välj färg</guilabel
>. 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 blåa dubbelpilen) i verktygsraden <guilabel
>Bildspel</guilabel
>. 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
>Sluta</guimenuitem
> i menyn. </para>

</sect1>

</chapter>
