Introduction

Mettre en forme le contenu d’une page, c’est le présenter de façon agréable.
La façon la plus simple consiste à utiliser les boutons en haut de la zone d’éditions. Voici des explications pour chacun de ces boutons, de gauche à droite.

Emphase

L’emphase sert pour mettre du texte en valeur et se traduit par l’italique. Pour des raison de sémantique et de syntaxe, on n’utilise l’emphase que pour faire ressortir du texte important.

Code: '' texte emphase '' (on entoure le texte de deux apostrophes)

Renforcement

Le renforcement sert à mettre du texte en valeur, mais beaucoup plus important que l’emphase. Il se traduit par du gras.

Code: ''' texte renforcé ''' (on entoure le texte de trois apostrophes)

Lien interne

Le lien interne sert à relier à une autre page du wiki. Pour connaître le nom d’une page wiki, c’est simple. C’est celui qui apparaît en haut de la page. Par exemple, un lien vers cette page peut être MettreEnFormeSonContenu. On peut aussi utiliser le chemin de la page: Index (nous avons tapé pour cela [[Main/index]] qui est en fait le dossier de la page suivi de son nom (tout ce qui suit le http://wiki.framasoft.info/ dans votre barre d’addresse, en fait)).

Code: [[PageAPointerAvecLeLien]] ou [[DossierDeLaPage/NomDeFichier]]

Lien externe

C’est le plus simple. Entre double crochets, on inscrit l’adresse du site web (avec le http://), un | et le nom. Si on ne met pas de nom, c’est l’adresse qui apparaît à l’écran. Le caractère “|” se fait en maintenant enfoncée la touche “Alt Gr” et en appuyant sur la touche “6″.

Par exemple:
[[http://www.google.com | Google]] donnera Google

tandis que
[[http://www.google.com]] donnera http://www.google.com

Plus simple encore! On peut simplement écrire l’addresse: http://www.google.com mais pas www.google.com.

Code: [[Adresse web | Nom à afficher]] ou [[Adresse web]] ou Adresse web

Attacher un fichier

Ce n’est pas une fonction de mise en forme, mais cela permet d’attacher un fichier externe au document.

Code: Attach: Nom du fichier

Grand texte

Ce bouton sert à agrandir un texte. N’abusez pas de cette fonction; ce que vous rédigez, c’est un texte, pas un sapin de Noël.

Code: '+ Texte a agrandir +'

Petit texte

Ce bouton sert à, comme son nom l’indique, rapetisser un texte. N’abusez pas de cette fonction sinon le texte deviendra difficile à suivre.

Code: '- Texte a rapetisser -'

Rouge et vert

Ces deux boutons servent à colorier le texte en rouge ou en vert. N’oubliez pas que vous ne rédigez pas un sapin de Noël!

Code: %red%Texte a mettre en rouge%% ET %green%Texte a mettre en vert%%

Stabylo

Ce zoli bouton sert à faire l’effet d’un marqueur. Il met le fond du texte en jaune par défaut. Vous pouvez bien sûr changer la couleur avec un code #RRVVBB ou avec son nom en anglais.

Code: %bgcolor=#FFFFCC%Surligner en jaune%% OU %bgcolor=Couleur%Surligner en couleur choisie%%

Marquer comme supprimé

À utiliser lors d’une révision d’un article pour marquer une section de document qu’on veut retirer mais montrer quand même (pour des besoins de révision..). L’effet? du texte barré.

Code: {- Texte a supprimer -}

Empêcher la mise en forme

Ceci annule l’effet des code wiki pour, par exemple, en montrer le fonctionnement. Par exemple, [= ''Emphase'' =] donne ''Emphase'' .

Code: [= Texte sans mise en forme =]

En-têtes (1, 2, 3)

Ils servent à définir les titres, comme pour ce document. Un point d’exclamation pour un titre niveau 1, 2 points d’exclamation pour un titre niveau 2 et 3 points d’exclamation pour un titre niveau 3. Les titres de cette section ont été réalisés ainsi,

Code: ! Titre niveau 1 / !! Titre niveau 2 / !!! Titre niveau 3

Centrer

Ceci sert à centrer un texte. La balise centre tout le texte jusqu’à ce qu’elle rencontre un saut de ligne (Entrée).
Le texte est centré de cette façon.

Code: @@ %center% Texte centré

Texte indenté

Le texte est indenté avec la commande -> . Plus on ajoute de traits d’union avant le >, plus le texte est indenté.

etc…

Code: ->, --> etc...

Indentation reportée

Ceci produit un texte qui est tout indenté, sauf pour la première ligne.

Encore une fois, l’indentation est contrôlée par le nombre de traits d’union.

Code: -< Texte avec indentation reportée

Liste ordonnée (liste numérotée)

On commence chaque ligne de la liste avec # et les numéros sont placés d’eux-mêmes.

1. Bonjour
2. Rebonjour
3. Encore bonjour!

Code: # Item <Entrée> # Item etc...

Liste à puces

Pour faire une liste à puce, c’est comme avec une liste ordonnée, mais au lieu de commencer chaque ligne avec # on commence chaque ligne avec *.

• Liste à puces
• Liste à puces

Code: * Item <Entrée> * Item etc...

Barre horizontale

Ce bouton sert simplement à tracer une barre horizontale.

Code: ----

Tableau

La première ligne du code du tableau ressemble à ceci:

border=1 sert à définir l’épaisseur de la bordure. Plus le chiffre après le = est élevé, plus la bordure est épaisse. Width sert à définir la largeur du tableau. 80% est pas mal…

Chaque colonne est délimitée par ||. || représente une ligne verticale. Pour faire un titre de colonne, on précède le titre par !.

Puis, on fait chaque ligne comme ceci, chaque colonne étant délimitée par ||.

Un tableau peut donc ressembler à ceci:

||border=3 width=80%
||!Titre de colonne 1||!Titre de colonne 2||!Titre colonne3 ||
||Contenu cellule 1||Contenu 2 ||Contenu 3 ||
||Contenu 4 ||Contenu 5 ||Contenu une dernière fois!||

Insérer le nom de l’auteur

Insere simplement votre nom (nom d’auteur). Notez cepandant qu’on ne signe pas un article wiki car il appartient à la communauté, et non à un auteur seul.

Code: [[~Simonpca]]

Insérer le nom de l’auteur et la date

Insère votre nom d’auteur et la date courante. Notez cepandant qu’on ne signe pas un article wiki car il appartient à la communauté, et non à un auteur seul.

Code: [[~Simonpca]] 02 août 2005 à 19h39

Insérer la date

Le nom parle tout seul!

Marquer comme code

Ce bouton sert à fournir un exemple de code d’un language quelconque et d’en faire la coloration syntaxique.

Code: (:source lang=LANGAGE(javascript etc...) linenum:) [= CODE =]

Contenu visible seulement à l’édition (commentaire)

Ce bouton sert a afficher des renseignements seulement dans la source d’une page. Ces derniers ne s’imprimeront donc pas.

Code: (:comment COMMENTAIRE:)

Créer un Post it

Créer un post it

Code : (:note Title | le contenu du post it :)
Plus d’explications ici

Marquer comme citation

Ceci sert à citer un texte provenant d’une autre source.

Code: [quote]Citation[/quote]

Marquer comme commentaire

Ceci inscrit la date du jour et vous permet d’inscrire vos commentaires sur un article.

Conclusion

Il y a bien d’autres façons de mettre du texte en forme de façon beaucoup plus avancée, sans les boutons. Voyez à ce sujet
http://pmwiki.org/wiki/PmWikiFr/IndexDocumentation?setskin=lean.

Problème de retour a la ligne à résoudre

« Editer une page | Index | Les groupes »