|
|
<!-- <?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>
|
|
|
&traducteurGerardDelafond;
|
|
|
</authorgroup>
|
|
|
</chapterinfo>
|
|
|
<title
|
|
|
>Didacticiel pas à pas</title>
|
|
|
|
|
|
<para
|
|
|
>Dans ce chapitre, &kpresenter; est introduit avec un simple didacticiel. 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;, le dialogue de choix de modèle apparaît. </para>
|
|
|
|
|
|
<screenshot>
|
|
|
<screeninfo
|
|
|
>La boîte de dialogue <guilabel
|
|
|
> Choisir un Modèle</guilabel
|
|
|
></screeninfo>
|
|
|
<mediaobject>
|
|
|
<imageobject>
|
|
|
<imagedata fileref="tut01.png" format="PNG"/></imageobject>
|
|
|
<textobject
|
|
|
><phrase
|
|
|
>La boîte de dialogue <guilabel
|
|
|
> Choisir un Modèle</guilabel
|
|
|
></phrase
|
|
|
></textobject>
|
|
|
</mediaobject>
|
|
|
</screenshot>
|
|
|
|
|
|
<para
|
|
|
>L'option par défaut est <guilabel
|
|
|
>Commencer avec un document vide</guilabel
|
|
|
>. Sélectionnez le modèle libellé <guilabel
|
|
|
>Titre</guilabel
|
|
|
> (marqué en rouge) en cliquant dessus. Ceci sélectionne aussi <guilabel
|
|
|
>Créer un nouveau document à partir d'un modèle</guilabel
|
|
|
>. </para>
|
|
|
|
|
|
<para
|
|
|
>Cliquez maintenant <guibutton
|
|
|
>OK</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). 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 montrer que vous pouvez maintenant saisir du texte. </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 page par le menu</screeninfo>
|
|
|
<mediaobject>
|
|
|
<imageobject>
|
|
|
<imagedata fileref="tut05.png" format="PNG"/></imageobject>
|
|
|
<textobject
|
|
|
><phrase
|
|
|
>Insertion d'une page par le menu</phrase
|
|
|
></textobject>
|
|
|
</mediaobject>
|
|
|
</screenshot>
|
|
|
|
|
|
<para
|
|
|
>Ceci ouvre la boîte de dialogue <guilabel
|
|
|
>Insérer une page</guilabel
|
|
|
>. </para>
|
|
|
|
|
|
<screenshot>
|
|
|
<screeninfo
|
|
|
>La boîte de dialogue <guilabel
|
|
|
> Insérer une Page</guilabel
|
|
|
></screeninfo>
|
|
|
<mediaobject>
|
|
|
<imageobject>
|
|
|
<imagedata fileref="tut06.png" format="PNG"/></imageobject>
|
|
|
<textobject
|
|
|
><phrase
|
|
|
>La boîte de dialogue <guilabel
|
|
|
> Insérer une Page</guilabel
|
|
|
></phrase
|
|
|
></textobject>
|
|
|
</mediaobject>
|
|
|
</screenshot>
|
|
|
|
|
|
<para
|
|
|
>Cliquez sur <guibutton
|
|
|
> OK</guibutton
|
|
|
> pour accepter les valeurs par défaut, ce qui ajoutera une nouvelle page après la page 1. </para>
|
|
|
|
|
|
<para
|
|
|
>La boîte de dialogue <guilabel
|
|
|
>Choisir</guilabel
|
|
|
> s'ouvre, de telle manière que nous pouvons décider à quoi la nouvelle diapo doit ressembler. Cette fois, 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 changer 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 page 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 page</screeninfo>
|
|
|
<mediaobject>
|
|
|
<imageobject
|
|
|
><imagedata fileref="tut09.png" format="PNG"/></imageobject>
|
|
|
<textobject
|
|
|
><phrase
|
|
|
>La nouvelle page</phrase
|
|
|
></textobject>
|
|
|
</mediaobject>
|
|
|
</screenshot>
|
|
|
|
|
|
<para
|
|
|
>Double-cliquez et tapez le titre. Puis, double-cliquez sur la seconde boîte de texte. Notez qu'une puce apparaît automatiquement quand vous commencez la saisie. Tapez du texte et terminez le paragraphe en actionnant 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 page</screeninfo>
|
|
|
<mediaobject>
|
|
|
<imageobject
|
|
|
><imagedata fileref="tut10.png" format="PNG"/></imageobject>
|
|
|
<textobject
|
|
|
><phrase
|
|
|
>Ajout du texte sur la deuxième page</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 page. 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
|
|
|
>Ouvrir</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
|
|
|
>Le dessin du logo est maintenant visible en haut à gauche de la fenêtre d'édition. 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. </para>
|
|
|
|
|
|
<screenshot>
|
|
|
<screeninfo
|
|
|
>Déplacement de l'image au bon endroit</screeninfo>
|
|
|
<mediaobject>
|
|
|
<imageobject
|
|
|
><imagedata fileref="tut14.png" format="PNG"/></imageobject>
|
|
|
<textobject
|
|
|
><phrase
|
|
|
>Déplacement de l'image au bon endroit</phrase
|
|
|
></textobject>
|
|
|
</mediaobject>
|
|
|
</screenshot>
|
|
|
|
|
|
<para
|
|
|
>Voilà ! Maintenant, vous avez une image sur la page de titre. </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 de prévisualisation. 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. </para>
|
|
|
|
|
|
<para
|
|
|
>Changez la couleur en bleu en cliquant sur l'icône <guiicon
|
|
|
>bleu sombre</guiicon
|
|
|
> dans la palette de couleurs à droite de la fenêtre d'édition (cette icône est marquée en rouge) </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
|
|
|
>Changer 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 flèche grise) en haut de la barre d'outils. 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
|
|
|
>Quitter la présentation</guimenuitem
|
|
|
> du menu contextuel. </para>
|
|
|
|
|
|
</sect1>
|
|
|
|
|
|
</chapter>
|
