Commit 18ff975d authored by Thomas Citharel's avatar Thomas Citharel 🏃🏻
Browse files

add pictures

parent c0c8f088
......@@ -4,7 +4,15 @@ Une fois enregistré sur Framaslides, cliquez sur « Créer une nouvelle présen
## Manipuler les diapositives
Il est possible de créer une nouvelle diapositive en cliquant sur le bouton « + » dans le panneau de droite. L'ordre d'affichage des diapositives est défini de haut en bas mais il est possible de les réorganiser par glisser-déposer. Il est possible de faire un copié-collé d'une diapositive et d'en supprimer une en utilisant les actions du menu ou bien [les raccourcis clavier](shortcuts.md).
Il est possible de créer une nouvelle diapositive en cliquant sur le bouton « + » dans le panneau de droite.
L'ordre d'affichage des diapositives est défini de haut en bas mais il est possible de les réorganiser par glisser-déposer. La diapositive active est encadrée en vert.
Il est possible de faire un copié-collé d'une diapositive et d'en supprimer une en utilisant les actions du menu ou bien [les raccourcis clavier](shortcuts.md).
<div class="text-center">
<img src="images/slides_list.png" alt="Liste des diapositives"/>
</div>
## Ajouter un élément
......@@ -16,7 +24,23 @@ Une première diapositive est ajoutée au projet. Vous pouvez ajouter différent
* Un site web
* Des formes basiques
Commençons par ajouter un peu de texte : cliquez sur le bouton « Texte » en haut de l'interface. Un élément texte apparaît sur votre diapositive et vous pouvez alors notamment le déplacer. Pour éditer le texte, double-cliquez dessus : le texte par défaut est sélectionné et la barre de formatage apparaît. Vous pouvez donc écrire votre texte en lieu et place du texte par défaut.
Commençons par ajouter un peu de texte : cliquez sur le bouton « Texte » en haut de l'interface.
<div class="text-center">
<img src="images/elements_text.png" alt="Bouton texte"/>
</div>
Un élément texte apparaît sur votre diapositive et vous pouvez alors notamment le déplacer par glisser-déposer.
<div class="text-center">
<img src="images/elem_text.png" alt="Élément texte"/>
</div>
Pour éditer le texte, double-cliquez dessus : le texte par défaut est sélectionné et la barre de formatage apparaît. Vous pouvez donc écrire votre texte en lieu et place du texte par défaut.
<div class="text-center">
<img src="images/elem_text_edit.png" alt="Élément texte en mode édition"/>
</div>
## Formater le texte
......@@ -26,6 +50,10 @@ La police du texte peut être choisie parmi une sélection de polices prédéfin
La couleur du texte peut être choisie avec un outil dédié.
<div class="text-center">
<img src="images/color_selector.png" alt="Sélecteur de couleur"/>
</div>
Des options de mise en page plus complexes sont disponibles, comme créer des listes à puces ou bien numérotées. Il est également possible de définir l'alignement du texte entre « aligné à gauche » et « centré ».
Enfin, vous pouvez créer des liens en cliquant sur le bouton avec l'icône correspondante et en renseignant l'adresse du lien dans la fenêtre modale qui s'ouvre.
......@@ -59,18 +87,42 @@ La différence entre les deux est que la surface concerne tout l'écran, alors q
Les deux ont un choix de couleurs prédéfinies ainsi qu'une palette pour choisir une couleur personnalisée. Il est également possible d'utiliser une image comme fond.
<div class="text-center">
<img src="images/background_selector.png" alt="Sélecteur de fond"/>
</div>
## Éditeur de transitions
Framaslides est un éditeur de présentations un peu particulier car il ne permet pas de choisir le type de transition entre chaque diapositive, mais permet plutôt d'organiser ses diapositives les unes par rapport aux autres.
<div class="text-center">
<img src="images/btn-panorama.png" alt="Bouton panorama"/>
</div>
Par défaut, toutes les diapositives se suivent horizontalement de gauche à droite. Pour modifier cela, glissez-déposez les diapositives à des endroits différents. Vous pourriez par exemple décider de faire se suivre les diapositives verticalement de haut en bas.
Notez que l'alignement controllé à l'aide de la touche majuscule est ici également disponible. Comme pour les élements, il est possible d'effectuer des rotations et des transformations.
## Sauvegarder sa présentation
Pour sauvegarder la présentation, cliquez pour ouvrir le menu principal puis cliquez sur « Enregistrer sous... ». Entrez ensuite le nom de la présentation à enregistrer.
Pour sauvegarder la présentation, cliquez pour ouvrir le menu principal puis cliquez sur « Enregistrer sous... ».
<div class="text-center">
<img src="images/menu_save_as.png" alt="Menu pour sauvegarder la présentation"/>
</div>
Entrez ensuite le nom de la présentation à enregistrer.
<div class="text-center">
<img src="images/dialog_save_as.png" alt="Modale pour sauvegarder la présentation"/>
</div>
## Prévisualiser sa présentation
Pour voir l'aperçu d'une présentation, il est nécessaire que celle-ci ait déjà été sauvegardée. Vous pouvez alors cliquer sur le bouton vert « Aperçu » en haut à gauche de l'interface. Vous pouvez ensuite naviguer entre les diapositives en appuyant sur la barre d'espace ou bien les flèches directionnelles.
Pour voir l'aperçu d'une présentation, il est nécessaire que celle-ci ait déjà été sauvegardée. Vous pouvez alors cliquer sur le bouton vert « Aperçu » en haut à gauche de l'interface.
<div class="text-center">
<img src="images/btn-apercu.png" alt="Bouton aperçu"/>
</div>
Vous pouvez ensuite naviguer entre les diapositives en appuyant sur la barre d'espace ou bien les flèches directionnelles.
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment