<!-- <?xml version="1.0" ?>
<!DOCTYPE chapter PUBLIC "-//KDE//DTD DocBook XML V4.2-Based Variant V1.1//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
>Federico</firstname
><surname
>Zenith</surname
><affiliation
><address
><email
>federico.zenith@member.fsf.org</email
></address
></affiliation
><contrib
>Traduzione della documentazione</contrib
></othercredit
> <othercredit role="translator"
><firstname
>Vincenzo</firstname
><surname
>Reale</surname
><affiliation
><address
><email
>smart2128@baslug.org</email
></address
></affiliation
><contrib
>Traduzione della documentazione</contrib
></othercredit
> 
</authorgroup>
</chapterinfo>
<title
>Un'esercitazione passo-passo</title>

<para
>In questo capitolo, si introduce &stage; con una semplice esercitazione. Passeremo attraverso le operazioni più semplici nella creazione di una presentazione, e l'aggiunta di alcuni effetti di base. </para>

<sect1 id="start-new">
<title
>Cominciare un nuovo documento</title>

<para
>Quando avvii &stage;, appare la normale finestra di avvio di &calligra;. </para>

<screenshot>
<screeninfo
>La finestra di avvio di <guilabel
>&calligra;</guilabel
></screeninfo>
<mediaobject>
<imageobject>
<imagedata fileref="tut01.png" format="PNG"/></imageobject>
<textobject
><phrase
>La finestra di avvio di &calligra;</phrase
></textobject>
</mediaobject>
</screenshot>

<para
>Seleziona <guilabel
>Schermo</guilabel
> sulla sinistra, poi scegli il modello chiamato <guilabel
>Vuoto</guilabel
> (evidenziato in blu nella schermata sopra) facendoci clic. Puoi marcare <guilabel
>Usa sempre questo modello</guilabel
> per renderlo il modello predefinito. </para>

<para
>Adesso fai clic su <guibutton
>Usa questo modello</guibutton
>. Ciò fa apparire la finestra di modifica delle diapositive, dove puoi visualizzare e modificare le diapositive (e gli oggetti in esse contenuti) del tuo documento. </para>

<para
>Al momento, abbiamo solo una diapositiva vuota, perciò seleziona la diapositiva in alto a sinistra con la casella di testa dal gancio <guilabel
>Schemi della diapositive</guilabel
>.</para>

<para
>Fai doppio clic sul riquadro di testo. Il cursore si trasforma in una barra verticale per indicare che ora puoi scrivere del testo. </para>

<screenshot>
<screeninfo
>Il cursore di inserimento di testo</screeninfo>
<mediaobject>
<imageobject
><imagedata fileref="tut03.png" format="PNG"/>
</imageobject>
<textobject
><phrase
>Il cursore di inserimento di testo</phrase
></textobject>
</mediaobject>
</screenshot>

<para
>Avanti, scrivi qualcosa! </para>

<screenshot>
<screeninfo
>Aggiungere del testo</screeninfo>
<mediaobject>
<imageobject>
<imagedata fileref="tut04.png" format="PNG"/></imageobject>
<textobject
><phrase
>Aggiungere del testo</phrase
></textobject>
</mediaobject>
</screenshot>

<para
>Fai clic lontano dal testo per deselezionare il riquadro di testo quando hai finito di scrivere. </para>

</sect1>

<sect1 id="insert-page">
<title
>Aggiungere una pagina nuova</title>

<para
>Adesso aggiungiamo una nuova diapositiva al documento. Per farlo, fai clic sul menu <guimenu
>Diapositiva</guimenu
>, e poi su <guimenuitem
>Inserisci diapositiva</guimenuitem
>. </para>

<para
>Ora possiamo decidere l'aspetto della nuova diapositiva. Questa volta, seleziona una struttura a colonna (evidenziata in blu). </para>

<screenshot>
<screeninfo
>Scegliere una struttura per la nuova pagina</screeninfo>
<mediaobject>
<imageobject
><imagedata fileref="tut07.png" format="PNG"/></imageobject>
<textobject
><phrase
>Scegliere una struttura per la nuova pagina</phrase
></textobject>
</mediaobject>
</screenshot>

<para
>La nuova struttura della diapositiva appare ora nella finestra di modifica. Per passare tra le diapositive della tua presentazione, puoi selezionare le diapositive nel pannello a sinistra (evidenziato in blu in questa schermata). </para>

<para
>La diapositiva appena inserita ha due riquadri di testo. Ce n'è uno per il titolo, e un altro che contiene una lista puntata. </para>

<screenshot>
<screeninfo
>La nuova diapositiva</screeninfo>
<mediaobject>
<imageobject
><imagedata fileref="tut09.png" format="PNG"/></imageobject>
<textobject
><phrase
>La nuova diapositiva</phrase
></textobject>
</mediaobject>
</screenshot>

<para
>Fai doppio clic e scrivi un titolo. Quindi fai doppio clic sul secondo riquadro di testo con il punto. Scrivi del testo e concludi il paragrafo premendo <keycap
>Invio</keycap
>. Quando scrivi dei nuovi paragrafi, ci appaiono automaticamente dei punti davanti. </para>

<screenshot>
<screeninfo
>Aggiungere del testo alla seconda diapositiva</screeninfo>
<mediaobject>
<imageobject
><imagedata fileref="tut10.png" format="PNG"/></imageobject>
<textobject
><phrase
>Aggiungere del testo alla seconda diapositiva</phrase
></textobject>
</mediaobject>
</screenshot>

<para
>Puoi deselezionare il riquadro di testo facendo clic lontano da esso. </para>

</sect1>

<sect1 id="insert-pic">
<title
>Inserire un'immagine</title>

<para
>Ora torniamo alla prima diapositiva. Usa l'elenco delle diapositive sulla sinistra del tuo schermo. </para>

<para
>In questa sezione, ravviveremo un po' la nostra presentazione aggiungendoci un bel logo sulla pagina del titolo. Per farlo, il primo passo è abilitare il gancio <guilabel
>Aggiungi forma</guilabel
> utilizzando <menuchoice
><guimenu
>Impostazioni</guimenu
><guimenuitem
>Ganci</guimenuitem
></menuchoice
> dal menu. </para>

<para
>Ora seleziona Immagine nel gancio <guilabel
>Aggiungi forma</guilabel
> e fai clic con il &LMB; dove vuoi posizionare il logo nelle sue dimensioni originali, o disegna un rettangolo con il &LMB; (premi il &LMB; e tienilo premuto) per specificare la posizione e le dimensioni del logo. </para>

<para
>Questo fa apparire una finestra di selezione dei file. Per saperne di più su questa o altre finestre standard di &kde;, vedi la documentazione di &kde;. Puoi sfogliare facendo clic sulle icone <guiicon
>cartella</guiicon
> o usando i pulsanti del <guiicon
>navigatore</guiicon
> degli stili nella barra degli strumenti. Un clic sulla <guiicon
>freccia in alto</guiicon
> ti porta in alto di un livello nelle cartelle. </para>

<para
>Seleziona un file e fai clic su <guibutton
>OK</guibutton
>. </para>

<para
>L'immagine viene ora inserita nella diapositiva e sono visibili delle maniglie di selezione (quadratini) intorno al bordo dell'oggetto. </para>

<screenshot>
<screeninfo
>L'immagine appena aggiunta</screeninfo>
<mediaobject>
<imageobject
><imagedata fileref="tut13.png" format="PNG"/></imageobject>
<textobject
><phrase
>L'immagine appena aggiunta</phrase
></textobject>
</mediaobject>
</screenshot>

<para
>Posiziona il cursore del mouse da qualche parte nel centro del logo, e trascinalo nel centro della pagina del titolo. Quindi, usa le maniglie di selezione per ridimensionarlo correttamente. </para>

<para
>Fatto, ora hai un'immagine nella pagina del titolo! </para>
<!--FIXME Double click opens the file dialog to replace the image-->
</sect1>

<sect1 id="insert-object">
<title
>Inserire un oggetto di &calligra;</title>
<para
>Inseriamo un altro oggetto di &calligra; sotto l'immagine, ad esempio un grafico.</para>

<para
>Ogni oggetto supportato da &calligra; può essere integrato in una diapositiva di &stage;. Scegliamo un grafico dal gancio <guilabel
>Aggiungi forma</guilabel
>. </para>

<para
>Seleziona <guilabel
>Grafico</guilabel
> e delimita con il mouse l'area in cui vuoi posizionare il grafico nella diapositiva di &stage;. </para>

<screenshot>
<screeninfo
>Seleziona l'area dove mettere il grafico</screeninfo>
<mediaobject>
<imageobject
><imagedata fileref="tut25.png" format="PNG"/></imageobject>
<textobject
><phrase
>Seleziona l'area dove mettere il grafico</phrase
></textobject>
</mediaobject>
</screenshot>

<para
>Una volta che rilasci il pulsante del mouse, un grafico vuoto viene aggiunto alla diapositiva. Ogni volta che lavori nel grafico, <guilabel
>Opzioni strumenti</guilabel
> appare nel gancio. </para>

<screenshot>
<screeninfo
>Opzioni strumenti di &kchart;</screeninfo>
<mediaobject>
<imageobject
><imagedata fileref="tut26.png" format="PNG"/></imageobject>
<textobject
><phrase
>Opzioni strumenti di &kchart;</phrase
></textobject>
</mediaobject>
</screenshot>

<para
>Per spostare, ridimensionare o addirittura eliminare un grafico integrato, passa allo strumento <guibutton
>Manipolazione semplice forma</guibutton
> e fai clic in un punto qualsiasi all'interno dell'area del grafico. Dovrebbe apparire un bordo verde e un quadratino giallo in ogni angolo e a metà dei lati. </para>
<para
>Se sposti il cursore su uno qualsiasi dei quadratini, esso dovrebbe trasformarsi in una freccia a due punte. Puoi ridimensionare il grafico trascinando uno di questi quadratini con il tasto <mousebutton
>sinistro</mousebutton
> del mouse premuto. Per eliminare il grafico, fai clic con il tasto <mousebutton
>destro</mousebutton
> su uno dei quadratini e seleziona <guimenuitem
>Elimina</guimenuitem
>.</para>
<para
>Per spostare un grafico. porta il puntatore sul grafico. Il puntatore dovrebbe assumere la forma di una croce, premi il pulsante <mousebutton
>sinistro</mousebutton
> del mouse e sarai in grado di trascinare il grafico dove preferisci.</para>
<para
>Per ripristinare l'aspetto normale del grafico, basta fare clic in un punto qualsiasi al di fuori dell'area del grafico.</para>
<para
>Per cambiare il formato del grafico stesso, fai un doppio clic con il tasto <mousebutton
>sinistro</mousebutton
> del mouse nell'area del grafico. Le <guilabel
>Opzioni strumenti</guilabel
> dovrebbero apparire nel gancio. Puoi quindi utilizzare questi strumenti per modificare le proprietà del grafico come tipo, etichette, assi e dati.</para>

<para
>Fai clic in un punto qualsiasi con il &LMB; al di fuori del grafico per tornare alla diapositiva di &stage;.</para>

<para
>Un singolo clic sul grafico ti permetterà di trascinarlo per cambiarne la posizione, e anche di trascinarne i bordi per ingrandirlo come qualsiasi altro oggetto di &stage;. Fai doppio clic sul grafico per entrare nella modalità di &kchart; e modificare le proprietà del grafico.</para>

</sect1>
<!-- does not work in BETA6 here
<sect1 id="addshadow">
<title
>Add a shadow to the title text</title>

<para>
Let's continue enhancing our title page by adding a shadow
behind the title. <mousebutton
>Right</mousebutton
> click anywhere on the
title text. This achieves two things: the text box containing the title
is selected, and a menu pops up.
</para>

<para>
Select the <guimenuitem
>Shadow Objects...</guimenuitem
> option in the popup menu.
</para>

<screenshot>
<screeninfo
>The context menu</screeninfo>
<mediaobject>
<imageobject
><imagedata fileref="tut15.png" format="PNG"/></imageobject>
<textobject
><phrase
>The context menu</phrase
></textobject>
</mediaobject>
</screenshot>

<para>
The <guilabel
>Shadow</guilabel
> dialog pops up. The distance between the
shadow and the text is currently 0 so the shadow cannot be seen (this
part of the dialog box is highlighted in red.)
</para>

<screenshot>
<screeninfo
>The <guilabel
>Shadow</guilabel
> dialog</screeninfo>
<mediaobject>
<imageobject
><imagedata fileref="tut16.png" format="PNG"/></imageobject>
<textobject
><phrase
>The <guilabel
>Shadow</guilabel>
dialog</phrase
></textobject>
</mediaobject>
</screenshot>

<para>
Increase the distance value to 3. The effect of changing the distance
can be seen in the preview window. Now click <guibutton
>OK</guibutton
>.
</para>

<screenshot>
<screeninfo
>Adding a shadow to the title</screeninfo>
<mediaobject>
<imageobject
><imagedata fileref="tut17.png" format="PNG"/></imageobject>
<textobject
><phrase
>Adding a shadow to the title</phrase
></textobject>
</mediaobject>
</screenshot>

<para>
Now the title has a shadow!
</para>

<screenshot>
<screeninfo
>The new shadowed title</screeninfo>
<mediaobject>
<imageobject
><imagedata fileref="tut18.png" format="PNG"/></imageobject>
<textobject
><phrase
>The new shadowed title</phrase
></textobject>
</mediaobject>
</screenshot>

</sect1>
-->
<sect1 id="textcolor">
<title
>Cambiare il colore del testo del titolo</title>

<para
>Finiamo cambiando il colore del testo del titolo da nero a blu. Per farlo, seleziona il testo del titolo facendo doppio clic sul riquadro di testo e selezionane il testo. </para>
<!-- Font from menu Format or contextmenu with a lot of options-->
<para
>Apri il selettore dei colori facendo cli sull'<inlinemediaobject
><imageobject
> <imagedata fileref="22x22-actions-format-text-color.png" format="PNG"/></imageobject
> </inlinemediaobject
>icona in Opzioni strumenti di modifica del testo (questa icona ha come suggerimento «Colore testo»).</para>

<screenshot>
<screeninfo
>Il selettore dei colori</screeninfo>
<mediaobject>
<imageobject
><imagedata fileref="tut19.png" format="PNG"/></imageobject>
<textobject
><phrase
>Il selettore dei colori</phrase
></textobject>
</mediaobject>
</screenshot>

<screenshot>
<screeninfo
>Il selettore dei colori</screeninfo>
<mediaobject>
<imageobject
><imagedata fileref="tut20.png" format="PNG"/></imageobject>
<textobject
><phrase
>Il selettore dei colori</phrase
></textobject>
<caption
><para
>Cambiare il colore in blu.</para
></caption>
</mediaobject>
</screenshot>

<para
>Cambiare il colore del testo selezionato in blu ne cambia l'aspetto. Il colore esatto in cui il testo evidenziato viene convertito dipende dallo schema di colori del tuo sistema. </para>

<note>
<para
>La selezione del colore del testo è disponibile anche nella scheda <guilabel
>Decorazione</guilabel
> della finestra <guilabel
>Seleziona carattere</guilabel
>. Apri questa finestra usando <guimenuitem
>Carattere</guimenuitem
> nel menu <guimenu
>Formato</guimenu
> o dal menu contestuale. </para>
</note>

<para
>Adesso fai clic lontano dal testo per deselezionarlo. </para>


<screenshot>
<screeninfo
>Il titolo finito</screeninfo>
<mediaobject>
<imageobject
><imagedata fileref="tut21.png" format="PNG"/></imageobject>
<textobject
><phrase
>Il titolo finito</phrase
></textobject>
</mediaobject>
</screenshot>

<para
>Adesso che ci sono due diapositive, perché non proviamo una presentazione? Per avviarla, premi il pulsante <guiicon
>Avvia presentazione</guiicon
> della barra degli strumenti. Sul tuo schermo dovrebbe apparire la prima diapositiva. </para>

<para
>Per avanzare dalla prima diapositiva alla prossima, fai clic da qualche parte sullo schermo, o usa il tasto <keycap
>Pag giù</keycap
>. </para>

<para
>Per uscire dalla presentazione, premi il tasto &Esc;. </para>

</sect1>

</chapter>