Guide des règles de mise en page WikiNiMST

Lorsque vous éditez une page du WikiniMST il apparaît un menu au haut de la zone d'édition. Ce menu vous offre la possibilité d'appliquer les codes de mise en page à du texte sélectionné. La barre d'édition ne fonctionne pas en IE sous Mac OS X. Mozilla Firefox, Camino et Safari offrent cette possibilité sous Mac OS X.

Vous pouvez effectuer vos propres test dans le BacASable :
c'est un endroit fait pour ça.


Règles de base :


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

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

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

##texte à espacement fixe## -----> texte à espacement fixe

@@Texte biffé ! @@ ----> Texte biffé !



Quelques codes maisons ajoutés par Gilles Jobin et Pierre Lachance :


~~En surbrillance~~ -----> En surbrillance

#B# En bleu ! #B# -----> En bleu !

#R# En rouge ! #R# -----> En rouge !

#V# En vert ! #V# -----> En vert !

#C# Centré ! #C#

::: Cadre pointillé ! ::: --->Cadre pointillé !



%%code%%
%%(php) PHP code%%

  • Dans un WiKi WikiNi MST
    • le texte écrit entre deux paires de "%" comme ceci :
%%
apparaît dans une fenêtre comme celle qui suit.
%%
""
Par ailleurs, 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> : 

Dans une fenêtre comme celle-ci, entre deux paires de "%",
   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




En-têtes


  • = 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é)




Ligne horizontale : -----
Retour de ligne forcé : ---


 

Liens web et création de page dans le wiki:


http://www.mon-site.org -> lien directement copié dans la page sera cliquable.
[[http://www.mon-site.org Mon-site]] -> Si on veut modifier le texte cliquable.

Créer une nouvelle page WikiNi? [[NomDeLaPageWiki Nom visible de la page Wiki]] -> Nom visible de la page Wiki? (LeNomPage? doit contenir au moins 2 majuscules séparées par des minuscules, pas d'accents no espace).

 

Action lien : {{lien url="http://lien.com" texte="Texte du lien" titre="Titre du lien" image="http://lienversimage"}} Permet d'afficher un titre à un lien ou encore de mettre une image au lieu du texte.
Exemple : P@ge d'accueil du Wikini MST


Lien dans une boite:

Lien-infobulle:
  • {{infobulle mot="mot à infobuller" titre="Titre de la bulle" texte="texte de l'infobulle" lien="http://recitmst.qc.ca/wikinimst/"}} donne mot à infobullerTitre de la bulle
  • Note: Le titre et le lien sont facultatif si on ne veut que mettre du texte dans la bulle.


Listes:


L'indentation de textes se fait avec la touche "Espace".

Vous pouvez aussi créer des listes à puces ou numérotées :
- liste à puce
1) liste numérotée (chiffres arabes)
A) liste numérotée (capitales alphabétiques)
a) liste numérotée (minuscules alphabétiques)
i) liste numérotée (chiffres romains)


Présentation


Grâce à la balise #D# vous pouvez créer une présentation web. Voir les sources de cette page pour plus de détails.

Pour que les titres des diapos s'affichent dans le menu déroulant, on doit faire #D#======Titre====== sur une seule ligne.



Ancres


Pour les pages longues, il peut être intéressant de pouvoir naviguer dans la page à l'aide d'ancres. Voici comment gérer les ancres dans une page.
On utilise entre autre ceci: {{indiquer ici="haut" bas="bas" voir="milieu" Texte="Du texte..."}}



Note de bas de page et note «Post-it»


Une note: {{note texte="On peut écrire une petite note qui apparaîtra à droite de la page. Le code **wiki** [[http://recitmst.qc.ca sera]] interprété."}} Si on veut changer le nom de la note on insère ceci dans la commande: titre="autre titre"
Note
On peut écrire une petite note qui apparaîtra à droite de la page. Le code wiki sera interprété.


Des notes de bas de page (nbp) peuvent être utile pour clarifier une phrase. Voici comment insérer une note: {{nbp note="Voici la note"}} et comment faire afficher les notes au bas de la page: {{nbp/disp}} Voir un exemple.


 

Des tableaux:


Première version (séparateur = |)

La page officielle du développeur

[|
!style="background:red"!|cellule1|cellule2|cellule3|
|cellule1|cellule2|[[PageAccueil cellule3]]|
|]


Donne

cellule1 cellule2 cellule3
cellule1 cellule2 cellule3



 

Tableau simple pour exportation en csv


||
Titre 1;Titre 2;Titre 3
1;2;3
4;5;6
7;8;9
||

donne
Titre 1 Titre 2 Titre 3
1 2 3
4 5 6
7 8 9



On peut télécharger le fichier csv en utilisant le bouton sous le tableau.

 

Tableau plus simple à construire

Note: le «;» délimite les colonnes et une ligne vide délimite les lignes.
|>
Colonne 1
;
Colonne 2
;
Colonne 3


Plus simple
;
On peu mieux voir
;
Ce qui se passe en mode édition


On cherche
;
moins
;
où sont les données

<|

donne

Colonne 1 Colonne 2 Colonne 3
Plus simple
On peu mieux voir

Ce qui se passe en mode édition
On cherche
moins

où sont les données



 

Lier un document à une page

Note du webmestre: nous surveillons notre serveur de près, n'utilisez pas cette option sans but pédagogique SVP. Nous supprimerons tous fichiers inconnus.
  • Attacher un fichier: {{attacher fichier="fichier.ext"}}
  • Attacher un fichier avec une description {{attacher fichier="fichier.ext" description="Nom du fichier"}}
  • Afficher une image: {{attacher fichier="image.png" description="Voici une image"}}
  • Afficher une image lien: {{attacher fichier="image.png" description="Voici une image" lien="PagePrincipale"}} ou {{attacher fichier="image.png" description="Voici une image" lien="http://www.wikini.net"}}
  • Afficher une image collé sur le bord droit et sans contour: {{attacher fichier="image.png" description="Voici une image" class="right noborder"}}
  • Pour voir les fichiers liés à une page (vous devez être propriétaire de la page), insérez {{attachfm}} quelque part dans la page.

La page du développeur: http://www.wikini.net/wakka.php?wiki=ActionAttach


Formules mathématiques

Pour en savoir plus sur l'utilisation de TeX pour la construction de formules

On doit mettre un \ devant une formule que l'on balise de (FormuleTEX\).

Exemple: \(\left|\sum_{i=1}^n a_ib_i^2\right|\)

Principe: WikiniMST convertit les formules TEX en image png. Vous pouvez copier les images et les insérer dans un autre logiciel (SPIP, OpenOffice.org, etc).



Tout texte placé entre deux guillemets doubles - " - est présenté tel quel et le code html sera interprété.


Vous pouvez effectuer vos propres test dans le BacASable :
c'est un endroit fait pour ça.
Il n'y a pas de commentaire sur cette page. [Afficher commentaires/formulaire]
 
IMP :: RSS :: HTML :: TXT :: Clone :: Historique :: Propriétaire : PierreLachance