<!-- <?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>
&traducteurGerardDelafond; 
</authorgroup>
</chapterinfo>
<title
>Tutoriel pas à pas</title>

<para
>Dans ce chapitre, &kpresenter; est introduit avec un simple tutoriel. Nous nous promènerons parmi les étapes le plus élémentaires qui sont utilisées pour créer une présentation et ajouter certains effets de base. </para>

<sect1 id="start-new">
<title
>Démarrer un nouveau document</title>

<para
>Quand vous lancez &kpresenter;, la boîte de dialogue de &koffice; apparaît. </para>

<screenshot>
<screeninfo
>Ceci ouvre la boîte de dialogue <guilabel
>&koffice;</guilabel
>.</screeninfo>
<mediaobject>
<imageobject>
<imagedata fileref="tut01.png" format="PNG"/></imageobject>
<textobject
><phrase
>La boîte de dialogue de démarrage de &koffice;</phrase
></textobject>
</mediaobject>
</screenshot>

<para
>Sélectionnez <guilabel
>Écran</guilabel
> sur la gauche et ensuite sélectionnez le modèle intitulé <guilabel
>Titre</guilabel
> (sur-ligné en bleu dans la capture d'écran ci dessous) en cliquant dessus. Vous pouvez vérifier <guilabel
>Toujours utiliser ce modèle</guilabel
> pour en faire votre modèle par défaut. </para>

<para
>Cliquez maintenant sur <guibutton
>Utiliser ce modèle</guibutton
>. Ceci ouvre la fenêtre d'édition de diapo, où vous pouvez voir et modifier les diapos (et les objets qui s'y trouvent) dans votre document. Pour le moment, nous n'avons qu'une seule diapo, contenant un objet, qui est une boîte de texte. </para>

<screenshot>
<screeninfo
>L'éditeur de diapos</screeninfo>
<mediaobject>
<imageobject
><imagedata fileref="tut02.png" format="PNG"/></imageobject>
<textobject
><phrase
>L'éditeur de diapos</phrase
></textobject>
</mediaobject>
</screenshot>

<para
>Double-cliquez sur la boîte de texte. Le curseur se transforme en une barre verticale pour afficher où vous pouvez saisir du texte, et le fond de la zone éditée devient grise. </para>

<screenshot>
<screeninfo
>Le curseur d'insertion de texte</screeninfo>
<mediaobject>
<imageobject
><imagedata fileref="tut03.png" format="PNG"/>
</imageobject>
<textobject
><phrase
>Le curseur d'insertion de texte</phrase
></textobject>
</mediaobject>
</screenshot>

<para
>Allez-y, saisissez du texte !  </para>

<screenshot>
<screeninfo
>Ajouter du texte</screeninfo>
<mediaobject>
<imageobject>
<imagedata fileref="tut04.png" format="PNG"/></imageobject>
<textobject
><phrase
>Ajouter du texte</phrase
></textobject>
</mediaobject>
</screenshot>

<para
>Cliquez en dehors du texte pour désélectionner la boîte de texte quand vous avez terminé la saisie. </para>

</sect1>

<sect1 id="insert-page">
<title
>Ajout d'une nouvelle page</title>

<para
>Ajoutons maintenant une nouvelle diapositive à notre document. Pour ce faire, cliquez sur le menu <guimenu
>Insertion</guimenu
>, et cliquez sur <guimenuitem
>Diapositive...</guimenuitem
>. </para>

<screenshot>
<screeninfo
>Insertion d'une diapositive depuis le menu</screeninfo>
<mediaobject>
<imageobject>
<imagedata fileref="tut05.png" format="PNG"/></imageobject>
<textobject
><phrase
>Insertion d'une diapositive depuis le menu</phrase
></textobject>
</mediaobject>
</screenshot>

<para
>Ceci ouvre la boîte de dialogue <guilabel
>Insérer une diapositive</guilabel
>. </para>

<screenshot>
<screeninfo
>La boîte de dialogue <guilabel
> Insérer une diapositive</guilabel
></screeninfo>
<mediaobject>
<imageobject>
<imagedata fileref="tut06.png" format="PNG"/></imageobject>
<textobject
><phrase
>La boîte de dialogue <guilabel
> Insérer une diapositive</guilabel
></phrase
></textobject>
</mediaobject>
</screenshot>

<para
>Sélectionnez <guilabel
>Choisir un modèle différent</guilabel
> et cliquez sur <guibutton
>Ok</guibutton
> pour ajouter une nouvelle page après la page 1. </para>

<para
>La boîte de dialogue de démarrage s'ouvre, de telle manière que nous pouvons décider à quoi la nouvelle diapo doit ressembler. Cette fois, sélectionnez <guilabel
>Écran</guilabel
> sur la gauche et double cliquez sur le modèle <guilabel
>Une colonne</guilabel
> (marqué en rouge). </para>

<screenshot>
<screeninfo
>Choix d'un nouveau modèle pour la nouvelle page</screeninfo>
<mediaobject>
<imageobject
><imagedata fileref="tut07.png" format="PNG"/></imageobject>
<textobject
><phrase
>Choix d'un nouveau modèle pour la nouvelle page</phrase
></textobject>
</mediaobject>
</screenshot>

<para
>La nouvelle diapo apparaît maintenant dans la fenêtre d'édition. Pour modifier entre les pages de la présentation, vous pouvez sélectionner les diapos dans le panneau à gauche (marqué en bleu dans cette capture d'écran). </para>

<screenshot>
<screeninfo
>La liste des diapos</screeninfo>
<mediaobject>
<imageobject
><imagedata fileref="tut08.png" format="PNG"/></imageobject>
<textobject
><phrase
>La liste des diapos</phrase
></textobject>
</mediaobject>
</screenshot>

<para
>La diapositive nouvellement insérée a deux boîtes de texte. Il y en a une pour un titre et une qui contient une liste à puces. </para>

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

<para
>Double-cliquez et saisissez le titre. Puis, double-cliquez sur la deuxième boîte de texte avec la puce. Saisissez du texte et terminez le paragraphe en pressant la touche <keycap
>Entrée</keycap
> ou <keycap
>Retour</keycap
>. Au fur et à mesure que vous ajoutez de nouveaux paragraphes, des puces apparaissent automatiquement devant. </para>

<screenshot>
<screeninfo
>Ajout du texte sur la deuxième diapositive</screeninfo>
<mediaobject>
<imageobject
><imagedata fileref="tut10.png" format="PNG"/></imageobject>
<textobject
><phrase
>Ajout du texte sur la deuxième diapositive</phrase
></textobject>
</mediaobject>
</screenshot>

<para
>Vous pouvez désélectionner la boîte de texte en cliquant à l'extérieur. </para>

</sect1>

<sect1 id="insert-pic">
<title
>Insertion d'une image</title>

<para
>Retournons maintenant à la première diapositive. Utilisez la liste des diapos sur la gauche de votre écran. </para>

<para
>Dans cette section, nous allons égayer notre présentation en ajoutant un joli logo sur la page de titre. Pour ce faire, la première étape est de cliquer sur l'élément de menu <guimenu
>Insertion</guimenu
>, puis sur <guimenuitem
>Image...</guimenuitem
>. </para>

<screenshot>
<screeninfo
>Utilisation du menu pour ajouter une image</screeninfo>
<mediaobject>
<imageobject
><imagedata fileref="tut11.png" format="PNG"/></imageobject>
<textobject
><phrase
>Utilisation du menu pour ajouter une image</phrase
></textobject>
</mediaobject>
</screenshot>

<para
>Ceci ouvre une boîte de dialogue de sélection. Pour en apprendre plus sur ceci ou sur les autres boîtes de dialogue de &kde; en détail, veuillez consulter la documentation de &kde;. Vous pouvez naviguer en cliquant sur une icône <guiicon
>dossier</guiicon
> ou en utilisant les boutons de style <guiicon
>navigateur</guiicon
> dans la barre d'outils (marqué en rouge). en cliquant sur <guiicon
>flèche-haut</guiicon
>, vous remontez d'un niveau dans les dossiers.  </para>

<para
>Trouvez le fichier nommé <filename
>koffice-logo.png</filename
>, qui peut être dans un dossier différent sur votre propre système qui celui montré dans la capture d'écran ci-dessous. Vous pouvez aussi choisir n'importe quel autre fichier graphique si vous voulez ! Sélectionnez le fichier et cliquez sur <guibutton
>Ok</guibutton
>. </para>

<screenshot>
<screeninfo
>Choix d'une image à ajouter</screeninfo>
<mediaobject>
<imageobject
><imagedata fileref="tut12.png" format="PNG"/></imageobject>
<textobject
><phrase
>Choix d'une image à ajouter</phrase
></textobject>
</mediaobject>
</screenshot>

<para
>Cliquez avec le &BGS; où vous voulez placer le dessin dans sa taille originale ou dessinez un rectangle avec le bouton gauche de la souris (cliquez sur &BGS;) pour spécifier la position et la taille pour le logo. Il y a des poignées de sélection (des petits carrés noirs) visibles sur le bord du dessin. </para>

<screenshot>
<screeninfo
>L'image nouvellement ajoutée</screeninfo>
<mediaobject>
<imageobject
><imagedata fileref="tut13.png" format="PNG"/></imageobject>
<textobject
><phrase
>L'image nouvellement ajoutée</phrase
></textobject>
</mediaobject>
</screenshot>

<para
>Placez le pointeur de la souris n'importe où au milieu du logo et tirez-le au milieu de la page de titre. Ensuite, utilisez les poignées de sélection pour le redimensionner correctement. </para>

<screenshot>
<screeninfo
>Déplacement et redimensionnement de l'image</screeninfo>
<mediaobject>
<imageobject
><imagedata fileref="tut14.png" format="PNG"/></imageobject>
<textobject
><phrase
>Déplacement et redimensionnement de l'image</phrase
></textobject>
</mediaobject>
</screenshot>

<para
>Voilà ! Maintenant, vous avez une image sur la page de titre. </para>

</sect1>

<sect1 id="insert-object">
<title
>Insérer un objet &koffice;</title>
<para
>Insérez un autre objet &koffice; sur l'image, par exemple un caractère.</para>

<para
>Chaque document &koffice; supporté peut être implanté dans un diaporama &kpresenter;. Choisissez un caractère dans &kchart;. Pour ce faire, la première étape est de cliquer sur <guimenu
>Insérer</guimenu
> dans le menu, puis sur <guisubmenu
>Objet</guisubmenu
>. </para>

<screenshot>
<screeninfo
>Le menu d'insertion d'objet</screeninfo>
<mediaobject>
<imageobject
><imagedata fileref="tut24.png" format="PNG"/></imageobject>
<textobject
><phrase
>Le menu d'insertion d'objet</phrase
></textobject>
</mediaobject>
</screenshot>

<para
>Une liste des composants de &koffice; disponibles apparaît dans le sous-menu. Sélectionnez un <guilabel
>caractère</guilabel
> puis sélectionnez la zone où vous souhaitez insérer votre caractère sur le diaporama &kpresenter;. </para>

<screenshot>
<screeninfo
>Sélectionnez la zone où placer le caractère</screeninfo>
<mediaobject>
<imageobject
><imagedata fileref="tut25.png" format="PNG"/></imageobject>
<textobject
><phrase
>Sélectionnez la zone où placer le caractère</phrase
></textobject>
</mediaobject>
</screenshot>

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

<para
>Une fois la souris cliquée, un caractère vide est ajouté sur le diaporama. À chaque fois que vous travaillez dans un caractère, la barre d'outils et la barre de menu dans la fenêtre principale de &kpresenter; sont remplacées par ceux de &kchart;. </para>

<screenshot>
<screeninfo
>Menus et barre d'outils &kchart; implantés</screeninfo>
<mediaobject>
<imageobject
><imagedata fileref="tut26.png" format="PNG"/></imageobject>
<textobject
><phrase
>Menus et barre d'outils &kchart; implantés</phrase
></textobject>
</mediaobject>
</screenshot>

<para
>En cliquant sur le &BDS;, positionné sur un caractère, fera apparaître le menu de configuration de &kchart; qui vous permet de modifier la configuration de ce caractère. Veuillez lire le manuel de &kchart; pour plus d'informations sur l'utilisation de &kchart;.</para>

<para
>Cliquez n'importe où avec le &BGS; en dehors d'un caractère pour retourner au diaporama de &kpresenter;.</para>

<para
>Un simple clic sur le caractère vous permet de le déplacer pour modifier son emplacement et aussi pour tirer les bordures pour le rendre plus grand comme n'importe quel autre objet de &kpresenter;. Double cliquez sur le caractère pour entrer dans le mode &kchart; et modifier des propriétés du caractère.</para>

</sect1>

<sect1 id="addshadow">
<title
>Ajout d'une ombre au texte du titre</title>

<para
>Continuons à améliorer notre page de titre en ajoutant une ombre derrière le titre. Cliquez du bouton <mousebutton
>droit</mousebutton
> n'importe où sur le texte de titre. Ceci fait deux choses : la boîte de texte contenant le titre est sélectionnée et un menu contextuel surgit. </para>

<para
>Sélectionner l'option <guimenuitem
> Ombrer les objets...</guimenuitem
> dans le menu contextuel. </para>

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

<para
>La boîte de dialogue <guilabel
> Ombre</guilabel
> s'ouvre. La distance entre l'ombre et le texte est actuellement 0, ce qui fait qu'on ne peut pas voir l'ombre (cette partie de la boîte de dialogue est marquée en rouge). </para>

<screenshot>
<screeninfo
>La boîte de dialogue <guilabel
> Ombre</guilabel
></screeninfo>
<mediaobject>
<imageobject
><imagedata fileref="tut16.png" format="PNG"/></imageobject>
<textobject
><phrase
>La boîte de dialogue <guilabel
> Ombre</guilabel
></phrase
></textobject>
</mediaobject>
</screenshot>

<para
>Augmentez la valeur de distance à 3. L'effet du changement de distance peut se voir dans la fenêtre d'aperçu. Cliquez maintenant sur <guibutton
>Ok</guibutton
>. </para>

<screenshot>
<screeninfo
>Ajout d'une ombre au titre</screeninfo>
<mediaobject>
<imageobject
><imagedata fileref="tut17.png" format="PNG"/></imageobject>
<textobject
><phrase
>Ajout d'une ombre au titre</phrase
></textobject>
</mediaobject>
</screenshot>

<para
>Maintenant le titre a une ombre ! </para>

<screenshot>
<screeninfo
>Le nouveau titre ombré</screeninfo>
<mediaobject>
<imageobject
><imagedata fileref="tut18.png" format="PNG"/></imageobject>
<textobject
><phrase
>Le nouveau titre ombré</phrase
></textobject>
</mediaobject>
</screenshot>

</sect1>

<sect1 id="textcolor">
<title
>Changement de la couleur du texte de titre</title>

<para
>Finissons en changeant la couleur du texte de titre de noir en bleu. Pour ce faire, sélectionnez le texte de titre en double-cliquant sur la boîte de texte et sélectionnez le. </para>

<para
>Ouvrez la boîte de dialogue <guilabel
>Sélectionner une couleur</guilabel
> en cliquant sur l'icône <guiicon
>bleu sombre A</guiicon
> sur le coté droit de la barre d'outils de <guilabel
>Texte</guilabel
> (cette icône a une couleur ... astuce) ou choisissez le menu <guimenu
>Texte</guimenu
>, puis cliquez sur <guimenuitem
>Couleur...</guimenuitem
> et modifiez la couleur pour le bleu.</para>

<screenshot>
<screeninfo
>La palette de couleurs</screeninfo>
<mediaobject>
<imageobject
><imagedata fileref="tut19.png" format="PNG"/></imageobject>
<textobject
><phrase
>La palette de couleurs</phrase
></textobject>
</mediaobject>
</screenshot>

<para
>Cliquez sur <guibutton
>Ok</guibutton
> dans la boîte de dialogue <guilabel
>Sélectionner une couleur</guilabel
>. Modifiez la couleur du texte en bleu change son apparence. La couleur exacte que prend le texte sélectionné dépend de votre système de couleurs. </para>

<screenshot>
<screeninfo
>Le texte colorié</screeninfo>
<mediaobject>
<imageobject
><imagedata fileref="tut20.png" format="PNG"/></imageobject>
<textobject
><phrase
>Le texte colorié</phrase
></textobject>
</mediaobject>
</screenshot>

<para
>Maintenant cliquez hors du texte pour le désélectionner. </para>

<screenshot>
<screeninfo
>Le titre terminé</screeninfo>
<mediaobject>
<imageobject
><imagedata fileref="tut21.png" format="PNG"/></imageobject>
<textobject
><phrase
>Le titre terminé</phrase
></textobject>
</mediaobject>
</screenshot>

<para
>Maintenant qu'il y a deux diapos, nous allons tenter un diaporama ! Pour démarrer le spectacle, actionnez le bouton <guiicon
>Démarrer</guiicon
> (la double flèche bleue) sur la barre d'outils <guilabel
>Diaporama</guilabel
>. La première diapo devrait apparaître sur votre écran. </para>

<screenshot>
<screeninfo
>La première diapo</screeninfo>
<mediaobject>
<imageobject
><imagedata fileref="tut22.png" format="PNG"/></imageobject>
<textobject
><phrase
>La première diapo</phrase
></textobject>
</mediaobject>
</screenshot>

<para
>Pour avancer de la première diapo à la suivante, cliquez simplement n'importe où sur l'écran ou utilisez la touche <keycap
>Page suivante</keycap
>. </para>

<screenshot>
<screeninfo
>La deuxième diapo</screeninfo>
<mediaobject>
<imageobject
><imagedata fileref="tut23.png" format="PNG"/></imageobject>
<textobject
><phrase
>La deuxième diapo</phrase
></textobject>
</mediaobject>
</screenshot>

<para
>Pour quitter le diaporama, cliquez sur le bouton <mousebutton
>droit</mousebutton
> et puis sélectionnez l'option <guimenuitem
>Fin</guimenuitem
> du menu contextuel. </para>

</sect1>

</chapter>
