« Guidelines:Edition de base » : différence entre les versions

De EduTech Wiki
Aller à la navigation Aller à la recherche
(rajout du __NOEDITSECTION__)
(Supprimer une ligne de répétition de "Thumbnail 50pixels")
 
(46 versions intermédiaires par 9 utilisateurs non affichées)
Ligne 1 : Ligne 1 :
__NOTOC__
__NOTOC__
__NOEDITSECTION__
__NOEDITSECTION__
* On peut formatter son texte en utilisant les symboles wiki. Ce sont des caractères normaux (astérisque, guillemets simples, ou symbole égal) qui ont des fonctions spéciales dans le wiki, dépendant parfois de leur position. Par exemples pour mettre un mot en ''italique'', on entoure de deux simple guillemets comme cela : <tt><nowiki>''italique''</nowiki></tt>
* Mediawiki ignore les sauts de ligne simple. Pour démarrer un nouveau paragraphe, il faut laisser une ligne vide. On peut aussi utiliser les balises HTML <tt><nowiki><br></nowiki></tt>. 
* Quelques balises HTML sont permises dans MediaWiki, par exemple <tt><nowiki><code></nowiki></tt>, <tt><nowiki><div></nowiki></tt>, <tt><nowiki><span></nowiki></tt> and <tt><nowiki><font></nowiki></tt>.


Pour rédiger/éditer des articles le wiki en mode "code wiki", il faut maîtriser un certain nombre de "symboles" wiki. Certains caractères comme l'astérisque, guillemets simples, ou symbole égal ont des fonctions spéciales dans le wiki, dépendant parfois de leur position.


A maîtriser impérativement:
# Titres (==)
# Paragraphes (ligne blanche)
# Listes à puces (*)
# Liens internes (<nowiki>[[nom page]]</nowiki>) et liens externes (<nowiki>[http://URL lien nom_du_lien]</nowiki>)


Pour ceux qui veulent aller plus loin : [http://www.mediawiki.org/wiki/Help:Formatting/fr page MediWiki].


{| border="1" cellpadding="2" cellspacing="1"
{| cellspacing="1" cellpadding="2" border="1"
|-
|-
|{{H13}}|'''Description'''
|'''Description'''
|{{Hl3}}|'''On tape'''
|'''On tape'''
|{{Hl3}}|'''On obtient'''
|'''On obtient'''


|- valign="top"
|- style="background:#D0E2EE" valign="top"
| colspan="3" align="center" | ''<strong>appliquer n'importe où</strong>''
| colspan="3" align="center" | '''''Structure - seulement au début d'une ligne'''''
 
|- valign="top"
| Mettre en italique
|<tt><nowiki>''italique''</nowiki></tt>
|''italique''
 
|- valign="top"
| Mettre en gras
|<tt><nowiki>'''gras'''</nowiki></tt>
|'''gras'''
 
|- valign="top"
| Gras et italique
|<tt><nowiki>'''''gras et italique'''''</nowiki></tt>
|'''''gras et italique'''''
 
|- valign="top"
| Echapper aux symboles (markup) wiki
|<tt><nowiki><nowiki>no ''markup''</nowiki></nowiki></tt>
|<nowiki>no ''markup''</nowiki>
 
|- valign="top"
| colspan="3" align="center" | ''<strong>seulement au début d'un ligne</strong>''


|- valign="top"
|- valign="top"
Ligne 55 : Ligne 36 :


|- valign="top"
|- valign="top"
|Barre Horizontale
| Paragraphes
|<tt><nowiki>----</nowiki></tt>
| ligne blanche
|  
|  
----
Para 1
 
Para 2


|- valign="top"
|- valign="top"
Ligne 92 : Ligne 75 :
:item 1
:item 1
:item 2
:item 2
|- valign="top"
| Indentation "blanche"
| texte normal
&#58;simple<br>
&#58;&#58;double<br>
&#58;&#58;&#58;&#58;multiple<br>
|texte normal
:simple
:: double
:::: multiple
|- valign="top"
| Mélange de tout ça
|
<nowiki># liste numérotée</nowiki><br>
<nowiki>#: conserve la numérotation et insère un espace</nowiki><br>
<nowiki># a bien conservé la numérotation</nowiki><br>
<nowiki>#* conserve toujours les numéros mais ajoute une puce</nowiki><br>
<nowiki>#:* conserve toujours les numéros mais ajoute une puce et un espace</nowiki><br>
<nowiki># et voilà !</nowiki>
|
# liste numérotée
#: conserve la numérotation et insère un espace
# a bien conservé la numérotation
#* conserve toujours les numéros mais ajoute une puce
#:* conserve toujours les numéros mais ajoute une puce et un espace
# et voilà !
|- valign="top"
|Barre Horizontale
|<tt><nowiki>----</nowiki></tt>
|
----


|- valign="top"
|- valign="top"
| Texte Préformatté
| Texte Préformatté
|
|
&nbsp;&nbsp;un espace au<br>
&nbsp;&nbsp;un espace au début<br>
&nbsp;&nbsp;début de la ligne<br>
&nbsp;&nbsp;de la ligne crée<br>
&nbsp;&nbsp;crée<br>
&nbsp;&nbsp;un texte préformatté
&nbsp;&nbsp;un texte préformatté
Note: Pour insérer du code XML/HTML, utilisez la balise HTML "pre":
&lt;pre&gt;<br />
&lt;p&gt;hello&lt;/p&gt;<br />
&lt;/pre&gt;<br />
|
|
  un espace au
  un espace au début
  début de la ligne
  de la ligne crée  
crée  
  un texte préformatté
  un texte préformatté
<pre><p>hello</p></pre>
|- valign="top"
| Code informatique
| <nowiki><source lang="votre_langage"> .... </source></nowiki>
| <source lang="actionscript">hello_msg ("salut");</source>
|- style="background:#D0E2EE" valign="top"
| colspan="3" align="center" | '''''Apparence "inline" - appliquer n'importe où'''''
|- valign="top"
| Mettre en italique
|<tt><nowiki>''italique''</nowiki></tt>
|''italique''


|- valign="top"
|- valign="top"
| colspan="3" align="center" | ''<strong>Liens internes et externes</strong>''
| Mettre en gras
|<tt><nowiki>'''gras'''</nowiki></tt>
|'''gras'''


|- valign="top"
|- valign="top"
| liens vers <br />
| Gras et italique
une autre page <br />
|<tt><nowiki>'''''gras et italique'''''</nowiki></tt>
du wiki
|'''''gras et italique'''''
|
 
J'ai créé la [[Page Du Jour]] hier
|- valign="top"
* C'est un lien vers une autre page du wiki
| Echapper aux symboles (markup) wiki
* La première lettre de la page ciblée est automatiquement mise en majuscule et les espaces en underscores ( _ )
|<tt><nowiki>&lt;nowiki&gt;no '''markup'''</nowiki>&lt;/nowiki&gt;</tt>
* Si le lien apparait rouge c'est que la page n'existe pas encore. Pour la créer, il suffit de cliquer sur le lien et d'éditer la page encore vierge qui s'offre à vous à ce moment là.
|<nowiki>no '''markup'''</nowiki>
* Créer une nouvelle page revient alors à écrire un nouveau lien, cliquer dessus et sauver du contenu dans la nouvelle page.
 
* Essaiyer de ne pas créer de nouvel article sans le mettre en lien avec d'autres articles.
|- style="background:#D0E2EE" valign="top"
| colspan="3" align="center" | '''''Nouvelles pages, liens internes et externes'''''
 
|- valign="top"
|
liens vers <br /> une autre page <br /> du wiki
|
|
<pre><nowiki>
<pre><nowiki>
J'ai créé la [[Page Du Jour]] hier
Cours [[Webmaster Flash]]
</nowiki></pre>
</nowiki></pre>
* Un lien vers une autre page du wiki inclut le nom de l'autre page dans des <nowiki>[[ ...]]</nowiki>
* Si le lien apparait rouge c'est que la page n'existe pas encore. Pour la créer, il suffit de cliquer sur ce lien et d'éditer la page encore vierge qui s'offre à vous à ce moment là.
|
Cours [[Webmaster Flash]]
|- valign="top"
|- valign="top"
| Renommer un lien
|  
liens vers un <br /> titre dans la même page <br /> du wiki
| <pre><nowiki>
[[#titre|nome du titre qui s'affiche]]
</nowiki></pre>
<pre><nowiki> Aller au [[#Niveau 1|Niveau 1]]
</nowiki></pre>
|
|
J'ai créé la [[Page Du Jour|Page Quotidienne]] hier
Aller au [[#Niveau 1| Niveau 1]]  
* Le wiki affichera à l'utilisateur le nom que vous donnez au lien, autrement dit ce qui se place après le pipe (|), en lien et place du nom de la page ciblée
|- valign="top"
| '''Créer une nouvelle page'''
|
* Créer une page revient simplement à '''créer un nouveau lien''' (depuis une autre page comme votre "home page", cliquer dessus, éditer et sauver.
* Alternativement, utilisez '''rechercher''' (en haut à droite) pour chercher un nom de page. Si elle n'existe pas le Wiki propose de la créer.
<pre><nowiki>J'ai créé la [[page du jour]] hier</nowiki></pre>
| J'ai créé la [[page du jour]] hier
 
|- valign="top"
| Utiliser un autre label pour un lien 
|
|
<pre><nowiki>
<pre><nowiki>
J'ai créé la [[Page Du Jour|Page Quotidienne]] hier
J'ai créé la
[[Page du jour|page quotidienne]] hier
</nowiki></pre>
</nowiki></pre>
* Le wiki affichera à l'utilisateur le nom que vous donnez au lien, autrement dit ce qui se place après une barre verticle (|), en lieu et place du nom de la page ciblée
|
J'ai créé la [[Page du jour|page quotidienne]] hier
|
|
|- valign="top"
|- valign="top"
Ligne 138 : Ligne 200 :
|
|
La meilleure manière de faire des liens externes est de les nommer :  
La meilleure manière de faire des liens externes est de les nommer :  
<pre><nowiki>
Lien nommé: [http://www.nupedia.com Nupedia]
</nowiki></pre>
* Les crochets ( [ ] )indiquent un lien externe
* on ne sépare pas ici le lien de son nom par une barre verticale (|) mais par un simple espace.
|
Lien nommé: [http://www.nupedia.com Nupedia]
Lien nommé: [http://www.nupedia.com Nupedia]
* Les brackets ( [ ] )indiquent un lien externe
* on ne sépare pas ici le lien de son nom par un pipe (|) mais par un simple espace.
|
|
|- valign="top"
| Signer
|
La meilleure manière de signer est d'utiliser votre "home page" Wiki
<pre><nowiki>
<pre><nowiki>
Lien nommé: [http://www.nupedia.com Nupedia]
Signature: ~~~
Date: ~~~~~
Les deux: ~~~~
</nowiki></pre>
</nowiki></pre>
* Insérez trois, quatre ou cinq ~
|
:Signature: [[Utilisateur:Daniel K. Schneider|Daniel K. Schneider]]
:Date: 25 février 2008 à 20:00 (CET)
:Les deux: [[Utilisateur:Daniel K. Schneider|Daniel K. Schneider]] 25 février 2008 à 20:00 (CET)
|
|-
|Ajouter une catégorie
|<pre><nowiki>[[catégorie:aides]]</nowiki></pre>
Pour faire un lien vers une page catégorie, utilisez la syntaxe <nowiki>[[:catégorie:aides|]]</nowiki>
|En bas de la page on retrouvera la catégorie. Attention: une catégorie n'est rien d'autre qu'un "tag". Donc on peut ajouter plusieurs catégories à une page. comme tout objet dans ce wiki, il faut créer une page pour la catégorie si ce n'est pas déjà fait (cliquer dessus).
|
|- style="background:#D0E2EE" valign="top"
| colspan="3" align="center" | '''''Images'''''
|- valign="top"
| Simple
|
<pre><nowiki>[[Image:Greenway_model.gif]]</nowiki></pre>
|
[[Image:Greenway_model.gif]]
|
|- valign="top"
| Dans une boîte avec une légende
|
<pre><nowiki>[[Image:Greenway_model.gif|frame|none
  |Greenway model]]</nowiki></pre>
* Attention: Ligne ci-dessus coupée en deux ...
|
[[Image:Greenway_model.gif|frame|none|Greenway model]]
|
|- valign="top"
| Thumbnail 50pixels flottant
|
<pre><nowiki>[[Image:Greenway_model.gif|thumb
  |50px|Greenway model]]</nowiki></pre>
* L'utilisateur peut cliquer sur l'image pour l'aggrandir
* Par défaut, l'image va flotter vers la droite. Pour la mettre à gauche il faut ajouter le paramètre ''|left''
|
[[Image:Greenway_model.gif|thumb|50px|Greenway model]]
* L'utilisateur peut cliquer sur l'image pour l'aggrandir
* Par défaut, l'image va flotter vers la droite. Pour la mettre à gauche il faut ajouter le paramètre ''|left''
|
|- valign="top"
| Thumbnail 50pixels
|
<pre><nowiki>[[Image:Greenway_model.gif|thumb|none
  |50px|Greenway model]]</nowiki></pre>
* L'utilisateur peut cliquer sur l'image pour l'aggrandir
* L'image ne flottera pas, cad. le texte ne coulera pas autour.
|
[[Image:Greenway_model.gif|thumb|none|50px|Greenway model]]
* L'utilisateur peut cliquer sur l'image pour l'aggrandir
* L'image ne flottera pas, cad. le texte ne coulera pas autour.
|
|- valign="top"
| Gallerie d'image
|
<pre><nowiki><gallery widths=50px heights=50px>
Image:Greenway_model.gif|Greenway model
Image:Greenway_model.gif|Greenway model
</gallery></nowiki></pre>
* L'utilisateur peut cliquer sur l'image pour l'aggrandir
* Les images sont affichées les unes à coté des autres
* Les paramètres '''widths''' et '''heights''' permettent de spécifier la taille de chaque thumbnail (noter le "s" du pluriel a widths et heights).
* Noter qu'il faut juste mettre les noms des fichiers et pas les crochets.
|
<gallery widths="50px" heights="50px">
Image:Greenway_model.gif|Greenway model
Image:Greenway_model.gif|Greenway model
</gallery>
* L'utilisateur peut cliquer sur l'image pour l'aggrandir
* Les images sont affichées les unes a coté des autres
* les paramètres '''widths''' et '''heights''' permettent de spécifier la taille de chaque thumbnail
* noter qu'il faut juste mettre les noms de fichers et pas les crochets.
|
|- style="background:#D0E2EE" valign="top"
| colspan="3" align="center" | '''''Tableaux'''''
|- valign="top"
| Simple
|
<pre><nowiki>{|
| A || B
|-
| C || D
|}</nowiki></pre>
|
|
{|
| A || B
|-
| C || D
|}
|}
|
|- valign="top"
| Simple (deuxième façon)
|
<pre><nowiki>{|
| A
| B
|-
| C
| D
|}</nowiki></pre>
|
{|
| A
| B
|-
| C
| D
|}
|
|- valign="top"
| Avec bords
|
<pre><nowiki>{| border="1"
| A
| B
|-
| C
| D
|}</nowiki></pre>
|
{| border="1"
| A
| B
|-
| C
| D
|}
|
|}
Note: Quelques balises HTML sont permises dans MediaWiki, par exemple <tt><nowiki><code></nowiki></tt>, <tt><nowiki><div></nowiki></tt>, <tt><nowiki><span></nowiki></tt> and <tt><nowiki><font></nowiki></tt>.
A éviter en règle générale !
[[Catégorie: Aides]]

Dernière version du 2 octobre 2022 à 11:03


Pour rédiger/éditer des articles le wiki en mode "code wiki", il faut maîtriser un certain nombre de "symboles" wiki. Certains caractères comme l'astérisque, guillemets simples, ou symbole égal ont des fonctions spéciales dans le wiki, dépendant parfois de leur position.

A maîtriser impérativement:

  1. Titres (==)
  2. Paragraphes (ligne blanche)
  3. Listes à puces (*)
  4. Liens internes ([[nom page]]) et liens externes ([http://URL lien nom_du_lien])

Pour ceux qui veulent aller plus loin : page MediWiki.

Description On tape On obtient
Structure - seulement au début d'une ligne
Titres de

tailles différentes

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

Niveau 1

Niveau 2

Niveau 3

Niveau 4
Paragraphes ligne blanche

Para 1

Para 2

Liste à puces

* un
* deux
* trois

  • un
  • deux
  • trois
Liste numérotée

# one
# two
# three

  1. one
  2. two
  3. three
Liste de définition

;Définition
:item 1
:item 2

Définition
item 1
item 2
Indentation "blanche" texte normal

:simple
::double
::::multiple

texte normal
simple
double
multiple
Mélange de tout ça

# liste numérotée
#: conserve la numérotation et insère un espace
# a bien conservé la numérotation
#* conserve toujours les numéros mais ajoute une puce
#:* conserve toujours les numéros mais ajoute une puce et un espace
# et voilà !

  1. liste numérotée
    conserve la numérotation et insère un espace
  2. a bien conservé la numérotation
    • conserve toujours les numéros mais ajoute une puce
    • conserve toujours les numéros mais ajoute une puce et un espace
  3. et voilà !
Barre Horizontale ----
Texte Préformatté

  un espace au début
  de la ligne crée
  un texte préformatté

Note: Pour insérer du code XML/HTML, utilisez la balise HTML "pre": <pre>
<p>hello</p>
</pre>

un espace au début
de la ligne crée 
un texte préformatté
<p>hello</p>
Code informatique <source lang="votre_langage"> .... </source>
hello_msg ("salut");
Apparence "inline" - appliquer n'importe où
Mettre en italique ''italique'' italique
Mettre en gras '''gras''' gras
Gras et italique '''''gras et italique''''' gras et italique
Echapper aux symboles (markup) wiki <nowiki>no '''markup'''</nowiki> no '''markup'''
Nouvelles pages, liens internes et externes

liens vers
une autre page
du wiki

Cours [[Webmaster Flash]]
  • Un lien vers une autre page du wiki inclut le nom de l'autre page dans des [[ ...]]
  • Si le lien apparait rouge c'est que la page n'existe pas encore. Pour la créer, il suffit de cliquer sur ce lien et d'éditer la page encore vierge qui s'offre à vous à ce moment là.

Cours Webmaster Flash

liens vers un
titre dans la même page
du wiki

[[#titre|nome du titre qui s'affiche]]
 Aller au [[#Niveau 1|Niveau 1]]

Aller au Niveau 1

Créer une nouvelle page
  • Créer une page revient simplement à créer un nouveau lien (depuis une autre page comme votre "home page", cliquer dessus, éditer et sauver.
  • Alternativement, utilisez rechercher (en haut à droite) pour chercher un nom de page. Si elle n'existe pas le Wiki propose de la créer.
J'ai créé la [[page du jour]] hier
J'ai créé la page du jour hier
Utiliser un autre label pour un lien
J'ai créé la
[[Page du jour|page quotidienne]] hier
  • Le wiki affichera à l'utilisateur le nom que vous donnez au lien, autrement dit ce qui se place après une barre verticle (|), en lieu et place du nom de la page ciblée

J'ai créé la page quotidienne hier

liens externes

La meilleure manière de faire des liens externes est de les nommer :

Lien nommé: [http://www.nupedia.com Nupedia]
  • Les crochets ( [ ] )indiquent un lien externe
  • on ne sépare pas ici le lien de son nom par une barre verticale (|) mais par un simple espace.

Lien nommé: Nupedia

Signer

La meilleure manière de signer est d'utiliser votre "home page" Wiki

Signature: ~~~
Date: ~~~~~
Les deux: ~~~~
  • Insérez trois, quatre ou cinq ~
Signature: Daniel K. Schneider
Date: 25 février 2008 à 20:00 (CET)
Les deux: Daniel K. Schneider 25 février 2008 à 20:00 (CET)
Ajouter une catégorie
[[catégorie:aides]]

Pour faire un lien vers une page catégorie, utilisez la syntaxe [[:catégorie:aides|]]

En bas de la page on retrouvera la catégorie. Attention: une catégorie n'est rien d'autre qu'un "tag". Donc on peut ajouter plusieurs catégories à une page. comme tout objet dans ce wiki, il faut créer une page pour la catégorie si ce n'est pas déjà fait (cliquer dessus).
Images
Simple
[[Image:Greenway_model.gif]]

Greenway model.gif

Dans une boîte avec une légende
[[Image:Greenway_model.gif|frame|none
  |Greenway model]]
  • Attention: Ligne ci-dessus coupée en deux ...
Greenway model
Thumbnail 50pixels flottant
[[Image:Greenway_model.gif|thumb
  |50px|Greenway model]]
  • L'utilisateur peut cliquer sur l'image pour l'aggrandir
  • Par défaut, l'image va flotter vers la droite. Pour la mettre à gauche il faut ajouter le paramètre |left
Greenway model
  • L'utilisateur peut cliquer sur l'image pour l'aggrandir
  • Par défaut, l'image va flotter vers la droite. Pour la mettre à gauche il faut ajouter le paramètre |left
Thumbnail 50pixels
[[Image:Greenway_model.gif|thumb|none
  |50px|Greenway model]]
  • L'utilisateur peut cliquer sur l'image pour l'aggrandir
  • L'image ne flottera pas, cad. le texte ne coulera pas autour.
Greenway model
  • L'utilisateur peut cliquer sur l'image pour l'aggrandir
  • L'image ne flottera pas, cad. le texte ne coulera pas autour.
Gallerie d'image
<gallery widths=50px heights=50px>
Image:Greenway_model.gif|Greenway model
Image:Greenway_model.gif|Greenway model
</gallery>
  • L'utilisateur peut cliquer sur l'image pour l'aggrandir
  • Les images sont affichées les unes à coté des autres
  • Les paramètres widths et heights permettent de spécifier la taille de chaque thumbnail (noter le "s" du pluriel a widths et heights).
  • Noter qu'il faut juste mettre les noms des fichiers et pas les crochets.
  • L'utilisateur peut cliquer sur l'image pour l'aggrandir
  • Les images sont affichées les unes a coté des autres
  • les paramètres widths et heights permettent de spécifier la taille de chaque thumbnail
  • noter qu'il faut juste mettre les noms de fichers et pas les crochets.
Tableaux
Simple
{|
| A || B
|-
| C || D
|}
A B
C D
Simple (deuxième façon)
{|
| A
| B
|-
| C 
| D
|}
A B
C D
Avec bords
{| border="1"
| A
| B
|-
| C 
| D
|}
A B
C D

Note: Quelques balises HTML sont permises dans MediaWiki, par exemple <code>, <div>, <span> and <font>. A éviter en règle générale !