<!-- <?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 >Rafael</firstname > <surname >Carreras</surname > <affiliation ><address ><email >rcarreras@caliu.cat</email ></address ></affiliation > <contrib >Traductor</contrib > </othercredit > </authorgroup> </chapterinfo> <title >Un tutorial pas per pas</title> <para >En aquest capítol, s'introdueix el &kpresenter; usant un simple tutorial. Farem les passes més bàsiques que concerneixen a la creació d'una presentació, i l'afegiment d'alguns efectes bàsics. </para> <sect1 id="start-new"> <title >Iniciant un nou document</title> <para >Quan engegueu el &kpresenter;, apareix el diàleg habitual d'inici del &koffice;. </para> <screenshot> <screeninfo >El diàleg d'inici del <guilabel >&koffice;</guilabel ></screeninfo> <mediaobject> <imageobject> <imagedata fileref="tut01.png" format="PNG"/></imageobject> <textobject ><phrase >El diàleg d'inici del &koffice;</phrase ></textobject> </mediaobject> </screenshot> <para >Seleccioneu <guilabel >Pantalla</guilabel > a l'esquerra i seleccioneu la plantilla etiquetada com a <guilabel >Títol</guilabel > (marcada en blau a la captura de pantalla de dalt) clicant-hi en ella. Podeu marcar <guilabel >Usa sempre aquesta plantilla</guilabel > per a fer-la la plantilla per omissió. </para> <para >Ara cliqueu <guibutton >Usa aquesta plantilla</guibutton >. Això fa que aparegui la finestra de l'editor de diapositives, on podeu veure-les i editar-les (i també els objectes que hi ha a dins), De moment, només tenim una diapositiva, amb un objecte a dins, que és una caixa de text. </para> <screenshot> <screeninfo >L'editor de diapositives</screeninfo> <mediaobject> <imageobject ><imagedata fileref="tut02.png" format="PNG"/></imageobject> <textobject ><phrase >L'editor de diapositives</phrase ></textobject> </mediaobject> </screenshot> <para >Feu doble clic a la caixa de text. El cursor canvia a la barra vertical per a mostrar que ara podeu teclejar algun text i el fons de l'àrea editada es torna gris. </para> <screenshot> <screeninfo >El cursor d'inserció de text</screeninfo> <mediaobject> <imageobject ><imagedata fileref="tut03.png" format="PNG"/> </imageobject> <textobject ><phrase >El cursor d'inserció de text</phrase ></textobject> </mediaobject> </screenshot> <para >Endavant, escriviu algun text! </para> <screenshot> <screeninfo >Afegint-hi text</screeninfo> <mediaobject> <imageobject> <imagedata fileref="tut04.png" format="PNG"/></imageobject> <textobject ><phrase >Afegint-hi text</phrase ></textobject> </mediaobject> </screenshot> <para >Cliqueu fora del text per a desseleccionar la caixa de text una vegada finalitzeu d'escriure. </para> </sect1> <sect1 id="insert-page"> <title >Afegir una nova pàgina</title> <para >Ara anem a afegir una nova diapositiva al nostre document. Per a fer-ho, cliqueu el menú <guimenu >Insereix</guimenu >, i cliqueu a <guimenuitem >Diapositiva...</guimenuitem >. </para> <screenshot> <screeninfo >Inserint una diapositiva des del menú</screeninfo> <mediaobject> <imageobject> <imagedata fileref="tut05.png" format="PNG"/></imageobject> <textobject ><phrase >Inserint una diapositiva des del menú</phrase ></textobject> </mediaobject> </screenshot> <para >Això obre el diàleg <guilabel >Insereix una diapositiva </guilabel >. </para> <screenshot> <screeninfo >El diàleg <guilabel >Insereix diapositiva</guilabel ></screeninfo> <mediaobject> <imageobject> <imagedata fileref="tut06.png" format="PNG"/></imageobject> <textobject ><phrase >El diàleg <guilabel >Insereix diapositiva</guilabel ></phrase ></textobject> </mediaobject> </screenshot> <para >Seleccioneu <guilabel >Usa una plantilla diferent</guilabel > i cliqueu a <guibutton >Bé</guibutton > per a afegir una nova pàgina després de la pàgina 1. </para> <para >El diàleg d'inici s'obre per tal que decidim l'aspecte de la nova diapositiva. Aquest cop, seleccioneu <guilabel >Pantalla</guilabel > a l'esquerra i feu doble clic a la plantilla <guilabel >Una columna</guilabel > (ressaltada en blau). </para> <screenshot> <screeninfo >Escollint una plantilla per a la nova pàgina</screeninfo> <mediaobject> <imageobject ><imagedata fileref="tut07.png" format="PNG"/></imageobject> <textobject ><phrase >Escollint una plantilla per a la nova pàgina</phrase ></textobject> </mediaobject> </screenshot> <para >La nova diapositiva apareix ara a la finestra d'edició. Per a canviar entre pàgines de la vostra presentació, podeu seleccionar les diapositives a la subfinestra de l'esquerra (marcada en blau per a aquesta captura de pantalla) </para> <screenshot> <screeninfo >La llista de diapositives</screeninfo> <mediaobject> <imageobject ><imagedata fileref="tut08.png" format="PNG"/></imageobject> <textobject ><phrase >La llista de diapositives</phrase ></textobject> </mediaobject> </screenshot> <para >La nova diapositiva té dues caixes de text. N'hi ha una per a un títol i una altra per a posar-hi llistes d'elements. </para> <screenshot> <screeninfo >La nova diapositiva</screeninfo> <mediaobject> <imageobject ><imagedata fileref="tut09.png" format="PNG"/></imageobject> <textobject ><phrase >La nova diapositiva</phrase ></textobject> </mediaobject> </screenshot> <para >Doblecliqueu-hi i escriviu un títol. Llavors doblecliqueu a la segona caixa de text amb els pics. Noteu que apareix un punt automàticament quan comenceu a escriure. Escriviu algun text i finalitzeu el paràgraf amb les tecles <keycap >Intro</keycap > o <keycap >Retorn</keycap >. Tal com aneu escrivint nous paràgrafs, aniran apareixen nous pics al davant automàticament. </para> <screenshot> <screeninfo >Afegint text a la segona diapositiva</screeninfo> <mediaobject> <imageobject ><imagedata fileref="tut10.png" format="PNG"/></imageobject> <textobject ><phrase >Afegint text a la segona diapositiva</phrase ></textobject> </mediaobject> </screenshot> <para >Podeu desseleccionar la caixa de text clicant-hi a fora. </para> </sect1> <sect1 id="insert-pic"> <title >Inserir una imatge</title> <para >Torneu ara a la primera diapositiva. Useu la llista de diapositives de l'esquerra de la vostra pantalla. </para> <para >En aquesta secció, donarem una mica de vida a la nostra presentació afegint-hi un bonic logotip a la pàgina del títol. Per a fer-ho, el primer pas és el de clicar a l'element del menú <guimenu >Insereix</guimenu >, i llavors a <guimenuitem >Imatge...</guimenuitem > </para> <screenshot> <screeninfo >Usant el menú per a afegir una imatge</screeninfo> <mediaobject> <imageobject ><imagedata fileref="tut11.png" format="PNG"/></imageobject> <textobject ><phrase >Usant el menú per a afegir una imatge</phrase ></textobject> </mediaobject> </screenshot> <para >Això obre un diàleg de selecció de fitxers. Per a aprendre sobre aquesta o d'altres caixes de diàleg estàndard del &kde;, si us plau, consulteu la documentació del &kde;. Podeu navegar-hi clicant les icones de <guiicon >carpeta</guiicon > o usant els botons d'estil <guiicon >navegador</guiicon > de la barra d'eines (marcats en vermell.) Clicant la <guiicon >fletxa amunt</guiicon > anireu un nivell de carpeta més amunt. </para> <para >Trobeu el fitxer anomenat <filename >koffice-logo.png</filename >, que potser estarà en una carpeta diferent a la mostrada a la captura de pantalla de sota. També podeu escollir qualsevol altra fitxer gràfic si voleu! Seleccioneu el fitxer i cliqueu <guibutton >Bé</guibutton >. </para> <screenshot> <screeninfo >Escollint una imatge per a afegir</screeninfo> <mediaobject> <imageobject ><imagedata fileref="tut12.png" format="PNG"/></imageobject> <textobject ><phrase >Escollint una imatge per a afegir</phrase ></textobject> </mediaobject> </screenshot> <para >Cliqueu amb el &BER; a on voleu posar el logotip amb la mida original o dibuixeu un rectangle amb el cursor del ratolí (feu clic amb el &BER; i manteniu-lo premut) per a especificar la mida i la posició del logo. Hi ha nanses de selecció (petits quadres) visibles al voltant del la vora del gràfic. </para> <screenshot> <screeninfo >La nova imatge afegida</screeninfo> <mediaobject> <imageobject ><imagedata fileref="tut13.png" format="PNG"/></imageobject> <textobject ><phrase >La nova imatge afegida</phrase ></textobject> </mediaobject> </screenshot> <para >Poseu el cursor dins del logotip i arrossegueu-lo cap al mig del títol de la pàgina. Llavors useu les nanses de selecció per a donar-li la mida apropiada. </para> <screenshot> <screeninfo >Arrossegant i amidant la imatge</screeninfo> <mediaobject> <imageobject ><imagedata fileref="tut14.png" format="PNG"/></imageobject> <textobject ><phrase >Arrossegant i amidant la imatge</phrase ></textobject> </mediaobject> </screenshot> <para >Ja està. Ara ja teniu una imatge al títol de la pàgina! </para> </sect1> <sect1 id="insert-object"> <title >Inserir un objecte &koffice;</title> <para >Anem a inserir un altre objecte del &koffice; sota la imatge, per exemple un diagrama.</para> <para >Qualsevol document que pugui llegir el &koffice; es pot incrustar en una presentació del &kpresenter;. Escollim un diagrama del &kchart;. Per a fer-ho, el primer pas és clicar l'element del menú <guimenu >Insereix</guimenu >, i llavors a <guisubmenu >Objecte</guisubmenu >. </para> <screenshot> <screeninfo >El menú Insereix objecte</screeninfo> <mediaobject> <imageobject ><imagedata fileref="tut24.png" format="PNG"/></imageobject> <textobject ><phrase >El menú Insereix objecte</phrase ></textobject> </mediaobject> </screenshot> <para >Apareix una llista de components del &koffice; disponibles com un submenú. Seleccioneu <guilabel >Diagrama</guilabel > i llavors enquadreu amb el ratolí l'àrea on voleu posar el vostre diagrama a la diapositiva del &kpresenter;. </para> <screenshot> <screeninfo >Seleccionant l'àrea on voleu posar el diagrama</screeninfo> <mediaobject> <imageobject ><imagedata fileref="tut25.png" format="PNG"/></imageobject> <textobject ><phrase >Seleccionant l'àrea on voleu posar el diagrama</phrase ></textobject> </mediaobject> </screenshot> <!--TODO check if the Open Document dialog should appear when the chart is created and not a blank chart--> <para >Quan deixeu anar el botó del ratolí, s'afegeix un diagrama en blanc a la diapositiva. Quan treballeu en el diagrama, les barres d'eines i de menú de la finestra principal del &kpresenter; es reemplaçaran per les del &kchart;. </para> <screenshot> <screeninfo >Menús i barres d'eines del &kchart; incrustats</screeninfo> <mediaobject> <imageobject ><imagedata fileref="tut26.png" format="PNG"/></imageobject> <textobject ><phrase >Menús i barres d'eines del &kchart; incrustats</phrase ></textobject> </mediaobject> </screenshot> <para >Mentre esteu en el diagrama, dretclicant us apareixerà el menú d'arranjaments del &kchart; que us permet de modificar els paràmetres del diagrama. Si us plau, mireu el manual d'usuari del &kchart; per a obtenir més informació sobre com usar-lo.</para> <para >Cliqueu fora del diagrama per a tornar a la diapositiva del &kpresenter;.</para> <para >Un simple clic al diagrama us permetrà de canviar-lo de lloc i també d'arrossegar les vores per a fer-lo més gran, com qualsevol objecte del &kpresenter;. Doblecliqueu al diagrama per a anar al mode &kchart; i modifiqueu qualsevol propietat del diagrama.</para> </sect1> <sect1 id="addshadow"> <title >Afegir una ombra al text del títol</title> <para >Continuem millorant el nostre títol de pàgina afegint-hi una ombra darrera del títol. Dretcliqueu al text del títol. Amb això s'aconsegueixen dues coses: se selecciona la caixa de text que conté el títol i hi apareix un menú emergent. </para> <para >Seleccioneu l'opció <guimenuitem >Objectes d'ombra</guimenuitem > al menú emergent. </para> <screenshot> <screeninfo >El menú contextual</screeninfo> <mediaobject> <imageobject ><imagedata fileref="tut15.png" format="PNG"/></imageobject> <textobject ><phrase >El menú contextual</phrase ></textobject> </mediaobject> </screenshot> <para >Emergeix el diàleg <guilabel >Ombra</guilabel >. La distància entre l'ombra i el text és normalment zero, de manera que no es pot veure l'ombra (aquesta part de la caixa de diàleg està marcada en vermell). </para> <screenshot> <screeninfo >El diàleg <guilabel >Ombra</guilabel ></screeninfo> <mediaobject> <imageobject ><imagedata fileref="tut16.png" format="PNG"/></imageobject> <textobject ><phrase >El diàleg <guilabel >Ombra</guilabel ></phrase ></textobject> </mediaobject> </screenshot> <para >Incrementeu el valor de la distància a 3. L'efecte de canviar la distància es pot veure a la finestra de previsualització. Ara cliqueu <guibutton >Bé</guibutton >. </para> <screenshot> <screeninfo >Afegint una ombra al títol</screeninfo> <mediaobject> <imageobject ><imagedata fileref="tut17.png" format="PNG"/></imageobject> <textobject ><phrase >Afegint una ombra al títol</phrase ></textobject> </mediaobject> </screenshot> <para >Ara el títol té una ombra! </para> <screenshot> <screeninfo >El nou títol ombrejat</screeninfo> <mediaobject> <imageobject ><imagedata fileref="tut18.png" format="PNG"/></imageobject> <textobject ><phrase >El nou títol ombrejat</phrase ></textobject> </mediaobject> </screenshot> </sect1> <sect1 id="textcolor"> <title >Canviar el color del text del títol</title> <para >Acabarem canviant el color del text del títol de negre a blau. Per a fer-ho, seleccioneu el text del títol dobleclicant la caixa de text i seleccionant-ne el text. </para> <para >Obreu el diàleg <guilabel >Selecciona el color</guilabel > clicant la icona <guiicon >blau fosc A</guiicon > de l'esquerra de la barra d'eines de <guilabel >Text</guilabel > (aquesta icona té un color... pista) o escolliu el menú <guimenu >Text</guimenu > i llavors cliqueu a <guimenuitem >Color...</guimenuitem > i canvieu el color a blau.</para> <screenshot> <screeninfo >La paleta de colors</screeninfo> <mediaobject> <imageobject ><imagedata fileref="tut19.png" format="PNG"/></imageobject> <textobject ><phrase >La paleta de colors</phrase ></textobject> </mediaobject> </screenshot> <para >Cliqueu a <guilabel >Bé</guilabel > en el diàleg de <guilabel >Selecció de color</guilabel >. Canviar el color del text seleccionat canvia la seva aparença. El color exacte en que es torna el text depèn de l'esquema de colors del vostre sistema. </para> <screenshot> <screeninfo >Text marcat</screeninfo> <mediaobject> <imageobject ><imagedata fileref="tut20.png" format="PNG"/></imageobject> <textobject ><phrase >Text marcat</phrase ></textobject> </mediaobject> </screenshot> <para >Ara cliqueu a fora del text per a desseleccionar-lo. </para> <screenshot> <screeninfo >El títol finalitzat</screeninfo> <mediaobject> <imageobject ><imagedata fileref="tut21.png" format="PNG"/></imageobject> <textobject ><phrase >El títol finalitzat</phrase ></textobject> </mediaobject> </screenshot> <para >Ara que hi ha dues diapositives, per què no provar un passi de diapositives! Per a engegar el passi, cliqueu el botó <guiicon >play</guiicon > (la doble fletxa blava) de la barra d'eines <guilabel >Passi de diapositives</guilabel >. Apareixerà la primera diapositiva a la vostra pantalla. </para> <screenshot> <screeninfo >La primera diapositiva</screeninfo> <mediaobject> <imageobject ><imagedata fileref="tut22.png" format="PNG"/></imageobject> <textobject ><phrase >La primera diapositiva</phrase ></textobject> </mediaobject> </screenshot> <para >Per a avançar de la primera diapositiva a la següent, cliqueu a qualsevol lloc de la pantalla, o useu la tecla <keycap >Av. Pàg</keycap >. </para> <screenshot> <screeninfo >La segona diapositiva</screeninfo> <mediaobject> <imageobject ><imagedata fileref="tut23.png" format="PNG"/></imageobject> <textobject ><phrase >La segona diapositiva</phrase ></textobject> </mediaobject> </screenshot> <para >Per a sortir del passi de diapositives, dretcliqueu i seleccioneu l'opció <guimenuitem >Finalitza</guimenuitem > des del menú emergent. </para> </sect1> </chapter>