<chapter id="guides">
<title
>Guides détaillés</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
>Créez d'abord quelques diapositives pour les inclure dans la présentation. J'ai réutilisé les diapositives du didacticiel.</para>

<screenshot>
<screeninfo
>La présentation que nous allons transformer en HTML</screeninfo>
<mediaobject>
<imageobject>
<imagedata fileref="htmlshow01.png" format="PNG"/>
<!--FIXME: Re-use tutorial screenshot here -->
</imageobject>
<textobject
><phrase
>La présentation que nous allons transformer en HTML</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 avez 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
>Remplissage des détails pour votre diaporama HTML.</screeninfo>
<mediaobject>
<imageobject>
<imagedata fileref="htmlshow02.png" format="PNG"/>
</imageobject>
<textobject
><phrase
>Remplissage des 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>

<para
>Si le chemin que vous avez sélectionné ici n'existe pas, &kpresenter; vous demandera de le créer.</para
> </step>

<step>

<screenshot>
<screeninfo
>Remplissage des détails supplémentaires pour votre diaporama HTML</screeninfo>
<mediaobject>
<imageobject>
<imagedata fileref="htmlshow02a.png" format="PNG"/>
</imageobject>
<textobject
><phrase
>Remplissage des détails supplémentaires pour votre diaporama HTML</phrase
></textobject>
</mediaobject>
</screenshot>

<para
>Ici, vous pouvez configurer le style des pages web, et aussi spécifier le zoom pour les diapositives. Ceci signifie que, si vous avez dessiné à l'origine vos diapositives pour un affichage plein écran sur un écran LCD 1280 x 1024 pixels, et utilisé une taille d'image pour s'y adapter, vous pouvez rééchelonner les diapositives de 50 % pour leur permettre de tenir correctement dans une fenêtre de navigateur bien plus petite.</para>

<para
>Vous pouvez aussi fixer un encodage du texte par défaut, si nécessaire, et spécifier un type de document pour les pages.</para>

<para
>Dans la plupart des cas, les valeurs par défaut seront bien, et vous pouvez actionner <guibutton
>Suivant</guibutton
> pour continuer vers la page suivante.</para>

</step>

<step>
<para
>Mantenant, vous pouvez personnaliser les couleurs des pages web.</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 pour la navigation seront ce que vous avez indiqué ici. Les couleurs pour les diapositives actuelles ne seront pas changées.</para>

<para
>Cliquez sur les barres colorées pour choisir une charte de couleurs qui 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 diapositive.</para>

<screenshot>
<screeninfo
>Définition du nom des diapositives</screeninfo>
<mediaobject>
<imageobject>
<imagedata fileref="htmlshow04.png" format="PNG"/>
</imageobject>
<textobject
><phrase
>Définition du nom des diapositives</phrase>
</textobject>
</mediaobject>
</screenshot>
</step>

<step>
<para
>Enfin, enregistrez la configuration avant de fermer la boîte de dialogue, en actionnant le bouton <guibutton
>Enregistrer la configuration...</guibutton
>.</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 dossier de diaporama HTML nouvellement créé.</screeninfo>
<mediaobject>
<imageobject>
<imagedata fileref="htmlshow07.png" format="PNG"/>
</imageobject>
<textobject
><phrase
>Le dossier 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 cela 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. Cela fonctionne ensuite comme un diaporama &kpresenter;.</para>

<para
>Chaque clic sur l'écran vous amène à la diapositive 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
>Ouvrez &kpresenter; et créez 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 du &BDS; sur la zone de travail et on obtient une boîte de dialogue <guilabel
>Arrière-plan</guilabel
>.</para>

<screenshot>
<screeninfo
>La boîte de dialogue <guilabel
>Arrière-plan de la diapositive</guilabel
> de &kpresenter;.</screeninfo>
<mediaobject>
<imageobject>
<imagedata format="PNG" fileref="template02.png"/>
</imageobject>
<textobject
><phrase
>La boîte de dialogue <guilabel
>Arrière-plan de la diapositive</guilabel
> de &kpresenter;.</phrase
></textobject>
</mediaobject>
</screenshot>

<para
>Sous <guimenu
>Format</guimenu
>, vous trouverez <guimenuitem
>Arrière-plan de la page</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 du haut, vous pouvez choisir d'utiliser une image ou un clipart pour votre fond.</para>

<screenshot>
<screeninfo
>Choix d'un fond de diapositive</screeninfo>
<mediaobject>
<imageobject>
<imagedata format="PNG" fileref="template03.png"/>
</imageobject>
<textobject
><phrase
>Choix d'un fond de diapositive</phrase
></textobject>
</mediaobject>
</screenshot>

<para
>J'ai laissé ceci comme option par défaut <guilabel
>Couleur/Dégradé</guilabel
>. Dans la boîte combinée 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 du type de dégradé que 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
>Gestionnaire de modèles</guimenuitem
>.</para>

<!-- Skipped screenshot of menu "template05.png" -->

<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
>Modèle de didacticiel</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.</para>
</step>
</procedure>

</sect1>

</chapter>
