<chapter id="tutorial">
<title
>Stegvis handledning</title>
<para
>Det här avsnittet är en stegvis genomgång av de viktigaste funktionerna som behövs för att förstå hur ett komplext dokument skapas och hanteras. Handledningen skapar inledningen på ett nyhetsbrev som exempel. </para>

<para
>Det rekommenderas att handledningen gås igenom minst en gång om du inte har använd en rambaserad ordbehandlare tidigare.</para>

<sect1 id="choose-template">
<title
>Handledning: Välj den ursprungliga mallen</title>

<note
><para
>Stegen i den här handledningen är numrerade från 1 till 22. Under varje steg finns text i <emphasis
>kursiv stil</emphasis
>. Den här texten förklarar vad föregående steg i handledningen åstadkom.</para
></note>

<para
>När du först <link linkend="starting-kword"
>startar &kword;</link
> (eller <link linkend="new-doc"
>påbörjar ett nytt dokument</link
> efter &kword; kör), visas en dialogruta.</para>

<mediaobject
> <imageobject
> <imagedata format="PNG" fileref="ChooseTempDia.png"/></imageobject
> <textobject
><phrase
>Skärmbild</phrase
></textobject
> </mediaobject>

<para
><emphasis
>Dialogrutan används för att:</emphasis
></para>
<orderedlist numeration="arabic"
> <listitem
> <para
><emphasis
>Välja den ursprungliga mallen för det nya dokumentet</emphasis
></para
> </listitem
> <listitem
> <para
><emphasis
>Öppna ett &kword;-dokument som sparats på hårddisken eller via nätverket.</emphasis
></para
> </listitem
> <listitem
> <para
><emphasis
>Starta &kword; utan något dokument alls.</emphasis
></para
> </listitem
> </orderedlist>

<para
>Steg 1: Klicka på fliken <guilabel
>Sidlayout</guilabel
>.</para>

<mediaobject
><imageobject
><imagedata format="PNG" fileref="Tut1.png"/></imageobject
><textobject
><phrase
>Skärmbild</phrase
></textobject
></mediaobject>

<para
><emphasis
>Det här visar sidlayoutmallarna som finns tillgängliga i ditt system. Se avsnittet <link linkend="wp-vs-dtp"
> Skillnaden mellan textorienterade mallar och sidlayoutmallar</link
>, för information om skillnaderna mellan textorienterade- och sidlayoutmallar.</emphasis
></para>

<para
>Steg 2: Välj nu ikonen <guilabel
>Enkel layout</guilabel
> genom att klicka en gång med vänster musknapp.</para>

<mediaobject
><imageobject
><imagedata format="PNG" fileref="Tut2.png"/></imageobject
><textobject
><phrase
>Skärmbild</phrase
></textobject
></mediaobject>

<para
><emphasis
>Det här är mallen som vi kommer att använda i handledningen</emphasis
></para>

<para
>Steg 3: Bekräfta nu valet genom att klicka på <guibutton
>Ok</guibutton
> </para>

<mediaobject
><imageobject
><imagedata format="PNG" fileref="Tut3.png" align="center"/></imageobject
><textobject
><phrase
>Skärmbild</phrase
></textobject
></mediaobject>

<para
><emphasis
>För att avsluta ditt val</emphasis
></para>

<para
><emphasis
>&kword; öppnar ett nytt dokument med tre ramar. Ramarna markeras som gråa rutor på den vita bakgrunden. Varje ruta är en egen ram.</emphasis
></para>

</sect1>

<sect1 id="tutorial-frame-select">
<title
>Handledning: Välja en ram och skriva in text i den</title>

<para
><emphasis
>För att börja skriva in text (eller lägga till vilken sorts data som helst) i ett dokument, är det viktigt att tala om för &kword; vilken ram som data ska hamna i.</emphasis
></para>

<note
> <para
>För att göra både redigering och formatering av dokument effektivt och enkelt, ändras kommandot som körs med ett musklick beroende på var i &kword;s fönster markören befinner sig.</para
> <para
>När markören befinner sig över verktygsrader, rullningslister, menyknappar eller andra områden <emphasis
>utanför dokumentet</emphasis
>, är markören en pil. Du bör redan vara bekant med den här sortens markör när du använder andra &kde;-program. </para
> <para
><emphasis
>Inuti dokumentet</emphasis
> finns det två olika sorters markör som automatiskt visas beroende på hur nära kanten på en ram markören befinner sig.</para
> <para
>När musen är nära kanten på en ram, ändras markören till två korsande linjer med pilar i alla fyra riktningarna. Genom att nu klicka med vänster musknapp väljs den närmaste ramen. </para
> <para
>När du flyttar markören från kanten på ramen, ändras markören till en textinmatningsmarkör. Att nu klicka med vänster musknapp talar om för &kword; att infoga text i ramen.</para
> </note>


<para
>Steg 4: Placera musens markör över den övre vänstra ramen. Försäkra dig om att du inte ser <emphasis
>rammarkeringsmarkören</emphasis
></para>
<para
>Steg 5: Klicka en gång med vänster musknapp.</para>

<mediaobject
><imageobject
><imagedata format="PNG" fileref="Tut4.png"/></imageobject
> <textobject
><phrase
>Skärmbild</phrase
></textobject
></mediaobject>

<para
><emphasis
>Det här talar om för &kword; att lägga till text i den här ramen. En markör visas i ramens övre vänstra hörn. </emphasis
></para>

<para
>Steg 6: Skriv in följande text med tangentbordet: <userinput
>Kword pressinformation</userinput
>.</para>

<para
><emphasis
>Här är exempel på lite text för vårt nyhetsbrev.</emphasis
></para>

<para
>Steg 7: Markera <emphasis
>Kword pressinformation</emphasis
> genom att placera musens markör över högra kanten på texten. Klicka en gång med <mousebutton
>vänster</mousebutton
> musknapp och dra markören åt vänster. Markerad text blir vit text på en mörk bakgrund. När all text är markerad, släpp <mousebutton
>vänster</mousebutton
> musknapp.</para>

<para
><mediaobject
><imageobject
><imagedata format="PNG" fileref="Tut7.png"/></imageobject
> <textobject
><phrase
>Skärmbild</phrase
></textobject
></mediaobject
></para>
<para
><emphasis
>Det här anger vilken text som ska ändras i steg 8.</emphasis
></para>
<para
>Steg 8: Klicka inne i kombinationsrutan för textstorlek. Ändra värdet till 26.</para>

<para
><mediaobject
><imageobject
><imagedata format="PNG" fileref="Tut8.png"/></imageobject
> <textobject
><phrase
>Skärmbild</phrase
></textobject
></mediaobject
></para>

<para
><emphasis
>Det här ändrar den markerade textens storlek till en mer lämplig för en rubrik.</emphasis
></para>

</sect1>

<sect1 id="tutorial-resize-frame"
> <title
>Handledning: Ändra storlek på en ram</title>

<para
><emphasis
>Nu när vi har skrivit in lite text, kan vi se att ramen bör sträcka sig över hela sidans bredd för en rubrik. Vi måste ändra storlek och form på ramen. </emphasis
></para>

<para
>Steg 9: Placera musens markör över ramkanten (du ser att markören ändras till två korsande linjer med pilar), och klicka en gång med vänster musknapp.</para>

<para
><emphasis
>Det här markerar den här ramen, så dess form kan ändras.</emphasis
></para>

<para
><emphasis
>Du märker att ramen nu är markerad med svart, med åtta mörka fyrkanter längs kanten. De här fyrkanterna används för att ändra storlek på ramen.</emphasis
></para>

<para
>Steg 10: Placera musens markör på den blåa fyrkanten i nedre högra hörnet på ramen. Klicka med vänster musknapp och håll nere den. Dra musen uppåt och åt höger.</para>

<para
><mediaobject
><imageobject
><imagedata format="PNG" fileref="Tut11a.png"/></imageobject
> <textobject
><phrase
>Skärmbild</phrase
></textobject
></mediaobject
></para>

<para
><emphasis
>Observera hur ramen ändrar form. Justera storleken och formen på ramen till den liknar exemplet nedanför:</emphasis
></para>

<para
><mediaobject
><imageobject
><imagedata format="PNG" fileref="Tut11b.png"/></imageobject
> <textobject
><phrase
>Skärmbild</phrase
></textobject
></mediaobject
></para>

<para
>När den gör det, släpp då musknappen.</para>

</sect1>

<sect1 id="tutorial-move-frame"
> 
<title
>Handledning: Flytta en ram på sidan</title>

<para
>Nu när vi har skapat ett rubrikblock, ska vi centrera det längst upp på sidan.</para>

<para
>Steg 11: Placera musens markör över kanten på ramen (men inte på någon av de mörka fyrkanterna).</para>

<para
><emphasis
>Markören ändras nu till en fyrvägs pil. Det här anger att &kword; är klar att flytta ramen på sidan.</emphasis
></para>

<para
>Steg 12: Klicka och håll nere vänster musknapp. Dra musen, och ramen följer med. Placera ramen i mitten på sidan nästan längst upp. När du är nöjd med platsen, släpp då musknappen.</para>

<para
><mediaobject
><imageobject
><imagedata format="PNG" fileref="Tut13.png"/></imageobject
> <textobject
><phrase
>Skärmbild</phrase
></textobject
></mediaobject
></para>

</sect1>

<sect1 id="tutorial-add-frame"
> 
<title
>Handledning: Lägga till en ny ram / Låta text flyta mellan två ramar</title>
<para
>Nu lägger vi till en ny textram för vår första text.</para>
<para
>Steg 13: Börja med att välja <menuchoice
><guimenu
>Infoga</guimenu
><guimenuitem
>Textram</guimenuitem
></menuchoice
></para>

<para
><mediaobject
><imageobject
><imagedata format="PNG" fileref="Tut14.png"/></imageobject
> <textobject
><phrase
>Skärmbild</phrase
></textobject
></mediaobject
></para>

<para
><emphasis
>Markören har ändrats till ett hårkors. Du kan rita din nya textruta med den här markören. Börja med att placera markören i ena hörnet. Klicka och håll nere <mousebutton
>vänster</mousebutton
> musknapp. Dra musen diagonalt. En kantlinje visas som representerar den nya textramen. När du har en textram med rimlig storlek, släpp då <mousebutton
>vänster</mousebutton
> musknapp.</emphasis
></para>

<para
><mediaobject
><imageobject
><imagedata format="PNG" fileref="Tut14a.png"/></imageobject
> <textobject
><phrase
>Skärmbild</phrase
></textobject
></mediaobject
></para>

<para
><emphasis
>Det är inte viktigt för den här handledningen om din textruta inte ser likadan ut som i exemplet.</emphasis
></para>

<para
><emphasis
>När du släpper <mousebutton
>vänster</mousebutton
> musknapp, visas en ny dialogruta.</emphasis
></para>


<para
><emphasis
>Den här dialogrutan visar alla nuvarande ramverk. Det förvalda värdet är markerat. Genom att välja det förvalda värdet, skapar du ett nytt ramverk (text flyter inte från någon annan ram in i den här ramen)</emphasis
></para>

<para
><emphasis
>Observera att det förvalda namnet för det här ramverket är <guilabel
>Textramverk 3</guilabel
></emphasis
></para>

<para
>Steg 14: För syftet med den här handledningen är det förvalda värdet <guilabel
>Skapa ett nytt ramverk med den här ramen</guilabel
> gott nog. Välj helt enkelt <guibutton
>Ok</guibutton
>.</para>

<para
><mediaobject
><imageobject
><imagedata format="PNG" fileref="Tut15.png"/></imageobject
> <textobject
><phrase
>Skärmbild</phrase
></textobject
></mediaobject
></para>

<para
><emphasis
>Nu kan du se att den nya ramen har skapats. Den heter <guilabel
>Textramverk 3</guilabel
></emphasis
></para>

<para
><emphasis
>Nu ska vi skapa ytterligare en liten ram precis intill den nuvarande.</emphasis
></para>

<para
>Steg 15: Välj <menuchoice
><guimenu
>Infoga</guimenu
><guimenuitem
>Textram</guimenuitem
></menuchoice
></para>

<para
><mediaobject
><imageobject
><imagedata format="PNG" fileref="Tut14.png"/></imageobject
> <textobject
><phrase
>Skärmbild</phrase
></textobject
></mediaobject
></para>

<para
>Återigen, med användning av hårkorsmarkören, rita en liten ram nära den första.</para>

<para
><mediaobject
><imageobject
><imagedata format="PNG" fileref="Tut14b.png"/></imageobject
> <textobject
><phrase
>Skärmbild</phrase
></textobject
></mediaobject
></para>

<para
>En dialogruta visas.</para>

<para
>Steg 16: Välj <guilabel
>Textramverk 3</guilabel
> med musen.</para>

<para
><mediaobject
><imageobject
><imagedata format="PNG" fileref="Tut15b.png"/></imageobject
> <textobject
><phrase
>Skärmbild</phrase
></textobject
></mediaobject
></para>

<para
>Steg 17: Välj <guibutton
>Ok</guibutton
>.</para>

<para
><mediaobject
><imageobject
><imagedata format="PNG" fileref="Tut16.png"/></imageobject
> <textobject
><phrase
>Skärmbild</phrase
></textobject
></mediaobject
></para>

<para
><emphasis
>Vad du just har gjort är att förbinda den nya textramen med ramen du skapade senast. För att prova detta:</emphasis
></para>

<para
>Steg 18: Klicka en gång inne i den nya ramen med vänster musknapp.</para>

<para
><mediaobject
><imageobject
><imagedata format="PNG" fileref="Tut18.png"/></imageobject
> <textobject
><phrase
>Skärmbild</phrase
></textobject
></mediaobject
></para>

<para
><emphasis
>Observera att markören omedelbart hoppar till ramen till vänster. Det här beror på att den vänstra ramen är den första ramen i det nuvarande ramverket.</emphasis
></para>

<para
>Steg 19: Börja skriv. Du måste skriva en hel del, men fortsätt göra det. När du får slut på utrymme i textramen, ser du att ny text omedelbart flyttas till den nya ramen.</para>

<para
><mediaobject
><imageobject
><imagedata format="PNG" fileref="Tut19.png"/></imageobject
> <textobject
><phrase
>Skärmbild</phrase
></textobject
></mediaobject
></para>

</sect1>

<sect1 id="tutorial-del-frame"
> 
<title
>Handledning: Ta bort en ram</title>

<para
>Nu ska vi ta bort en onödig ram. (Ja, vi skapade just en ny ram, men &kword; förlåter en ombytlig användare). Vi kommer att ta bort den långa textramen till höger på sidan.</para>

<para
>Steg 20: Placera musens markör över ramkanten på textramen längst till höger (Kom ihåg: kontrollera att markören ändras), och klicka med vänster musknapp.</para>

<para
><mediaobject
><imageobject
><imagedata format="PNG" fileref="Tut21.png"/></imageobject
> <textobject
><phrase
>Skärmbild</phrase
></textobject
></mediaobject
></para>

<para
><emphasis
>Det här markerar ramen.</emphasis
></para>

<para
>Steg 21: Välj <menuchoice
><guimenu
>Ramar</guimenu
><guimenuitem
>Ta bort ram</guimenuitem
></menuchoice
></para>

<para
><mediaobject
><imageobject
><imagedata format="PNG" fileref="Tut22.png"/></imageobject
> <textobject
><phrase
>Skärmbild</phrase
></textobject
></mediaobject
></para>

<para
><emphasis
>En liten dialogruta visas, som ber dig bekräfta att du verkligen ville ta bort ramen.</emphasis
></para>
<para
>Steg 22: Välj <guibutton
>Ta bort</guibutton
>.</para>

<para
><emphasis
>Det här tar bort ramen.</emphasis
></para>

</sect1>
<sect1 id="tutorial-summary">
<title
>Sammanfattning av handledningen</title>

<para
>Förhoppningsvis har den här handledningen gett en introduktion till de mest grundläggande uppgifterna i &kword;.</para>

<para
>Nu har du fått:</para>

<itemizedlist
> <listitem
><para
>Lägga till text i en ram.</para
></listitem
> <listitem
><para
>Ändra storlek på text.</para
></listitem
> <listitem
><para
>Skapa, flytta, ändra storlek och ta bort ramar.</para
></listitem
> </itemizedlist>
<para
>Syftet med den här handledningen var inte att utforska alla aspekter av &kword;, utan att ge dig en introduktion till det absolut nödvändiga. Förhoppningsvis förstår du nu den grundläggande hanteringen av ramar. Hädanefter kan du leta efter hjälp, tips och avancerade funktioner i &kword; under varje speciellt avsnitt i den här handboken.</para>
</sect1>
</chapter>