Aller au contenu

Outils du site

Vous n'êtes pas identifié(e).


guide_de_mise_en_page

Différences

Ci-dessous, les différences entre deux révisions de la page.

Lien vers cette vue comparative

Les deux révisions précédentes Révision précédente
guide_de_mise_en_page [2009/03/12 02:44]
oli_v_ier Double backslash fonctionne désormais
— (Version actuelle)
Ligne 1: Ligne 1:
-====== Syntaxe ====== 
  
-<box round|**Objectif**>​Cette page recense l'​ensemble des raccourcis typographiques que vous pouvez utiliser pour l'​édition des pages du wiki.</​box>​ 
-Vous pouvez facilement voir la forme brute de cette page en cliquant sur //Editer cette page// qui se trouve en haut et en bas de page. Si vous voulez expérimenter et vous perfectionner,​ utilisez la [[page_test]]. Ci dessous vous trouverez des exemples du texte une fois publié, suivi de celui-ci tel qu'il a été saisi (dans un encadré pointillé). 
- 
-<note warning>​Merci de ne contribuer qu'en apportant vos propres oeuvres ou celles issues d'une source libre de droits. ​ 
-N'​UTILISEZ PAS DE TRAVAUX SOUMIS AUX DROITS D'​AUTEUR SANS AUTORISATION EXPRESSE!</​note>​ 
- 
-===== 1. Edition simple de texte ===== 
- 
-DokuWiki accepte les mises en forme suivantes : **gras**, //​italique//,​ __souligné__ et ''​chasse fixe''​. Bien sûr, vous pouvez **__//''​combiner''//​__** ces mises en formes. 
- 
-  DokuWiki accepte les mises en forme suivantes : **gras**, //​italique//,​ __souligné__ et ''​chasse fixe''​. ​ 
-  Bien sûr, vous pouvez ​    ​**__//''​combiner''//​__** ces mises en formes. 
- 
-Vous pouvez aussi utiliser <​sub>​indice</​sub>​ et <​sup>​exposant</​sup>​. 
- 
-  Vous pouvez aussi utiliser <​sub>​indice</​sub>​ et <​sup>​exposant</​sup>​. 
- 
-**Pour créer un paragraphe**,​ il vous suffit d'​insérer une ligne vide.  
- 
-Si vous voulez simplement **insérer un retour à la ligne**, utilisez deux backslash (altgr + 8) suivi d'un espace ou d'un retour à la ligne. 
- 
-Ceci est un texte avec **un retour à la ligne**.\\ 
-Noter que le double backslash n'est reconnu qu'à la fin d'une ligne\\ ou s'il est suivi par un espace . 
- 
-  Ceci est un texte avec un **retour à la ligne**.\\ 
-  Noter que le double backslash n'est reconnu qu'à la fin d'une ligne\\ ou s'il est suivi par un espace . 
- 
-D'une manière générale, utilisez cette option avec parcimonie. 
- 
-==== Retour à la ligne après un élément flottant ==== 
- 
-Le plugin [[http://​www.chimeric.de/​projects/​dokuwiki/​plugin/​clearfloat|clearfloat]] a été installé, il permet de forcer un retour à la ligne après un élément flottant: image, boite colorée (voir paragraphe 12), etc. Utilisez l'​instruction ci-dessous 
-  ~~CL~~ 
- 
-===== 2. Liens ===== 
- 
-DokuWiki permet plusieurs options pour créer un lien. 
- 
-==== Liens externes ==== 
- 
-Les liens externes sont reconnus automatiquement : http://​www.google.com ou simplement www.google.com - Vous pouvez nommer vos liens : [[http://​www.google.com|Ce lien pointe vers Google]]. Pour les adresses email: <​oli_v_ier@yahoo.fr>​ est reconnu. 
- 
-  Les liens externe sont reconnus automatiquement : http://​www.google.com ou  
-  simplement www.google.com - Vous pouvez nommer vos liens :  
-  [[http://​www.google.com|Ce lien pointe vers Google]]. Pour les adresses email: 
-  <​oli_v_ier@yahoo.fr>​ est reconnu. 
- 
-==== Liens internes ==== 
- 
-Les liens internes sont ceux renvoyant à d'​autres pages de ce site. 
- 
-=== Les liens internes simples === 
-Ils sont créés simplement rajoutant des doubles crochets autour du nom de la page.  ​ 
-__Exemple__:​ un lien vers la page nommée "creer une page": [[creer une page]]. Voici le code utilisé pour créer ce lien: 
-<​code>​[[creer une page]]</​code>​ 
- 
-=== Changer les mots du lien === 
-Si l'on veut que les mots du lien soient différents du nom de la page, il suffit de rajouter le symbole "​|"​ et les mots voulus pour le lien.  ​ 
-__Exemple__:​ Ce [[creer une page|lien]] mène vers la page "creer une page". Code utilisé : 
-<​code>​Ce [[creer une page|lien]] mène vers la page "creer une page"​.</​code>​ 
- 
-Notes: 
- 
-  * Les liens vers [[wiki:​syntax|des pages existantes]] apparaissent différemment de ceux pointant vers celles [[wiki:​n'​existant pas encore]]. 
- 
-=== Les liens vers le paragraphe d'une page === 
-Les liens vers le paragraphe d'une page sont également possibles. Ajouter le nom du paragraphe au lien à l'aide d'un dièse "#"​.  ​ 
-__Exemple__ pour créer un lien vers le paragraphe "​bizarre ce systeme"​ de la page "creer une page": [[creer une page#​bizarre ce systeme|bizarre ce systeme]]. Code utilisé : 
-<​code>​[[creer une page#​bizarre ce systeme|bizarre ce systeme]].</​code>​ 
- 
-Notes: 
- 
-  * Quand le titre d'un paragraphe est modifié, les liens relatifs à cet paragraphe ne fonctionneront plus, il est donc préférable d'​éviter d'y recourir. 
- 
-==== Interwiki ==== 
- 
-DokuWiki permet de créer les liens [[doku>​wiki:​interwiki]]. Ils s'agit de liens rapides vers d'​autres wikis. Ce lien vers la page de Wikipedia sur les wikis: [[wp>​Wiki]]. 
- 
-  DokuWiki permet de créer les liens [[doku>​wiki:​interwiki]]. Ils s'agit de 
-  liens rapides vers d'​autres wikis. Ce lien vers la page de Wikipedia sur les  
-  wikis: [[wp>​Wiki]]. 
- 
-==== Partage Windows ==== 
- 
-Les partages réseau sous Windows [[serveurpartage|fichier]] sont reconnus. Ces liens sont donc réservés à une application wiki sur un intranet ou un réseau local. 
- 
-  Les partages réseau sous Windows [[serveurpartage|fichier]] sont reconnus. 
- 
-==== Liens illustrés ==== 
- 
-Vous pouvez également illustrer vos liens par une image de la manière suivante : 
- 
-  [[http://​www.php.net|{{wiki:​php-powered.png}}]] 
- 
-[[http://​www.php.net|{{wiki:​php-powered.png}}]] 
- 
- 
-===== 3. Notes ===== 
- 
-Le [[http://​wiki.splitbrain.org/​plugin:​note|plugin notes]] a été ajouté, vous pouvez ajouter des notes telles que celles-ci: 
- 
-  <​note>​Une note toute simple pour attirer l'​attention.</​note>​ donne: 
-<​note>​Une note toute simple pour attirer l'​attention:​ on utilise <​code><​note>​ texte </​note></​code>​ </​note>​ 
- 
-  <note important>​Une note importante</​note>​ donne: 
-<note important>​Une note importante: on utilise <​code><​note important>​ texte </​note></​code>​ </​note>​ 
- 
-  <note warning>​Note pour attirer l'​attention sur quelque chose de très important</​note>​ donne: 
-<note warning>​Note pour attirer l'​attention sur quelque chose de très important: on utilise <​code><​note warning> texte </​note></​code>​ </​note> ​ 
- 
-  <note tuyau>​Une note pour donner une idée, un tuyau.</​note>​ donne: 
-<note tuyau>​Une note pour donner une idée, un tuyau: on utilise <​code><​note tuyau> texte </​note></​code>​ </​note>​ 
- 
- 
-===== 4. Note de bas de page ===== 
- 
-Vous pouvez ajouter des notes de bas de page ((Ceci est une note de bas de page)) en utilisant la double parenthèse. 
- 
-  Vous pouvez ajouter des notes de bas de page ((Ceci est une note de bas de page)) 
- 
-===== 5. Sections ===== 
- 
-Vous pouvez utiliser jusqu'​à 5 niveaux de hiérarchisation pour le contenu du wiki. Si vous avez plus de 3 chapitres, une table des matière est générée automatiquement -- Cette fonction peut être désactivée en utilisant la commande suivante ''<​nowiki>​~~NOTOC~~</​nowiki>''​ dans le document. 
- 
-==== Titre de niveau 3 ==== 
-=== Titre de niveau 4 === 
-== Titre de niveau 5 == 
- 
-  ==== Titre de niveau 3 ==== 
-  === Titre de niveau 4 === 
-  == Titre de niveau 5 == 
- 
-en utilisant 4 tirets (touche 6) vous pouvez insérer une ligne horizontale:​ 
- 
----- 
- 
- 
-===== 6. Images et autres fichiers ===== 
- 
-<note warning>​Attention à n'​utiliser que vos images ou des images libres de droit. Une certaine tolérance est appliquée aux images de matériel récupérées sur les sites des fabricants, mais à tout moment il peut être demandé de les retirer.</​note>​ 
- 
-<note important>​Attention au poids de vos images, surtout si elles sont téléchargées sur le wiki: 
-  * **Réduisez la __taille__** de l'​image en la recadrant: 300 pixels de large/haut suffisent généralement,​ faire un lien vers une image plus grande si nécessaire,​ 
-  * **Réduisez le __poids__** de l'​image en la compressant (en format jpeg par exemple): 20ko c'est bien, 50ko ça commence à faire, 100ko c'est beaucoup... 
-</​note>​ 
- 
-Vous pouvez insérer des images de la manière suivante : 
- 
-**Pour des images hébergées sur le serveur du site :** 
- 
-Pleine taille: ​            ​{{wiki:​php-powered.png}} 
- 
-Redimensionnée en largeur (pixels) : {{wiki:​php-powered.png?​100}} 
- 
-Redimensionnée en L par H :  {{wiki:​php-powered.png?​100x100}} 
- 
-  Pleine taille: ​            ​{{wiki:​php-powered.png}} 
-  Redimensionnée en largeur (pixels) : {{wiki:​php-powered.png?​100}} 
-  Redimensionnée en L par H :  {{wiki:​php-powered.png?​100x100}} 
- 
-**Pour des images avec lien sur un autre site :** 
- 
-Pleine taille :      {{http://​de3.php.net/​images/​php.gif}} 
- 
-Redimensionnée : {{http://​de3.php.net/​images/​php.gif?​100x100}} 
- 
-  Pleine taille :      {{http://​de3.php.net/​images/​php.gif}} 
-  Redimensionnée : {{http://​de3.php.net/​images/​php.gif?​100x100}} 
- 
- 
-En utilisant un espace avant ou après vous pouvez aligner à droite, à gauche, pour centrer simplement insérer un espace avant et après : 
- 
-{{ wiki:​php-powered.png}} 
- 
-{{wiki:​php-powered.png }} 
- 
-{{ wiki:​php-powered.png }} 
- 
-  {{ wiki:​php-powered.png}} 
-  {{wiki:​php-powered.png }} 
-  {{ wiki:​php-powered.png }} 
- 
-Et bien sûr vous pouvez ajouter une légende, toujours selon la même logique (qui sera affichée comme infobulle par la plupart des navigateurs):​ 
- 
-{{ wiki:​php-powered.png |Légende}} 
- 
-  {{ wiki:​php-powered.png |Légende}} 
- 
-Si vous spécifiez un lien (externe ou interne) qui n'est pas une image (''​gif,​jpeg,​png''​) celui-ci sera affiché comme un lien de téléchargement. 
- 
-===== 7. Listes ===== 
- 
-Dokuwiki permet de créer facilement des listes ordonnées ou non. Pour créer un e liste, insérez deux espaces et ajouter ''​*''​ pour les listes non-ordonnées (points) ou un ''​-''​ pour les lites ordonnées (1,2,3...). 
- 
-  * Ceci est une liste 
-  * Deuxième item 
-    * Vous pouvez insérer des sous niveau avec deux espaces 
-  * Autre item 
- 
-  - Même liste mais ordonnée 
-  - Autre item 
-    - Indentez de deux espace pour descendre d'un niveau 
-  - Et voilà 
- 
-<​code>​ 
-  * Ceci est une liste 
-  * Deuxième item 
-    * Vous pouvez insérer des sous niveau avec deux espaces 
-  * Autre item 
- 
-  - Même liste mais ordonnée 
-  - Autre item 
-    - Indentez de deux espace pour descendre d'un niveau 
-  - Et voilà 
- 
-</​code>​ 
- 
-===== 8. Emoticones ===== 
- 
-DokuWiki remplace les emoticones les plus utilisées par leur équivalent graphique. Voici un aperçu de ceux disponibles : 
- 
-  * 8-) %%  8-)  %% 
-  * 8-O %%  8-O  %% 
-  * :-( %%  :-(  %% 
-  * :-) %%  :-)  %% 
-  * =)  %%  =)   %% 
-  * :-/ %%  :-/  %% 
-  * :- %%  :-  %% 
-  * :-? %%  :-?  %% 
-  * :-D %%  :-D  %% 
-  * :-P %%  :-P  %% 
-  * :-O %%  :-O  %% 
-  * :-X %%  :-X  %% 
-  * :-| %%  :-|  %% 
-  * ;-) %%  ;-)  %% 
-  * ^_^ %%  ^_^  %% 
-  * :?: %%  :?:  %% 
-  * :!: %%  :!:  %% 
-  * LOL %%  LOL  %% 
-  * FIXME %%  FIXME %% 
-  * DELETEME %% DELETEME %% 
- 
-===== 9. Typographie ===== 
- 
-DokuWiki Peut convertir des caractères simple en leur équivalent typographique. Voici un exemple des caractères reconnus. 
- 
--> <- <-> => <= <=> >> << -- --- 640x480 (c) (tm) (r) 
-"He thought '​It'​s a man's world'​..."​ 
- 
-<​code>​ 
--> <- <-> => <= <=> >> << -- --- 640x480 (c) (tm) (r) 
-"He thought '​It'​s a man's world'​..."​ 
-</​code>​ 
- 
-===== 10. Tableaux ===== 
- 
-DokuWiki offre une syntaxe très simple pour créer des tableaux grâce au caractère "​pipe"​ (altgr+6). ​ 
- 
-^ Titre 1      ^ Titre 2       ^ Titre 3          ^ 
-| Ligne 1 Colonne 1    | Ligne 1 Colonne 2     | Ligne 1 Colonne 3        | 
-| Ligne 2 Colonne 1    | Une fusion de ligne (notez le double pipe) || 
-| Ligne 3 Colonne 1    | Ligne 2 Colonne 2     | Ligne 2 Colonne 3        | 
- 
-Les lignes d'un tableau doivent commencer et finir par un pipe ''​|''​ et par un ''​^''​ pour les titres. 
- 
-  ^ Titre 1      ^ Titre 2       ^ Titre 3          ^ 
-  | Ligne 1 Colonne 1    | Ligne 1 Colonne 2     | Ligne 1 Colonne 3        | 
-  | Ligne 2 Colonne 1    | Une fusion de ligne (notez le double pipe) ||  
-  | Ligne 3 Colonne 1    | Ligne 2 Colonne 2     | Ligne 2 Colonne 3        | 
- 
-To connect cells horizontally just make the next cell completely empty as shown above. Be sure to have always the same amount of cell separators! 
- 
-Les tableaux a double entrée sont aussi bien sûr possibles. 
- 
-|              ^ Titre 1            ^ Titre 2          ^ 
-^ Titre 3    | Ligne 1 Colonne 2          | Ligne 1 Colonne 3        | 
-^ Titre 4    | no colspan this time |                    | 
-^ Titre 5    | Ligne 2 Colonne 2          | Ligne 2 Colonne 3        | 
- 
-Comme vous pouvez le remarquer, c'est le séparateur de la cellule qui conditionne le formatage du tableau : 
-  ​ 
-  |              ^ Titre 1            ^ Titre 2          ^ 
-  ^ Titre 3    | Ligne 1 Colonne 2          | Ligne 1 Colonne 3        | 
-  ^ Titre 4    | no colspan this time |                    | 
-  ^ Titre 5    | Ligne 2 Colonne 2          | Ligne 2 Colonne 3        | 
- 
-Note : la fusion de colonnes n'est pas possible. 
- 
-===== 11. Eléments bruts ===== 
- 
-Vous pouvez inclure des éléments qui ne seront pas traité par le processeur syntaxique du Wiki en incluant deux espaces en début de ligne ou en utilisant la balise ''​code''​ ou ''​file''​. 
- 
-<​code>​ 
-Ceci est un exemple de code <a href="​http://​www.km-fr.com">​km-fr.com</​a>​ 
-</​code>​ 
-<​code>​ 
-<​file>​ 
-Vous pouvez utiliser cette balise pour faire réference à un fichier externe.  ​ 
-</​file>​ 
-</​code>​ 
- 
-Pour forcer le processeur syntaxique à ignorer complètement un passage, utiliser soit la balise ''​nowiki'',​ ''<​nowiki>​%%</​nowiki>''​. 
- 
-<​nowiki>​ 
-Ceci est un passage qui n'est pas pris en compte par le processeur syntaxique ​ 
- 
-http://​www.splitbrain.org et **gras** auquel aucun formatage n'est appliqué. 
-</​nowiki>​ 
- 
-Cliquer sur éditer pour voir la syntaxe originale. 
- 
- 
- 
-===== 13. Boites colorées ===== 
- 
-Le plugin [[http://​wiki.jalakai.co.uk/​dokuwiki/​doku.php/​tutorial/​boxes|boxes]] a été installé, il permet d'​insérer des boites colorées dont on peut choisir: 
-  * la couleur : bleue, rouge, vert ou orange (blue , red , green , orange) 
-  * la forme (coins carrés ou arrondis): carrés par défaut, round pour les bords arrondis 
-  * la taille (en pourcentage de la largeur): 20%, 57%, etc 
-  * l'​alignement (gauche, droite, centré): left, right, centré par défaut 
-  * le titre: chaque boite peut avoir son propre titre, voir exemple ci-dessous. 
- 
-Exemple: 
-<box 60% round orange left |Mettre ici le titre de la boite>​Une boite orange alignée à gauche, à coins arrondis qui fait 60% de la largeur de la page, avec un titre</​box>​ 
-~~CL~~ 
-  <box 60% round orange left |Mettre ici le titre de la boite>​Une boite orange alignée à gauche, à coins arrondis qui fait 60% de la largeur de la page, avec un titre</​box>​ 
- 
-Autres exemples sur ce lien: http://​wiki.jalakai.co.uk/​dokuwiki/​doku.php/​test/​boxes 
guide_de_mise_en_page.1236822297.txt.gz · Dernière modification: 2011/10/06 02:13 (modification externe)