logo Un site Wiki pour les Étudiants de l'Université de Poitiers logo
Vous êtes ici -> ReglesFormatage
PagePrincipale :: DerniersChangements :: DerniersCommentaires :: ParametresUtilisateur :: Vous êtes 34.236.190.216
Regles de formatage

REGLES DE FORMATAGE

rĂšgles de formatage

@ide-MĂ©moire : rĂšgles de formatage dans ce WiKi



RĂšgles de base du formatage :

//Texte en italique.// ---> = Texte en italique.

**Texte en gras !** ---> = Texte en gras !

Texte __souligné__ ! ---> = Texte souligné !

Texte @@barré@@ ! ---> = Texte barré !

##texte Ă  espacement fixe## ---> = texte Ă  espacement fixe

AprĂšs avoir lu ce qui suit, faites vos tests dans le BacASable :
c'est l'endroit fait pour ça.


Pour fermer le formatage WikiNi, ce qui ouvre l'encodage HTML,
on Ă©crit deux paires de guillemets doubles ; voici un guillemet double : ".
Les //codes WikiNi// tapés à l'édition, à l'intérieur de **deux paires** de guillemets doubles, comme dans cette phrase, @@ne formatent pas@@ le texte ; ainsi, on les voit dans la __p@ge WiKi éditée__ .

ParallÚlement, si, à l'édition, hors d'une paire de <i>guillemets doubles</i>, comme dans cette <u>phrase-ci</u>, vous écrivez des <b>codes HTML</b>, vous les verrez dans la p@ge publiée, car <s>ils ne sont pas interprétés par votre navigateur</s> : pour en savoir plus sur le XHTML dans les WiKis WikiNi :

xhtml et wikini ou /or HTML in WikiNi WiKis
Faites vos tests dans le BacASable : c'est l'endroit fait pour ça.


En-tĂȘtes : utiles afin de structurer une p@ge Wiki

Petit en-tĂȘte
== Petit en-tĂȘte == (2 "=" de chaque cotĂ©)

En-tĂȘte normal

=== En-tĂȘte normal === (3 "=" de chaque cotĂ©)
Est ± égal à deux paires d'astérisques, *.

En-tĂȘte gros

==== En-tĂȘte gros ==== (4 "=" de chaque cotĂ©)

En-tĂȘte trĂšs gros

===== En-tĂȘte trĂšs gros ===== (5 "=" de chaque cotĂ©)

En-tĂȘte Ă©norme

====== En-tĂȘte Ă©norme ====== (6 "=" de chaque cotĂ©)




Liste Ă  puces (LISTES: 1/3, 2/3, 3/3.)

Pour mettre du contenu en retrait,
utiliser les recettes pour les listes Ă  puces,
mais avec des lignes ou des paragraphes, mais sans les "-".

Sauter un espace en début de ligne,
de par la barre d'espacement, en bas de votre clavier,
(ré)écrire un "-" puis l'item =

  • liste Ă  puces item #1.
  • liste Ă  puces item #2.
  • liste Ă  puces item #3.

  • Liste Ă  puces : un espace en dĂ©but de ligne, suivi d'un "-".
    • Liste Ă  puces : deux espaces en dĂ©but de ligne, suivi d'un "-".
  • Liste Ă  puces : un espace en dĂ©but de ligne, suivi d'un "-".
    • Liste Ă  puces : deux espaces en dĂ©but de ligne, suivi d'un "-".
      • Liste Ă  puces : trois espaces en dĂ©but de ligne, suivi d'un "-".
        • Liste Ă  puces : quatre espaces en dĂ©but de ligne, suivi d'un "-".

NB : avec trois espaces ou plus, on ne peut pas revenir Ă  deux, et avoir du XHTML valide !

Pour du XHTML valide, on doit sauter une ligne puis, recommencer une autre liste, au besoin.

a) Liste numérotée (minuscules alphabétiques) (LISTES: 1/3, 2/3, 3/3.)
Sauter un espace au début de chaque ligne,
Ă©crire a) au premier item, et "-" aux suivants =
  1. liste à minuscules alphabétiques; item #1.
  2. liste à minuscules alphabétiques; item #2.
  3. liste à minuscules alphabétiques; item #3.

A) Liste numérotée (capitales alphabétiques)
Sauter un espace au début de chaque ligne,
Ă©crire A) au premier item, et "-" aux suivants =
  1. liste à capitales alphabétiques; item #1.
  2. liste à capitales alphabétiques; item #2.
  3. liste à capitales alphabétiques; item #3.

1) Liste numérotée (chiffres arabes)
Sauter un espace au début de chaque ligne,
Ă©crire 1) au premier item, et "-" aux suivants =
  1. liste Ă  chiffres arabes; item #1.
  2. liste Ă  chiffres arabes; item #2.
  3. liste Ă  chiffres arabes; item #3.

i) Liste numérotée (chiffres romains minuscules)
Sauter un espace au début de chaque ligne,
Ă©crire i) au premier item, et "-" aux suivants =
  1. liste Ă  chiffres romains; item #1
  2. liste Ă  chiffres romains; item #2
  3. liste Ă  chiffres romains; item #3
  4. liste Ă  chiffres romains; item #4

I) Liste numérotée (chiffres romains majuscules) (LISTES: 1/3, 2/3, 3/3.)
Sauter un espace au début de chaque ligne,
Ă©crire I) au premier item, et "-" aux suivants =
  1. liste Ă  chiffres romains; item #1.
  2. liste Ă  chiffres romains; item #2.
  3. liste Ă  chiffres romains; item #3.
  4. liste Ă  chiffres romains; item #4.

X) Liste mixte (chiffres arabes et minuscules alphabétiques)
Un "_" Ă©quivaut Ă  un espace.

_1)item #1
__a)item #1 a
__-item #1 b
_-item #2
_-item #3
__a)item #3 a
__-item #3 b
__-item #3 c
_-item #4
=

  1. item #1
    1. item #1 a
    2. item #1 b
  2. item #2
  3. item #3
    1. item #3 a
    2. item #3 b
    3. item #3 c
  4. item #4


Liens automatiques

Liens forcés internes (à une autre p@ge du WiKi)
[[PagePrincipale]] = PagePrincipale
[[PagePrincipale Voici un lien pour la p@ge WiKi "PagePrincipale"]] =
Voici un lien pour la p@ge WiKi "PagePrincipale"

Liens forcés externes :

[[http://www.wikipedia.org]] = http://www.wikipedia.org
[[http://www.wikipedia.org Le WiKi de Wikipedia]] = Le WiKi de Wikipedia

Liens forcés courriel :
[[toto@example.org]] = toto@example.org
[[toto@example.org Adresse de toto]] = Adresse de toto

Liens interwiki possibles dans ce Wiki
EXEMPLES :
WikiDjeault:DjO = WikiDjeault:DjO (interwiki) ::WikiShop:PlaN (interwiki)
WikiNi:DjO (interwiki) :: WikiPedia:PagePrincipale (interwiki) :: WikiNiMST:DjO (interwiki)
NB : on doit respecter la casse (MAJUSCULES et minuscules) dans le NomDuWiki?

Liste des autres liens interwiki, possibles de ce Wiki





§ Séparateur horizontal,

comme la ligne séparatrice horizontale qui termine ce §.

Il suffit de taper au moins 4 "-" ; au delĂ  de 4 tirets, c'est le mĂȘme effet :




Retour de ligne forcé :
---
Ce § en violet est entre deux paires de guillemets doubles, mais pas le suivant. Quand on est pas entre deux paires de guillemets doubles --- et qu'à l'édition, on écrit trois tirets d'affilée, comme ceux-ci, --- dans la page publiée, il y aura un changement de ligne, --- comme vous pouvez le voir.

Quand on est pas entre deux paires de guillemets doubles
et qu'à l'édition, on écrit trois tirets d'affilée, comme ceux-ci,
dans la page publiée, il y aura un changement de ligne,
comme vous pouvez le voir.

Ces "---" sont fort utiles pour changer de ligne à l'intérieur des codes de titres, "=", à l'intérieur des tableaux, dans les Wikis, dans lesquels ce "pouvoir" est intégré, ou encore pour changer de ligne à l'intérieur d'une liste.




Insérer une im@ge dans une p@ge WiKi

  • Ces deux recettes, valides en XHTML, impliquent que l'im@ge soit dĂ©jĂ  @ccessible sur le Web. Vu qu'@spirer une im@ge d'un autre Esp@ce Web signifie qu'on utilise la bande passante de cet Esp@ce, il est donc Ă©thiquement correct, si ce n'est pas votre Esp@ce Web , de demander l'autorisation au(x) propriĂ©taire(s) de cet Esp@ce, avant d'@spirer l'im@ge. Tout comme pour les citations textuelles empruntĂ©es, l'origine des im@ges devrait ĂȘtre indiquĂ©e.
Pour téléverser et héberger des im@ges, comme celle-ci,  moyen moineault : http://www.flickr.com

Pour faire @pparaitre une im@ge dans une p@ge Wiki,

copier l'@dresse de l'im@ge, en la cliquant-droit, puis Ă©crire cette @dresse,
l'adresse URL complĂšte de la premiĂšre im@ge Ă©tant : http://www.djo.ca/w01blue.gif,

  • soit sans le http:// :
    • [[www.djo.ca/w01blue.gif]] = www.djo.ca/w01blue.gif
  • ou soit avec le http:// et aussi un texte dit alternatif :
    • [[http://www.djo.ca/w01red.gif WikiNi]] =  WikiNi




Pour les Spécialistes 1/2, 2/2.
  • Dans un WiKi  WikiNi 0.4.x ou 0.5.x
    • le texte Ă©crit entre deux paires de "%" comme ceci :
%%
apparaĂźt dans une fenĂȘtre comme celle qui suit.
Dans ces fenĂȘtres...
%%

apparaît dans une fenêtre comme celle qui suit.
Dans ces fenêtres...
ou "tableaux", tant qu'on a pas cliqué "Enter", la ligne continue ;
En bas de la fenêtre, la barre de défilement horizontal
permet d'aller jusqu'au bout des ligne longues.
Ici les deux paires de guillemets doubles perdent leur pouvoir m@gique :
les formatages <b>HTML</b> et **WikiNi** ne fonctionnent plus.
""les formatages <b>HTML</b> et **WikiNi** ne fonctionnent plus.""
<hr>
----
---
***
Les spécialistes utilisent fréquemment ces fenêtres pour y
traiter, discuter, construire des
code (php) code PHP (delphi) code delphi/pascal
------------------------
-Dans... Netscape Navigator 7x et Internet Explorer 6
Cette fenêtre tableau a une hauteur et une largeur fixes :
±celles d'un écran de moniteur, ***
Il y a une barre de défilement, à droite et en bas de la fenêtre.
---------
----
-Dans...
----
-Dans...
----
-------------------------------------------------------------------------

Pour les Spécialistes 1/2, 2/2.
Pour afficher des logs / des scripts shell en ajoutant les tag <pre> et </pre>
qui seront interprétés pour afficher le texte tel quel par le navigateur
(sous réserve qu'il n'y ait pas de double guillemet dedans).
Cela permet d'avoir le contenu in extenso
plutĂŽt que dans une boĂźte de code qui est de taille fixe
(contrairement à la fonctionnalité de phpBB2 avec les tags [code] et [/code]).




Extras que le FoXmatageWikiNi ne peut pas faire en soi


Dans ce Wiki, on peut donner Ă  une p@ge un style et une couleur globale,

en insérant un de ces codes d' ActionInclude , au tout début de la p@ge :

  • {{include page="MauvE"}} :: {{include page="BleU"}} :: {{include page="VerT"}}
  • {{include page="JaunE"}} :: {{include page="OrangE"}} :: {{include page="RougE"}}
  • {{include page="GriS"}} :: Voir MauvE, BleU, VerT, JaunE, OrangE, RougE, GriS.
    • NĂ©anmoins, noter que cela cause une erreur XHTML, car...

Le surlignage et la couleur

MĂȘme si certains WiKis WikiNi ont Ă©tĂ© adaptĂ©s pour permettre le surlignage en jaune par ~~ et, les 3 couleurs de base, par #V#, #R#, #B#, cela ne fonctionne pas dans un WiKi WikiNi 0.4.x ou 5.0.x, s'il n'a pas Ă©tĂ© adaptĂ© par un dĂ©veloppeur. NĂ©anmoins, grĂące au HTML, on peut rapidement contourner le problĂšme et faire du surlignage Ă  la couleur de son choix.

Les tableaux

ParallÚlement, certains autres WiKis WikiNi, comme celui du WikiNiMST ont été adaptés afin de permettre le formatage des tableaux, mais, les Wikis  wikini 0.4.x ou 0.5.x, dont celui-ci, ne supportent pas le formatage des tableaux. On peut néanmoins utiliser le HTML pour y arriver :
@ide-mémoire des codes XHTML 0.1 valides dans les WiKis WikiNi
en français ou en anglais,
 xhtml et wikini ou  xhtml in wikini
FoXparleXhtml :: FoXspeaqsXhtml


<table bgcolor="#99ffff" width="580px" align="center">
<tr>
<td>
Votre contenu
</td>
</tr>
</table>

crĂ©e un tableau, bleu comme celui-ci. Un tel tableau, bleu ou autre, peut ĂȘtre utile pour un rappel urgent, une information pertinente, une dĂ©cision importante, une annonce de derniĂšre heure, les titres, etc.



Pour colorer une division dans la p@ge, écrire, au début de la division, le code:
<div style="background-color: pink">, entre deux paires de guillemets doubles.

bambafox
BambaFox
version03
CC-GNU LGPL
est sous license
CC-GNU LGPL.


Pour terminer la division, Ă©crire </div>, entre deux paires de guillemets doubles.


IMP :: RSS :: HTML :: TXT :: Clone :: Historique :: Propriétaire : BaBel :: mentions légales