Tutoriel WikiEducator/Formattage de texte/Gras, Italique et Titres

De WikiEducator
Aller à : navigation, rechercher
Tutorial.png Formattage de texte 

Introduction | Espace de travail | Gras, Italique & Titres | Listes numérotées & non | Montrez-moi comment Xine.png | Résumés & FAQs

Vue d'ensemble

Cette sous-section couvre les deux différentes approches de mise en forme de texte que nous avons vu à l'introduction, à savoir l'utilisation :

  1. de la barre d'outils intégrée et
  2. du WikiText.

Plusieurs tutoriels sur l'utilisation de Wiki préfèrent utiliser la barre d'outils intégrée pour éviter de mémoriser la syntaxe WikiText. Nous vous conseillons d'apprendre cette syntaxe très simple, il est en effet pratique de la connaître, d'une part il est souvent plus rapide de taper dans le fil de son écriture les quelques sigles courants, d’autre part la syntaxe est très large et tout n’est évidemment pas disponible dans la barre d’outils. Cette syntaxe vous permettra en outre de maîtriser le fonctionnement du Wiki.

Icon notes.jpg

Conseil

Après la lecture de cette sous-section, rendez-vous sur une page de WikiEducator qui vous intéresse, cliquez sur le lien modifier afin de voir comment la page se présente, vous pourrez aussi apprendre davantage sur le formattage de texte. N'hésitez pas à poser des questions !

Utilisation de la barre d'outils

Si vous avez prêté attention lorsque vous entriez quelques informations sur votre page d'utilisateur lors du tutoriel précédent, vous auriez remarqué qu'en mode Edition, votre page avait une barre bleue juste au dessus de la zone de texte (représentée à la figure ci-contre), contenant quelques graphique qui vous est sans doute familière, si vous utilisez MS Office ou OpenOffice.org. Cette barre d'outils peut vous aider à faire des mises à jours basiques dans votre contenu.
Barre d'outils intégrée
Icon notes.jpg

Conseil

Vu que lors de vos éditions vous n'aurez pas devant vous l'animation ci-dessus, sélectionnez le texte que vous voulez mettre en forme, pointez la souris sur la barre d'outils, attendez un millième de seconde et regardez le texte qui s'affiche, s'il correspond à la mise en forme que vous souhaiter effectuer.

Textes gras, italique, et titres

Lorsque vous avez sélectionné votre texte à mettre en forme à l'aide de la souris, cliquez sur le bouton :

  • Bouton gras.png pour mettre la sélection en gras
  • Bouton italique.png pour mettre la sélection en italique
  • Bouton titre.png pour créer un sous-titre de niveau 2, pour votre sélection.
Icon notes.jpg

Notes

Lorsque vous appliquez ces mises en forme le changement n'est pas immédiat comme dans les éditeurs de textes courants (MS Office, OpenOffice.Org, etc.), vous constaterez tout simplement l'apparition de quelques symboles (apostrophes, signes égal) dans votre texte, NE LES ENLEVEZ PAS !!! Pour voir la mise en forme faite, cliquez sur l'un des bouton Sauvegarder ou Prévisualiser (vous savez où ils se trouvent !!)
Icon activity.jpg

Activité

Nous utiliserons la barre d'outils pour mettre en forme notre texte
  • Rendez-vous dans votre espace de travail (créé lors de la première section, le lien vers cet espace se trouve sur votre page utilisateur)
  • Cliquez sur le lien modifier pour accéder à la page en mode modification (édition)
  • Tapez un texte comme celui-ci : Ce texte est en gras, et celui-ci en italique
  • Sélectionnez le mot que vous souhaitez mettre en gras et cliquez surBouton gras.png
  • Sélectionnez le mot que vous souhaitez mettre en italique et cliquez surBouton italique.png
  • Cliquez enfin sur le bouton Enregistrer en bas de la zone de texte.


Utilisation du WikiText

Comme mentionné plus haut, lorsque vous avez mis votre texte en gras ou italique, certains caractères sont apparus dans le texte. Ces caractères sont utilisés par le logiciel pour formatter le texte, dès que vous serez un peu plus familier, vous pourrez directement inclure ces symboles lors de vos saisies, ce qui vous permettra de gagner du temps. Pour mettre un texte en italique (respectivement en gras), utiliser deux (respectivement trois) apostrophes de chaque côté du texte, en utiliser cinq de chaque côté si l’on souhaite que le texte soit gras et italique.

Description Vous tapez Vous avez
Texte gras

Ceci est un texte '''gras'''

Ceci est un texte gras

Texte italique

Ceci est un texte ''italique''

Ceci est un texte italique

Textes indentés / Retrait de texte

Cette ligne n'est pas indentée
: Cette ligne a un indent
:: Cette ligne a deux indents

Cette ligne n'est pas indentée

Cette ligne a un retrait
Cette ligne a deux retrait
Titres et sous-titres

=Niveau 1=
==Niveau 2==
===Niveau 3===

Niveau 1

Niveau 2

Niveau 3

Chaque dispositif de formatage est expliqué ci-dessous.

Gras

Pour mettre un texte en gras, ajouter trois symboles apostrophe (') de part et d'autre du texte :

'''Ce texte est en gras'''

qui apparaitra après enregistrement comme suit :

Ce texte est en gras

Italique

Pour mettre un texte en italique, ajouter deux symboles apostrophe (') de part et d'autre du texte :

''Ce texte est en italique''

qui apparaitra après enregistrement comme suit :

Ce texte est en italique
Icon activity.jpg

Activité

Nous utiliserons le WikiText pour mettre en forme notre texte
  • Rendez-vous dans votre espace de travail (créé lors de la première section, le lien vers cet espace se trouve sur votre page utilisateur)
  • Cliquez sur le lien modifier pour accéder à la page en mode modification (édition)
  • Tapez un texte comme celui-ci : Ce texte est en gras, et celui-ci en italique
  • Mettez le mot gras en gras en ajoutant trois symboles apostrophes de part et d'autre du mot
  • Mettez le mot italique en italique en ajoutant deux symboles apostrophes de part et d'autre du mot
  • Cliquez enfin sur le bouton Enregistrer en bas de la zone de texte.


Titres et sous-titres

Les titres et sous-titres permettent d'organiser notre article, une table des matière est automatiquement générée par le logiciel médiawiki à partir de ces titres. Utiliser le symbole égale (=) de part et d’autre du titre souhaité, plus le nombre de symboles « = » est important, moins le titre est important.

  • ==Titre 1== (Le titre est placé entre deux signes =)
  • ===Sous-titre 1.1=== (Le titre est placé entre trois signes =)
  • ===Sous-titre 1.2=== (Le titre est placé entre trois signes =)
  • ===Sous-titre 1.3=== (Le titre est placé entre trois signes =)
  • ====Sous-titre 1.3.1==== (Le titre est placé entre quatre signes =)
  • ====Sous-titre 1.3.2==== (Le titre est placé entre quatre signes =)
  • ===Sous-titre 1.4=== (Le titre est placé entre trois signes =)
  • ==Titre 2== (Le titre est placé entre deux signes =)
  • Etc.
Icon activity.jpg

Activité

Pensez à une structure de document (chapitre, paragraphe, section, etc.) et faites la pratique sur votre espace de travail
Icon notes.jpg

Conseil

La table des matières est générée de façon automatique par le logiciel MediaWiki lorsque la longueur de la page dépasse un écran, il est donc conseillé de ne pas utiliser les numéros dans les titres.

Retrait de texte

Les retraits de texte sont importants dans la mise en forme de notre contenu, il y a toujours des raisons de faire apparaître un texte

comme ceci
ou comme ceci
ou encore comme ceci

Il est très simple de faire des retraits de texte, il suffit d'ajouter le symbole : (deux points), plus le nombre de symboles est élevé, plus le retrait est grand. Voici par exemple le texte qui a permis de faire les retraits ci-dessus.

il y a toujours des raisons de faire apparaître un texte
: comme ceci
:: ou comme ceci
::: ou encore comme ceci