<chapter id="tutorial">
<chapterinfo>
<authorgroup>
<author
><firstname
>Mike</firstname
> <surname
>McBride</surname
> </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
>Stegvis handledning</title>
<indexterm
><primary
>handledning</primary
></indexterm>
<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 23. 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), frågar &kword; efter en dokumentmall.</para>

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

<para
><emphasis
>Här kan du antingen:</emphasis
></para>
<itemizedlist>
<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>

</itemizedlist>

<para
>Steg 1: Klicka på <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
>Använd den här mallen</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. Klicka i ramens övre vänstra hörn för att placera markören 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 färgad 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 <guilabel
>Textstorlek</guilabel
>. Ä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 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å 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 och lager av ramar</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 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>

<para
>Observera hur högra sidan av titelblocket har glidit bakom den tomma ramen till höger. Det kan enkelt korrigeras.</para>

<para
>Steg 13: Välj <menuchoice
><guimenu
>Ramar</guimenu
><guimenuitem
>Placera överst</guimenuitem
></menuchoice
>.</para>

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

<para
>Det här placerar titeln ovanpå övriga ramar. Du kan höja och sänka ramar för att ge dig utseendet du behöver.</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 till dokumentet för vår första artikel.</para>
<para
>Steg 14: Börja med att välja <menuchoice
><guimenu
>Infoga</guimenu
><guimenuitem
>Textram</guimenuitem
></menuchoice
> i menyraden.</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 och har en alternativknapp för att skapa ett nytt ramverk (förvalt värde). 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 15: För syftet med den här handledningen är det förvalda värdet <guilabel
>Skapa ett nytt ramverk</guilabel
> bra. 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 16: 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 17: Välj <guilabel
>Textramverk 3</guilabel
> genom att klicka med vänster musknapp.</para>

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

<para
>Steg 18: 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 19: Klicka en gång inne i ramen längst till vänster med vänster musknapp.</para>

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

<para
>Steg 20: 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. Vi kommer att ta bort den långa textramen till höger på sidan.</para>

<para
>Steg 21: 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 22: 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 kontrollerar att du verkligen avsåg att ta bort ramen.</emphasis
></para>
<para
>Steg 23: 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
>Påbörjat ett nytt dokument genom att använda en mall</para
></listitem>
<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>
