Aide:Mise en page

De Wiki'speria
Aller à : navigation, rechercher


Le Wiki'speria représente notre support de jeu de rôle au même titre que le serveur Minecraft. Il est donc dans l'intérêt de tous d'y instaurer une immersion idéale pour améliorer nos conditions de jeu. Cette immersion nécessite des pages agréables à consulter et à lire, sur Esperia c'est à la communauté de parfaire ce Background et cette richesse du jeu. Au-delà de la création de contenu, la communauté est donc encouragée à connaitre certains rudiments de la mise en page qui sont exposés dans cette aide.

Grille Bougie.png Tout membre de la communauté peut solliciter le Groupe Wiki pour demander de l'assistance, des explications ou signaler un problème, quel qu'il soit. Vous serez toujours les bienvenus. Grille Bougie.png

Grille Clef en Fer.png Conseils pour assimiler la mise en page

Faire de la mise en page n'est pas compliqué et ne demande aucune connaissance en codage ni en langage informatique, la seule chose nécessaire est la pratique. En effet il est recommandé de mettre sa curiosité à l'œuvre et de regarder (en cliquant sur "modifier le wikicode") comment d'autres pages ont été écrites pour permettre telle ou telle mise en forme. S'inspirer du travail déjà effectué et essayer des choses en les pratiquant sont deux clefs d'apprentissage pour la maitrise de nombreuses compétences, comme la mise en page dans notre cas. Cette page ne doit donc pas être lue de haut en bas mais doit plutôt servir en tant que référence pour élucider ou se rappeler quelques notions de bases.

Grille Œil de l'Ender.png Note : Très peu de personnes connaissent par cœur ces outils, la véritable force en la matière réside dans le fait de savoir trouver, comprendre et appliquer des méthodes oubliées ou nouvelles.

Grille Os.png Squelette de la page

Structure

Lors de l'élaboration d'une page, vous êtes encouragés à composer votre page avec des titres et sous-titres de parties. Pour ce faire, encadrer vos titres de la manière suivante (voir ci-contre). Plus vous rajouterez de signe "=" et moins le titre sera important.

=Titre= 
==Titre de partie==
===Titre de sous-partie===
=Titre2=
etc.

Grille Bouton.pngTout caractère présent sur la même ligne que ceux des titres causera un problème.
Grille Bouton.pngSeuls les titres élaborés avec cette syntaxe pourront apparaitrent dans les sommaires.

Sommaire

Dès lors qu'une page compte au moins 4 titres, le sommaire apparaitra de manière automatique en se plaçant juste avant le premier titre. Il est toutefois possible de :

  • Choisir de ne pas le faire apparaitre, écrire __NOTOC__ en haut de la page.
  • Choisir où le positionner sur la page, écrire __TOC__ à l'endroit désiré.

Grille Bouton.pngTOC et NOTOC sont encadrés par deux tirets du bas (tiret du 8) "_"
Grille Bouton.pngLes sommaires ne sont pas personnalisables, ils sont générés de manière automatique par le Wiki.

Liste

Des listes peuvent facilement être mises en place avec les symboles "*" (étoile) et "#" (dièse) :

  • Terre
  • Feu
  • Arbre
    • Conifère
    • Feuillus
  • Eau
*Terre
*Feu
*Arbre
**Conifère
**Feuillus
*Eau
  1. Essuyer le bol
  2. Battre les œufs en neige
    1. Casser les œufs
    2. Jeter les coquilles
  3. Ajouter l'eau
#Essuyer le bol
#Battre les œufs en neige
##Casser les œufs
##Jeter les coquilles
#Ajouter l'eau

Grille Bouton.pngIl est possible de combiner les deux types de listes.
Grille Bouton.png":" (deux points) en début de ligne permet de faire un alinéa. On peut cumuler les alinéas plusieurs fois.

Retour à la ligne

Utiliser <br> doit être préféré pour faire des retours à la ligne. C'est la meilleure manière pour éviter tout problème avec le Wiki.

Faire simplement un double retour à la ligne peut parfois fonctionner mais au cœur de mises en page complexes, cette technique n'est pas à privilégier et ne sera pas efficace.

Commentaire

Invisible par l'utilisateur, le commentaires permettent de laisser des indications pour vous-même ou pour les membres de la communauté qui souhaiteront modifier la page après vous. En effet dans des pages élaborées et complexes il est bien plus agréables de croiser des commentaires pour comprendre l'agencement de celle-ci. Les commentaires sont donc bel et bien mélangés avec le wikicode et signaler par la syntaxe suivante :

 <!-- Ceci est la syntaxe pour laisser un commentaire invisible, cliquer "modifier le wikicode" de cette page, vous pourrez y lire un commentaire (invisible) en haut de page. --> 

Fond de page

L'utilisation de la balise (voir Un outil indispensable : les Balises) <blockquote> permet d'insérer des blocs de commentaires pré-formaté comme suit :

<blockquote>... Insérer le texte ici ...</blockquote>

Ce petit encadré et toute la mise en page qui va avec est invoqué grace à l'utilisation de la balise blockquote

Trois fonds principaux sont mis à disposition de la communauté, pour les appliquer faire de la façon suivante :

 {{HRP}} ... Insérer le texte ici ... {{\HRP}} 
 {{RP}} ... Insérer le texte ici ... {{\RP}} 
 {{Ecrit}} ... Insérer le texte ici ... {{\Ecrit}} 
 {{Ecrit|Titre}} ... Insérer le texte ici ... {{\Ecrit}}
Hors RolePlay :

Ce fond signale une annonce purement HRP (Hors Role Play).

RolePlay :


Du contenu relatant du RP pourrait être placé sur ce fond

Ce fond est communément utilisé pour tout écrit RP.

L'envers du néant : Le testament d'un sage, A.W.

Border2px.png

...Le mot "personne" en français comme en anglais, vient du latin persona, ce qui signifie ; ce au travers de quoi (per) le son (sona) passe. ...

Grille Bouton.pngCes fonds sont des modèles très particuliers, en effet ils ne fontionnent pas du tout comme les modèles classiques.
Grille Bouton.pngIl faut bien penser à les "ouvrir" puis à les "fermer" à la fin.
Grille Bouton.pngAttention, c'est anti-slash (touche du 8) qui est utilisé pour clore ces modèles, non un slash standard.


Grille Plume.png Formater le texte

Bases

Mettre en gras

Encadrer le texte que vous voulez mettre en gras avec trois apostrophes '''...''', cela sera écrit en gras.

Mettre en italique

Encadrer le texte que vous voulez mettre en italique avec deux apostrophes ''...'', cela sera écrit en italique.


Il est possible de combiner les deux typographies en utilisant cinq apostrophes.

Un outil indispensable : les Balises

Les balises sont des éléments qui permettent de réaliser de la mise en forme et qui n'apparaîtront pas sur la visualisation de la page. Elles sont donc nécessaire et invisible.
Grille Bouton.pngIl est important de toujours ouvrir et fermer une balise, c'est-à-dire les utiliser pour encadrer le texte à mettre en page.
Grille Bouton.pngLa balise fermante comporte toujours un "/" (slash) au début.
Grille Bouton.pngLa balise ouvrante et fermante ne sont pas toujours strictement identique.
Grille Bouton.pngPour les connaisseurs, la majeure partie des balises HTML sont actives.

<NomDeLaBalise> Je veux formater ce texte </NomDeLaBalise>

Souligner

Osez, Communiquez, Partagez

<u>Osez, Communiquez, Partagez</u>

Barrer

Ruminer dans son coin <s>Ruminer dans son coin</s>

Indice

CO2 CO<sub>2</sub>

Exposant

1er 1<sup>er</sup>

Grossir

macro <big>macro</big>

Rapetisser

micro <small>micro</small>

Aligner à gauche, au centre, à droite

À gauche
Au milieu
Deuxième façon pour centrer
À droite
<div align=left>À gauche</div>
<div align=center>Au milieu</div>
<center>Deuxième façon pour centrer</center>
<div align=right>À droite</div>

Ajuster le Texte

La majorité des textes du Wiki'speria se doivent d'être "justifiés", cela permet que les lignes finissent au même endroit et facilite la lecture tout en améliorant considérablement le rendu visuel. Voyez la différence entre le texte de droite et celui de gauche.

<div align=justify>
La majorité des textes du Wiki'speria se doivent d'être "justifiés", cela permet que les lignes finissent au même endroit et facilite la lecture tout en améliorant considérablement le rendu visuel. Voyez la différence entre le texte de droite et celui de gauche.
<div>

Changer la couleur

caméléon
<div style="color:red">caméléon</div>

Utiliser une couleur personnalisée

Se rendre sur le site Couleur Héxadécimale pour déterminer le code couleur
<div style="color:#299b77">Se rendre sur le site Couleur Héxadécimale pour déterminer le code couleur</div>


Grille Œil de l'Ender.png Note : De nombreuses autres balises existent et plusieurs manières permettent souvent d'arriver au même résultat. Pour en apprendre plus consulter les autres pages d'Aide ou vous diriger vers le Groupe Wiki.


En bref

Border2px.png

Pratiquer et être curieux sont les deux ciments nécessaires pour construire une connaissance.

Structurer la page avec des titres (utiliser =...=) permet d'élaborer un sommaire positionnable avec __TOC__.

Utiliser <br> pour sauter une ligne.

Des fonds peuvent être appliqués (HRP/RP/Ecrit) selon le contexte ainsi que les blocs "blockquote".

Lorsqu'une balise est ouverte, il faut nécessairement la fermer pour se prémunir de problèmes.