Scratch Wiki Accueil/autre/éditer le wiki/formater le texte : Différence entre versions

(Insertion d'un Smiley)
(Insertion d'une image)
Ligne 344 : Ligne 344 :
  
 
==Insertion d'une image==
 
==Insertion d'une image==
 +
 +
Il est possible d'afficher des images de plusieurs façons différentes.
 +
 +
Malheureusement, il y a trop de possibilités pour qu'elles soient toutes affichées ici.
 +
 +
Pour voir comment insérer une image, référez-vous à la [https://mediawiki.org/wiki/Help:Images/fr|page MediaWiki sur ce sujet].
  
 
==Insertion d'une référence==
 
==Insertion d'une référence==

Version du 7 juin 2017 à 13:23


Formater le texte

La mise en forme du texte est essentielle car elle permet de mettre en valeur les éléments importants.

La mise en forme globale, quant à elle, permet d'organiser la page et d'ajouter des éléments multimédia.

Pour mettre en forme, il ne faut pas faire de modification sur le texte mais simplement ajouter des balises wiki. Ces dernières sont constituées de caractères normaux comme par exemple les astérisques, les apostrophes, ou le signe égal.

Formatage de texte

Description : Ce que vous tapez : Ce que vous obtenez :
Texte gras '''Texte en gras''' Texte en gras
Texte italique ''Texte en italique'' Texte en italique
Texte italique et gras '''''Texte en italique''''' Texte en italique

Les niveaux de texte

Le texte d'une page peut être arrangé en différents niveaux d'importance.

Cela peut être aisément reproduit à l'aide de balises propres au code utilisé par ce Wiki.

Par défaut, le texte que vous écrivez sans aucune balise est un texte qui n'a pas d'importance particulière.

Pour introduire un titre, utilisez le niveau 2. Un sous titre sera de niveau inférieur, donc de niveau 3. Ainsi de suite pour un sous sous titre qui sera de niveau 4. Et même chose pour le niveau 5 et 6 qui sont des sous points de ces sous sous titres.

Tout est repris dans le tableau suivant:

Description : Ce que vous tapez : Ce que vous obtenez:
Les différents niveaux de texte
==Niveau 2==
===Niveau 3===
====Niveau 4====
=====Niveau 5=====
======Niveau 6======

Un article avec plus de 4 sous-titres crée automatiquement une table des matières.

Note : Le =Niveau 1= est seulement utilisé pour le titre des pages, et n'est pas nécessaire car le titre est deja inscrit pas défaut sur la page.

Niveau 2
Niveau 3
Niveau 4
Niveau 5
Niveau 6
Barre horizontale ----

Taille du texte

Description: Ce que vous tapez: Ce que vous obtenez:
Grand texte <big>Grand texte</big> Grand texte
Petit texte <small>Petit texte</small> Petit texte
Texte en exposant <sup>Texte en exposant</sup> Texte en exposant
Texte en indice <sub>Texte en indice</sub> Texte en indice

Les listes et puces

Dans ce Wiki, il est possible de mettre en place des puces ou des numérotations sur la présentation d'une liste :

Description: Ce que vous tapez: Ce que vous avez:
Liste à puces
* un
* deux
* trois
** trois point un
** trois point deux

Insérer une ligne blanche terminera la liste précédente et commencera une nouvelle.

  • un
  • deux
  • trois
    • trois point un
    • trois point deux
Liste à numéros
# un
# deux
# trois
## trois point un
## trois point deux
  1. un
  2. deux
  3. trois
    1. trois point un
    2. trois point deux
Liste de définitions
;chose 1
: définition 1
;chose 2
: définition 2-1
: définition 2-2
chose 1
définition 1
chose 2
définition 2-1
définition 2-2
Faire un retrait au texte
: Retrait simple
:: Double retrait
::::: Retrait multiple

Attention : cette solution de contournement peut être source de confusion du point de vue de la compréhension.

Retrait simple
Double retrait
Retrait multiple
Mélange des différents types
# un
# deux
#* deux point un
#* deux point deux
# trois
#; trois, chose une
#: trois, définition une
# quatre
#: quatre, définition une
#: quatre, définition deux
# cinq
## cinq, sous-niveau 1
### cinq, sous-niveau 1, sous-niveau 1
## cinq, sous-niveau 2

;chose 1
:* définition 1-1
:* définition 1-2
;chose 2
:# définition 2-1
:# définition 2-2

Attention : l'usage de #: et de *: pour briser une ligne avec un objet peut être source de confusion.

  1. un
  2. deux
    • deux point un
    • deux point deux
  3. trois
    trois, chose une
    trois, définition une
  4. quatre
    quatre, définition une
    quatre, définition deux
  5. cinq
    1. cinq, sous-niveau 1
      1. cinq, sous-niveau 1, sous-niveau 1
    2. cinq, sous-niveau 2
chose 1
  • définition 1-1
  • définition 1-2
chose 2
  1. définition 2-1
  2. définition 2-2
Texte préformaté
 Le texte préformaté est fait avec
 un '''espace''' au 
 ''commencement'' de chaque ligne

Attention : cette mise en forme s'applique à une ligne tout entière (section).
Le formatage au niveau des caractères reste effectif.

Le texte préformaté est fait avec
un espace au 
commencement de chaque ligne

Paragraphes

Le Wiki ignore les retour à la ligne simple. Pour commencer un nouveau paragraphe, laissez une ligne blanche (vide). Vous pouvez forcez un passage à la ligne dans un paragraphe en utilisant la balise HTML <br/>.

HTML

Certaines balises HTML sont prises en charge dans le Wiki, par exemple <code>, <div>, <span> et <font>. Elles sont appliquées partout où vous les mettez et elles peuvent se cumuler.

Description : Ce que vous écrivez : Ce que vous voyez :
Souligné <u>souligné</u> souligné
Barré <del>Barré</del>
ou
<s>Barré</s>
Barré
Texte de largeur fixe <tt>Texte de largeur fixe</tt>
ou
<code>code source</code>
Texte de largeur fixe
ou
code source
Citation texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte <blockquote> citation citation citation citation citation </blockquote> texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte
citation citation citation citation citation
texte texte texte texte texte texte texte texte texte texte texte texte
Commentaire <!-- Ceci est un commentaire -->

Le texte peut uniquement être vu dans la fenêtre d'édition.

Texte complètement préformaté

<pre>de cette façon,
le texte est préformaté,
et les balises sont '''ignorées'''</pre>

de cette façon,
le texte est préformaté,
et les balises sont '''ignorées'''
Texte préformaté personnalisé

<pre style="color:red">de cette façon,
le texte est préformaté avec un style CSS,
et les balises sont '''ignorées'''</pre>

de cette façon,
le texte est préformaté avec un style CSS,
et les balises sont '''ignorées'''
Règle horizontale <hr/>
Mise en couleur du texte (couleur hex)

<span style="color:#FF0000">Ce texte va être rouge.</span>

Ce texte va être rouge.

Mise en fluo du texte (couleur hex)

<span style="background:#00C000">Ce texte sera fluoré en vert.</span>

Ce texte sera fluoré en vert.

Insertion d'un lien

Vous pouvez insérer différents types de liens dans votre texte. Il y en a deux : les internes et les externes. On utilise les internes pour les liens internes au Wiki et les externes pour les lien externes au Wiki. C'est aussi simple que cela.


Description : Ce que vous tapez : Ce que vous obtenez :
Lien interne [[Adresse du lien|Titre du lien]]


[[Adresse du lien]]

Titre du lien


Adresse du lien

Lien externe [https://www.example.org Titre_du_lien]


[https://www.example.org]


https://www.example.org

Titre_du_lien


[1]


https://www.example.org

Insertion d'une image

Il est possible d'afficher des images de plusieurs façons différentes.

Malheureusement, il y a trop de possibilités pour qu'elles soient toutes affichées ici.

Pour voir comment insérer une image, référez-vous à la MediaWiki sur ce sujet.

Insertion d'une référence

Warning Danger :  La fonction "référence" ne fonctionne pas pour l'instant !

Ajouter une référence est parfois utile pour connaître les sources d'un article.

Ajouter une référence

Description : Ce que vous tapez : Ce que vous obtenez :
Ajouter référence Texte avec une référence<ref name="test">[http://www.example.org texte pour référence], texte additionnel.</ref> Texte avec une référence[1]
Ajouter une référence (autre type) <ref> name="test" </ref> [2]
Ajouter une référence (autre type) <ref name="test" /> [1]
Ajouter une référence (autre type) <reference name="test">test</reference> <reference name="test">test</reference>

Afficher une référence

Description : Ce que vous tapez : Ce que vous obtenez :
Référence en fin de page <references />
  1. 1,0 et 1,1 texte pour référence, texte additionnel.
  2. name="test"

Insertion d'une signature

On utilise les signatures pour signer ses messages après un post comme commentaire, par exemple.

Il y a deux types de signatures. Les longues et les courtes.

Description: Ce que vous tapez: Ce que vous obtenez:
Signature courte ~~~ Smrman (talk) Smrman's logo.gif


Une signature avec juste le pseudo.

Signature complète ~~~~ Smrman (talk) Smrman's logo.gif 14:18, 23 June 2016 (MEST)


Une signature avec le pseudo, la date et l'heure de l'enregistrement de la page après signature.

N'oubliez pas que vous pouvez toujours modifier votres signature par défaut dans les paramètres du Wiki.

Insertion d'un tableau

Insérer un tableau est très facile même si il semble le contraire.

Dans la barre MediaWiki en haut de la fenêtre d'édition du texte de la page se trouve un bouton "avancé". Cliquez dessus et un nouveau bandeau s'ouvre.

Dedans, il y a sur la droite, une petite icône avec des cellules. Elle sert à insérer un tableau.

Si vous cliquez dessus, vous obtenez un code comme le suivant :

{| class="wikitable" border="1"
|-
! en-tête 1
! en-tête 2
! en-tête 3
|-
| ligne 1, case 1
| ligne 1, case 2
| ligne 1, case 3
|-
| ligne 2, case 1
| ligne 2, case 2
| ligne 2, case 3
|}

Si vous prévisualisez la page, cela donne ceci :

en-tête 1 en-tête 2 en-tête 3
ligne 1, case 1 ligne 1, case 2 ligne 1, case 3
ligne 2, case 1 ligne 2, case 2 ligne 2, case 3

On peut voir dans le code que le tableau commence avec "{|" et se termine avec "|}".

On remarque aussi le passage class="wikitable" border="1". La classe "wikitable" formate le tableau (cela harmonise et simplifie la mise en forme des tableaux de données) et les bordures (border) du tableau ont une épaisseur de 1 px (pixel).

Les lignes avec "|-" indique un passage à la ligne suivante.

Dans les première ligne du tableau les "!" indique que le texte qui suit est un titre/en-tête d'une colonne. Le nombre de "!" correspond au nombre de colonnes du tableau.

Le Nowiki

Le nowiki est une balise qui se place avant et après un texte et qui empêche toute interprétation des balises qui se trouvent à l'intérieur.

Cela s'avère bien pratique si vous voulez écrire des balises mais que vous ne voulez pas qu'elles s'activent.

Exemple : <nowiki>'''Texte qui ne sera jamais mis en gras'''</nowiki>

Insertion d'un Smiley

Vous pouvez désormais maintenant insérer des smiley's dans le Wiki. Ils vous permettent de faire passer vos émotions plus facilement. Ce sont les mêmes que ceux présents dans Scratch.

Voici une table qui les reprend.

Smiley Code
:) {{Smile}}
:) {{Sad}}
:) {{Big_smile}}
:) {{Neutral}}
:) {{Wink}}
:) {{Yikes}}


Les marques d'attention

Il est aussi possible d'ajouter des indiquateurs pour attirer l'attention du lecteur sur un certain point dans l'article. Par exemple si il y a une interdiction, un risque ou tout simplement une note à lauqelle il faut porter un peu d'attention... Ces indicateurs sont de 3 types différents. Chacun étant accompagné d'une couleur spécifique voyant et d'un petit symbole particulier.


Voici une table qui les reprend.

Résultat Code
Warning Note :  Texte de la note
{{Note|Texte de la note}}
Caution (2).png Attention :  Faites attention
{{Caution|Faites attention}}
Warning Danger :  Ceci est extèmement important
{{Warning|Ceci est extèmement important}}


Autres codes

Pour plus de codes pour formatter le texte sur le Wiki, référez-vous aux pages de MediaWiki expliquant comment formater les articles.



Tutoriel: Editer le Wiki

↑ Page générale: Editer le Wiki

← Page précédente: Modifier une page Page suivante: Lier une page