<chapter id="tutorial">
<chapterinfo>
<authorgroup>
<author
><firstname
>Mike</firstname
> <surname
>McBride</surname
> </author>
&traducteurGerardDelafond; 
</authorgroup>
</chapterinfo>
<title
>Didacticiel pas à pas</title>
<indexterm
><primary
>didacticiel</primary
></indexterm>
<para
>Cette section parcourt pas à pas les fonctions les plus importantes nécessaires pour comprendre comment créer et manipuler un document complexe. Ce didacticiel commencera la création d'un bulletin comme document d'exemple. </para>

<para
>Il est recommandé de parcourir le didacticiel au moins une fois si vous êtes novice dans l'utilisation de traitements de texte basé sur des cadres.</para>

<sect1 id="choose-template">
<title
>Didacticiel : choisir le modèle initial</title>

<note
><para
>Les étapes de ce didacticiel sont numérotées de 1 à 23. Au-dessous de chaque étape, il y a du texte en <emphasis
>italique</emphasis
>. Ce texte expliquera ce que la précédente étape du didacticiel a accompli.</para
></note>

<para
>Quand vous <link linkend="starting-kword"
>démarrez &kword;</link
> (ou <link linkend="new-doc"
>commencez un nouveau document</link
> après que &kword; est en route), &kword; demande un modèle de document.</para>

<mediaobject>
<imageobject>
<imagedata format="PNG" fileref="ChooseTempDia.png"/></imageobject>
<textobject
><phrase
>Capture d'écran</phrase
></textobject>
</mediaobject>

<para
><emphasis
>Ici vous pouvez soit : </emphasis
></para>
<itemizedlist>
<listitem>
<para
><emphasis
>sélectionner le modèle initial pour votre nouveau document</emphasis
></para>
</listitem>
<listitem>
<para
><emphasis
>Ouvrir un document &kword; enregistré sur votre disque dur ou réseau,</emphasis
></para>
</listitem>

</itemizedlist>

<para
>Étape 1 : cliquez sur l'icône <guilabel
>Polyvalent</guilabel
>.</para>

<mediaobject
><imageobject
><imagedata format="PNG"
fileref="Tut1.png"/></imageobject
><textobject
><phrase
>Capture d'écran</phrase
></textobject
></mediaobject>

<para
><emphasis
>Cela affichera la liste des modèles polyvalents disponibles sur votre système. Pour obtenir des informations sur les différences entre les modèles polyvalents et ceux orientés texte, consultez la section intitulée <link linkend="wp-vs-dtp"
>Différences entre les modèles polyvalents et ceux orientés texte</link
>.</emphasis
></para>

<para
>Étape 2 : sélectionnez maintenant l'icône <guilabel
>Disposition simple</guilabel
> en cliquant une fois avec le bouton gauche de votre souris.</para>

<mediaobject
><imageobject
><imagedata format="PNG"
fileref="Tut2.png"/></imageobject
><textobject
><phrase
>Capture d'écran</phrase
></textobject
></mediaobject>

<para
><emphasis
>C'est le modèle que nous allons utiliser pour le didacticiel</emphasis
></para>

<para
>Étape 3 : confirmez maintenant votre sélection en cliquant sur <guibutton
>Utiliser ce modèle</guibutton
>.</para>

<mediaobject
><imageobject
><imagedata format="PNG" fileref="Tut3.png"
align="center"/></imageobject
><textobject
><phrase
>Capture d'écran</phrase
></textobject
></mediaobject>

<para
><emphasis
>Pour terminer votre sélection</emphasis
>.</para>

<para
><emphasis
>&kword; ouvrira un nouveau document avec trois cadres. Les cadres sont marqués sur le fond blanc comme des boîtes grises. Chaque boîte est un cadre séparé.</emphasis
></para>

</sect1>

<sect1 id="tutorial-frame-select">
<title
>Didacticiel : sélectionner un cadre et saisir du texte dans ce cadre</title>

<para
><emphasis
>Pour commencer à saisir du texte (ou ajouter toutes sortes de données qui conviennent) dans un document, il est important de faire savoir à &kword; dans quel cadre insérer les données.</emphasis
></para>

<note>
<para
>Pour garder efficaces et simples à la fois l'édition et le formatage de votre document, la commande exécutée avec un clic de souris change en fonction de l'endroit où le pointeur se situe dans &kword;.</para>

<para
>Quand le pointeur est situé sur les barres d'outils, les ascenseurs, les boutons de menus ou les autres zones <emphasis
>hors du document</emphasis
>, le pointeur se transforme en flèche. Vous devez déjà être familier avec ce type de pointeur en utilisant les autres programmes &kde;. </para>
<para
>Quand il est <emphasis
>dans le document</emphasis
>, il y a deux types de pointeurs distincts qui sont automatiquement affichés alternativement selon la proximité des bords des cadres.</para>
<para
>Quand le pointeur de la souris est près du bord d'un cadre, le pointeur se transforme en deux lignes en croix avec des flèches à toutes les extrémités. En cliquant sur le bouton gauche à ce moment, vous sélectionnez le cadre le plus proche. </para>
<para
>Lorsque vous déplacez le pointeur loin du bord d'un cadre, le pointeur se transformera en un curseur d'insertion de texte. Un clic avec le bouton gauche de la souris à ce moment ordonnera à &kword; d'insérer du texte dans ce cadre.</para>
</note>


<para
>Étape 4 : placez le pointeur de la souris au-dessus du bord supérieur gauche du cadre. Assurez-vous de ne pas voir le <emphasis
>pointeur de sélection de cadre</emphasis
>.</para>
<para
>Étape 5 : cliquez une fois avec le bouton gauche</para>

<mediaobject
><imageobject
><imagedata format="PNG"
fileref="Tut4.png"/></imageobject>
<textobject
><phrase
>Capture d'écran</phrase
></textobject
></mediaobject>

<para
><emphasis
>Ceci ordonnera à &kword; d'insérer du texte dans ce cadre. Cliquez en haut à gauche du cadre pour positionner le curseur dans le coin supérieur gauche. </emphasis
></para>

<para
>Étape 6 : saisissez le texte suivant en utilisant le clavier : <userinput
>Dossier de presse de KWord</userinput
>.</para>

<para
><emphasis
>C'est un extrait de texte pour notre journal.</emphasis
></para>

<para
>Étape 7 : sélectionnez <emphasis
>Dossier de presse de KWord</emphasis
> en plaçant le curseur de la souris à l'extrémité droite du texte. Cliquez une fois avec le &BGS; et tirez le pointeur de la souris vers la gauche. Le texte sélectionné sera noir sur un fond coloré. Lorsque tout le texte a été sélectionné, lâchez le &BGS;.</para>

<para
><mediaobject
><imageobject
><imagedata format="PNG"
fileref="Tut7.png"/></imageobject>
<textobject
><phrase
>Capture d'écran</phrase
></textobject
></mediaobject
></para>
<para
><emphasis
>Cette étape définit le texte qui va être modifié dans l'étape 8.</emphasis
></para>
<para
>Étape 8 : cliquez dans la boîte déroulante <guilabel
>Taille de texte</guilabel
>. Changez ce nombre à 26.</para>

<para
><mediaobject
><imageobject
><imagedata format="PNG"
fileref="Tut8.png"/></imageobject>
<textobject
><phrase
>Capture d'écran</phrase
></textobject
></mediaobject
></para>

<para
><emphasis
>Ceci change la taille du texte sélectionné pour une taille plus appropriée pour un titre.</emphasis
></para>

</sect1>

<sect1 id="tutorial-resize-frame"
> <title
>Didacticiel : changer la taille d'un cadre</title>

<para
><emphasis
>Maintenant que nous avons saisi du texte, nous pouvons voir que ce cadre devrait s'étaler sur toute la largeur de la page pour faire un titre. Nous avons besoin de changer la taille et la forme du cadre. </emphasis
></para>

<para
>Étape 9 : placez le pointeur de la souris au-dessus de la bordure du cadre (vous noterez que le pointeur change de forme en une croix terminée par des flèches) et cliquez une fois avec le &BGS;.</para>

<para
><emphasis
>Ceci sélectionnera ce cadre, ainsi il peut être modifié.</emphasis
></para>

<para
><emphasis
>Vous noterez que le cadre est bordéé de noir avec 8 carrés jaunes sur la ligne de cadre. Ces carrés sont utilisés pour redimensionner le cadre.</emphasis
></para>

<para
>Étape 10 : placez le pointeur de la souris au-dessus du carré dans le coin en bas à droite du cadre. Cliquez avec le &BGS; et maintenez-le enfoncé. Tirez la souris vers le haut et la droite.</para>

<para
><mediaobject
><imageobject
><imagedata format="PNG"
fileref="Tut11a.png"/></imageobject>
<textobject
><phrase
>Capture d'écran</phrase
></textobject
></mediaobject
></para>

<para
><emphasis
>Notez comment le cadre change de forme. Ajustez la taille et la forme du cadre jusqu'à ce qu'il ressemble à ceci :</emphasis
></para>

<para
><mediaobject
><imageobject
><imagedata format="PNG"
fileref="Tut11b.png"/></imageobject>
<textobject
><phrase
>Capture d'écran</phrase
></textobject
></mediaobject
></para>

<para
>Quand c'est fait, relâchez le bouton de la souris.</para>

</sect1>

<sect1 id="tutorial-move-frame"
> 
<title
>Didacticiel : déplacer un cadre sur la page et arranger les cadres</title>

<para
>Maintenant que nous avons créé un bloc titre, nous allons le centrer en haut de la page.</para>

<para
>Étape 11 : placez le pointeur de la souris au-dessus du bord du cadre (mais pas sur un des carrés noirs).</para>

<para
><emphasis
>Le curseur va maintenant se changer en une flèche à 4 directions. Ceci indique que &kword; est prêt à déplacer le cadre sur la page.</emphasis
></para>

<para
>Étape 12 : cliquez et maintenez le&BDS;. Tirez la souris et le cadre la suivra. Positionnez le cadre au centre de la page en haut. Quand vous êtes satisfait de sa position finale, relâchez le bouton de la souris.</para>

<para
><mediaobject
><imageobject
><imagedata format="PNG"
fileref="Tut13.png"/></imageobject>
<textobject
><phrase
>Capture d'écran</phrase
></textobject
></mediaobject
></para>

<para
>Notre comment le côté droit du bloc de titre à glissé derrière le cadre vide sur la droite. Ceci est corrigé facilement.</para>

<para
>Étape 13 : sélectionnez <menuchoice
><guimenu
>Cadre</guimenu
><guimenuitem
> Placer devant</guimenuitem
></menuchoice
></para>

<para
><mediaobject
><imageobject
><imagedata format="PNG"
fileref="Tut13a.png"/></imageobject>
<textobject
><phrase
>Capture d'écran</phrase
></textobject
></mediaobject
></para>

<para
>Ceci placera le titre en haut de l'autre cadre. Vous pouvez monter ou abaisser les cadres afin de donner l'apparence que vous souhaitez</para>
</sect1>

<sect1 id="tutorial-add-frame"
> 
<title
>Didacticiel : ajouter un nouveau cadre/Faire que le texte continue d'un cadre au suivant</title>
<para
>Maintenant, nous allons ajouter un nouveau cadre de texte à notre premier article.</para>
<para
>Étape 14 : commencez par sélectionner <menuchoice
><guimenu
>Insertion</guimenu
><guimenuitem
> Cadre de texte</guimenuitem
></menuchoice
> depuis la barre de menus.</para>

<para
><mediaobject
><imageobject
><imagedata format="PNG"
fileref="Tut14.png"/></imageobject>
<textobject
><phrase
>Capture d'écran</phrase
></textobject
></mediaobject
></para>

<para
><emphasis
>Le curseur a changé en croix. Vous pouvez dessiner votre prochaine boîte de texte avec ce curseur. Commencez en plaçant le curseur dans un coin. Cliquez et tenez le bouton <mousebutton
>gauche</mousebutton
> de la souris. Tirez la souris en diagonale. Une ligne de contour apparaîtra, représentant votre nouveau cadre de texte. Quand vous aurez un nouveau cadre de texte d'une taille raisonnable, relâchez le bouton <mousebutton
>gauche</mousebutton
> de la souris.</emphasis
></para>

<para
><mediaobject
><imageobject
><imagedata format="PNG"
fileref="Tut14a.png"/></imageobject>
<textobject
><phrase
>Capture d'écran</phrase
></textobject
></mediaobject
></para>

<para
><emphasis
>Ce n'est pas important si votre boîte de texte ne ressemble pas à l'exemple pour l'objet de ce didacticiel.</emphasis
></para>

<para
><emphasis
>Quand vous relâchez le bouton <mousebutton
>gauche</mousebutton
> de la souris, une nouvelle boîte de dialogue apparaît.</emphasis
></para>


<para
><emphasis
>Cette boîte de dialogue liste toutes les suites de cadres actuelles et a un bouton radio pour créer une nouvelle suite de cadres (valeur par défaut). En sélectionnant la valeur par défaut, vous créerez un nouvel ensemble de cadres (le texte ne continuera d'aucun autre cadre dans ce cadre)</emphasis
>.</para>

<para
><emphasis
>Notez que le nom par défaut pour ce cadre est <guilabel
>Suite de cadres de texte 3</guilabel
></emphasis
></para>

<para
>Étape 15 : pour l'objet de ce didacticiel, la valeur par défaut de <guilabel
>Créer une nouvelle suite de cadres</guilabel
> est la bonne. Sélectionnez simplement <guibutton
>OK</guibutton
>.</para>

<para
><mediaobject
><imageobject
><imagedata format="PNG"
fileref="Tut15.png"/></imageobject>
<textobject
><phrase
>Capture d'écran</phrase
></textobject
></mediaobject
></para>

<para
><emphasis
>Maintenant, vous pouvez voir que votre cadre a été créé. Il s'appelle <guilabel
>Suite de cadres de texte 3</guilabel
></emphasis
></para>

<para
><emphasis
>Maintenant, nous allons créer un autre petit cadre juste à côté de celui-ci.</emphasis
></para>

<para
>Étape 16 : commencez par sélectionner <menuchoice
><guimenu
>Insertion</guimenu
><guimenuitem
>Cadre de texte</guimenuitem
></menuchoice
>.</para>

<para
><mediaobject
><imageobject
><imagedata format="PNG"
fileref="Tut14.png"/></imageobject>
<textobject
><phrase
>Capture d'écran</phrase
></textobject
></mediaobject
></para>

<para
>En utilisant le pointeur en croix, dessinez un autre petit cadre à côté du premier.</para>

<para
><mediaobject
><imageobject
><imagedata format="PNG"
fileref="Tut14b.png"/></imageobject>
<textobject
><phrase
>Capture d'écran</phrase
></textobject
></mediaobject
></para>

<para
>Une boîte de dialogue apparaît.</para>

<para
>Étape 17 : sélectionnez <guilabel
>Suite de cadres de texte 3</guilabel
> en cliquant avec le &BGS;.</para>

<para
><mediaobject
><imageobject
><imagedata format="PNG"
fileref="Tut15b.png"/></imageobject>
<textobject
><phrase
>Capture d'écran</phrase
></textobject
></mediaobject
></para>

<para
>Étape 18 : sélectionnez <guibutton
>OK</guibutton
></para>

<para
><mediaobject
><imageobject
><imagedata format="PNG"
fileref="Tut16.png"/></imageobject>
<textobject
><phrase
>Capture d'écran</phrase
></textobject
></mediaobject
></para>

<para
><emphasis
>Ce que vous venez de faire est de connecter ce nouveau cadre au dernier cadre que vous avez créé. Pour tester ceci :</emphasis
></para>

<para
>Étape 19 : cliquez une fois dans le cadre le plus à gauche avec le &BGS;.</para>

<para
><mediaobject
><imageobject
><imagedata format="PNG"
fileref="Tut18.png"/></imageobject>
<textobject
><phrase
>Capture d'écran</phrase
></textobject
></mediaobject
></para>

<para
>Étape 20 : commencez à saisir du texte. Vous aurez besoin d'en saisir pas mal, mais persévérez. Quand vous manquerez d'espace dans le cadre de texte, vous verrez que votre nouveau texte est déplacé dans votre nouveau cadre de texte.</para>

<para
><mediaobject
><imageobject
><imagedata format="PNG"
fileref="Tut19.png"/></imageobject>
<textobject
><phrase
>Capture d'écran</phrase
></textobject
></mediaobject
></para>

</sect1>

<sect1 id="tutorial-del-frame"
> 
<title
>Didacticiel : supprimer un cadre</title>

<para
>Maintenant, nous allons supprimer un cadre inutile. Nous allons supprimer le grand cadre de texte sur le côté droit de la page.</para>

<para
>Étape 21 : placez le pointeur de la souris sur le bord du cadre de texte de droite, (souvenez-vous : surveillez le changement du pointeur) et cliquez avec le &BGS;.</para>

<para
><mediaobject
><imageobject
><imagedata format="PNG"
fileref="Tut21.png"/></imageobject>
<textobject
><phrase
>Capture d'écran</phrase
></textobject
></mediaobject
></para>

<para
><emphasis
>Ceci sélectionne le cadre.</emphasis
></para>

<para
>Étape 22 : sélectionnez <menuchoice
><guimenu
>Cadre</guimenu
><guimenuitem
>Supprimer le cadre</guimenuitem
></menuchoice
>.</para>

<para
><mediaobject
><imageobject
><imagedata format="PNG"
fileref="Tut22.png"/></imageobject>
<textobject
><phrase
>Capture d'écran</phrase
></textobject
></mediaobject
></para>

<para
><emphasis
>Une petite boîte de dialogue apparaît, vérifiant que vous voulez vraiment supprimer ce cadre.</emphasis
></para>
<para
>Étape 23 : sélectionnez <guibutton
>Supprimer</guibutton
></para>

<para
><emphasis
>Ceci supprime le cadre.</emphasis
></para>

</sect1>
<sect1 id="tutorial-summary">
<title
>Didacticiel : sommaire</title>

<para
>Avec un peu de chance, ce didacticiel vous a introduit les bases de l'utilisation des cadres dans &kword;.</para>

<para
>À ce point, vous avez :</para>

<itemizedlist>
<listitem
><para
>démarré un nouveau document en utilisant un modèle,</para
></listitem>
<listitem
><para
>ajouté du texte à un cadre,</para
></listitem>
<listitem
><para
>redimensionné du texte,</para
></listitem>
<listitem
><para
>créé, déplacé, redimensionné et supprimé des cadres.</para
></listitem>
</itemizedlist>
<para
>L'objet de ce didacticiel n'était pas d'explorer chaque aspect de &kword;, mais de vous introduire les bases. Vous devriez avoir compris les bases des manipulations des cadres. À partir de ce moment, vous pouvez vous reporter aux sections spécifiques du manuel pour l'aide, les astuces et les fonctionnalités avancées de &kword;.</para>
</sect1>
</chapter>
