<chapter id="guides">
<title
>Guide détaillé</title>

<para
> Ce chapitre décrit comment effectuer certaines tâches habituelles dans &kpresenter;. </para>

<sect1 id="html-wizard">
<title
>Créer un diaporama HTML</title>

<para
><guilabel
>Créer une présentation de diapositives HTML</guilabel
> est une manière de transformer une présentation existante en pages <acronym
>WWW</acronym
>.</para>

<procedure
> <step
> <para
>Faites d'abord quelques diapos à inclure dans la présentation. J'ai fait une diapo, utilisé <menuchoice
><guimenu
>Édition</guimenu
><guimenuitem
>Dupliquer la page</guimenuitem
></menuchoice
> pour faire quelques copies et ajouté un peu de texte et quelques images de GNOME que j'ai trouvées dans <filename class="directory"
>/usr/share/AbiSuite/clipart</filename
></para
> <screenshot
> <screeninfo
>L'icône <guiicon
> Ajouter un Clipart...</guiicon
></screeninfo
> <mediaobject
> <imageobject
> <imagedata fileref="htmlshow01.png" format="PNG"/> </imageobject
> <textobject
><phrase
>L'icône <guiicon
> Ajouter un Clipart...</guiicon
></phrase
></textobject
> </mediaobject
> </screenshot
> </step
> <step
> <para
>Vous pouvez ensuite cliquer sur l'icône <guiicon
>Créer une présentation de diapositives HTML</guiicon
> (marquée en rouge) <screenshot
><screeninfo
> l'icône <guiicon
>Créer une présentation de diapositives HTML</guiicon
></screeninfo
> <mediaobject
><imageobject
> <imagedata fileref="htmlshow00.png" format="PNG"/> </imageobject
><textobject
><phrase
>l'icône <guiicon
>Créer une présentation de diapositives HTML</guiicon
></phrase
></textobject
></mediaobject
></screenshot
> ou utilisez le menu (dans <guimenu
>fichier</guimenu
>) pour lancer l'assistant qui vous guide dans le processus.</para
> </step
> <step
> <para
>Une boîte de dialogue vous demande si vous voulez utiliser un fichier existant. Cliquez sur <guibutton
>Non</guibutton
> si c'est la première fois que vous l'utilisez. L'option <guibutton
>Oui</guibutton
> vous permet d'utiliser les détails que vous pavez précédemment saisis pour votre diaporama HTML.</para
> </step
> <step
> <para
>Vous obtenez alors une boîte de dialogue qui vous demande quelques détails.</para
> <screenshot
> <screeninfo
>Remplir les détails pour votre diaporama HTML.</screeninfo
> <mediaobject
> <imageobject
> <imagedata fileref="htmlshow02.png" format="PNG"/> </imageobject
> <textobject
><phrase
>Remplir les détails pour votre diaporama HTML.</phrase
></textobject
> </mediaobject
> </screenshot
> <para
>Remplissez chaque champ et assurez-vous que les détails de chemin sont corrects, car c'est l'endroit où &kpresenter; enregistrera vos nouveaux fichiers et images HTML. Cliquez sur <guibutton
>Suivant</guibutton
> quand vous avez fini.</para
> </step
> <step
> <para
>Vous avez alors quelques options d'affichage à régler.</para
> <screenshot
> <screeninfo
>Configuration du style d'affichage pour votre diaporama HTML</screeninfo
> <mediaobject
> <imageobject
> <imagedata fileref="htmlshow03.png" format="PNG"/> </imageobject
> <textobject
><phrase
>Configuration du style d'affichage pour votre diaporama HTML</phrase
></textobject
> </mediaobject
> </screenshot
> <para
>Quand &kpresenter; crée les pages web pour vous, les couleurs du texte seront ce que vous avez fixé ici.</para
> <para
>Cliquez sur la barre colorée pour choisir une charte de couleurs que vous convient.</para
> </step
> <step
><para
>Le bouton <guibutton
>Suivant</guibutton
> ouvre une boîte de dialogue qui vous permet de changer le nom de chaque diapo.</para
> <screenshot
> <screeninfo
>Donner un nom aux diapos</screeninfo
> <mediaobject
> <imageobject
> <imagedata fileref="htmlshow04.png" format="PNG"/> </imageobject
> <textobject
><phrase
>Donner un nom aux diapos</phrase
> </textobject
> </mediaobject
> </screenshot
> </step
> <step
> <para
>Enfin, enregistrez la configuration avant de fermer la boîte de dialogue.</para
> <screenshot
> <screeninfo
>Enregistrement de votre configuration</screeninfo
> <mediaobject
> <imageobject
> <imagedata fileref="htmlshow05.png" format="PNG"/> </imageobject
> <textobject
> <phrase
>Enregistrement de votre configuration</phrase
></textobject
> </mediaobject
> </screenshot
> </step
> <step
><para
>Ce que nous avons maintenant est un dossier de HTML et d'images, créé là où nous avons précédemment positionné le chemin.</para
> <screenshot
> <screeninfo
>Le répertoire de diaporama HTML nouvellement créé.</screeninfo
> <mediaobject
> <imageobject
> <imagedata fileref="htmlshow07.png" format="PNG"/> </imageobject
> <textobject
><phrase
>Le répertoire de diaporama HTML nouvellement créé.</phrase
></textobject
> </mediaobject
> </screenshot
> </step
> </procedure>
<para
>Il y a aussi un fichier <filename
>index.html</filename
> pour lancer votre diaporama web.</para>

<para
>Vous pouvez voir comment ça fonctionne en utilisant votre gestionnaire de fichiers ou navigateur web pour ouvrir le fichier <filename
>index.html</filename
>. Cliquez où il dit et la première page de votre présentation sera affichée. Ça fonctionne ensuite comme un diaporama &kpresenter;.</para>

<para
>Chaque clic sur l'écran vous amène à la diapo suivante.</para>

<para
>Envoyez-le en &FTP; vers votre site web, en vous souvenant de respecter la structure des dossiers, et le monde pourra admirer votre travail.</para>

</sect1>

<sect1 id="creating-templates">
<title
>Création de modèles &kpresenter;</title>

<para
>Il est vraiment facile d'ajouter de nouveaux modèles à la bibliothèque de &kpresenter;.</para>

<para
>Si vous avez fait une présentation dans un style que vous voudriez utiliser à nouveau, vous pouvez l'enregistrer comme modèle.</para>

<para
>Ce didacticiel vous  montrera comment nous faisons un nouveau modèle et l'enregistrons.</para>

<procedure
> <step
><para
>Ouvrir&kpresenter; et créer un nouveau document.</para
> <para
>J'ai choisi un arrière-plan uni avec une boîte d'entrée de texte. Pour cela, il faut cliquer de bouton <mousebutton
>Droit</mousebutton
> sur la zone de travail et on obtient une boîte de dialogue <guilabel
>Arrière-plan</guilabel
>.</para
> <screenshot
> <screeninfo
>Le dialogue de <guilabel
>Arrière-plan...</guilabel
> de&kpresenter;.</screeninfo
> <mediaobject
> <imageobject
> <imagedata format="PNG" fileref="template02.png"/> </imageobject
> <textobject
><phrase
>Le dialogue de <guilabel
>Arrière-plan...</guilabel
> de&kpresenter;.</phrase
></textobject
> </mediaobject
> </screenshot
> <para
>Sous <guimenu
>Format</guimenu
>, vous trouverez <guimenuitem
>Arrière-plan...</guimenuitem
>, qui ouvre la même boîte de dialogue.</para
></step
> <step
> <para
>Je veux que l'arrière-plan soit attractif. Dans la boîte combo du haut, vous pouvez choisir d'utiliser une image ou un clipart pour votre fond.</para
> <screenshot
> <screeninfo
>Choix d'un fond de page</screeninfo
> <mediaobject
> <imageobject
> <imagedata format="PNG" fileref="template03.png"/> </imageobject
> <textobject
><phrase
>Choix d'un fond de page</phrase
></textobject
> </mediaobject
> </screenshot
> <para
>J'ai laissé ceci comme option par défaut <guilabel
>Couleur/Dégradé</guilabel
>. Dans la boîte Combo suivante du bas, j'ai choisi <guilabel
>Dégradé vertical</guilabel
>, cliqué dans les deux longues boîtes dessous et choisi deux couleurs.</para
> <para
>Vous pouvez changer les positions de début des couleurs dans les dégradés en cliquant sur la case à cocher <guilabel
>Déséquilibré</guilabel
>. Ceci vous permet d'utiliser une paire de glissières X et Y. Quelques fois, une glissière ne fera rien du tout, en fonction de quel type de gradient vous avez choisi.</para
> <para
>Pensez à choisir les contrastes de couleurs en premier. si vous laissez les deux blancs, vous ne verrez rien. Quand vous avez un assortiment de couleurs qui vous plaît, cliquez sur <guibutton
>Appliquer</guibutton
> et <guibutton
>OK</guibutton
> pour fermer la boîte de dialogue.</para
> </step
> <step
> <para
>La page devrait maintenant être des couleurs que vous avez choisies. double-cliquez dans la boîte de texte pour ajouter un titre.</para
> <screenshot
> <screeninfo
>Ajout d'un titre au nouveau modèle</screeninfo
> <mediaobject
> <imageobject
> <imagedata fileref="template04.png" format="PNG"/> </imageobject
> <textobject
><phrase
>Ajout d'un titre au nouveau modèle</phrase
></textobject
> </mediaobject
> </screenshot
> <para
>Quand vous êtes content de votre modèle, cliquez sur <guimenu
>Fichier</guimenu
> dans la barre de menus et choisissez <guimenuitem
>Créer un modèle à partir de la diapo actuelle</guimenuitem
>.</para
> <para
>Cette boîte de dialogue vous permet de sélectionner où vous voulez que vos modèles soient enregistrés.</para
> <screenshot
> <screeninfo
>Enregistrement du nouveau modèle</screeninfo
> <mediaobject
> <imageobject
> <imagedata fileref="template06.png" format="PNG"/> </imageobject
> <textobject
><phrase
>Enregistrement du nouveau modèle</phrase
></textobject
> </mediaobject
> </screenshot
> <para
>J'ai choisi d'enregistrer le mien sous le menu <guilabel
>Présentations sur écran</guilabel
> et l'ai appelé <userinput
>tutorialtemplate</userinput
>. Cliquez sur <guibutton
>OK</guibutton
> pour clore cette boîte de dialogue.</para
> </step
> <step
> <para
>Maintenant, fermez le document sur lequel vous avez travaillé (ne l'enregistrez pas) et &kpresenter; affichera la boîte de dialogue <guilabel
>Choisir</guilabel
>.</para
> <screenshot
> <screeninfo
>Votre nouveau modèle dans la boîte de dialogue <guilabel
>Choisir</guilabel
> de &kpresenter;.</screeninfo
> <mediaobject
> <imageobject
> <imagedata fileref="template07.png" format="PNG"/> </imageobject
> <textobject
><phrase
>Votre nouveau modèle dans la boîte de dialogue <guilabel
>Choisir</guilabel
> de &kpresenter;.</phrase
></textobject
> </mediaobject
> </screenshot
> <para
>Vous voulez <guilabel
>Créer un nouveau document à partir d'un modèle</guilabel
>. Cliquez sur l'onglet <guilabel
>Présentations sur écran</guilabel
> et il y a le modèle que nous avons fait plus tôt (marqué en rouge par moi).</para
> </step
> </procedure>

</sect1>

</chapter>

