Tutoriel pour rédacteur SPIP

####### TUTORIEL REDACTEUR SPIP #######

Lien vers tutoral Officiel :

Lien

---

Syntaxe d’un lien sortant en html et s’ouvrant dans une nouvelle fenêtre :

<a href="http://www.mon-site.com" title="Texte qui apparait dans l'étiquette de survol" target="_blank"><b>Texte de la première partie du lien sur la page en gras</b> : Texte de la seconde partie du lien sur la page en non gras et non obligatoire</a>

Donne :

Texte de la première partie du lien sur la page en gras : Texte de la seconde partie du lien sur la page en non gras et non obligatoire

---

Niveau de la titraille des textes :

Utiliser les balises <h1> XXX </h1>; <h2> XXX </h2>; etc.

Soit :

<h1> Niveau de texte h1 </h1>

<h2> Niveau de texte h2 </h2>

<h3> Niveau de texte h3 </h3>

<h4> Niveau de texte h4 </h4>

<h5> Niveau de texte h5 </h5>

<h6> Niveau de texte h6 </h6>

Exemple de niveaux de texte :

Niveau de texte h1

Niveau de texte h2

Niveau de texte h3

Niveau de texte h4

Niveau de texte h5

Niveau de texte h6

---

Changer la font d’un texte :

<span style="font-family:'Comic Sans MS'">Ton texte</span>

Donne :

Ton texte

---

Ajout d’espace entre les lignes de texte :

(sert aussi pour revenir à la ligne)

<br>

Si vous voulez faire un retour à la ligne ou laisser plusieurs lignes vides, il faudra taper _ (le trait de soulignement ou underscore) au début de chaque ligne, suivi d’une espace.

---

Balise de nettoyage :

Netoyer une mise en forme (remise à 0 du format appliqué après l’utilisation de liste à puces par exemple) :

<div class="nettoyeur"></div>

---

Hiérarchiser des contenus textuels :

Puce de niveau 1 - = En éviter l’utilisation
 X

Puce de niveau 2 -* =

• X

Puce de niveau 3 -** =

• X

Puce de niveau 4 -*** =

• X

Puce de niveau 5 -**** =

• X

---

Mise en forme de texte :

Gras = {{Gras}}

Italique = {Italique}

Souligné = <u>XXXXX</u>

Centré = <center> Texte à centrer </center>

Donne :

Texte centré

---

Encadrer du texte :

<cadre> XXX </cadre>

_

On ne pourra plus dire : _ « Lui, je ne peux pas l'encadrer ! »

Symboles clavier : > X et >> X (au clavier)

---

Les liens :

Lien Vers un site : [lien->www.okki.fr] donne : lien

Les liens vers l’extérieur de votre site avec ancre sémantique : Le raccourci [site de uZine->http://www.uzine.net] affiche le lien externe suivant : site de uZine

Liens à l’intérieur de votre propre site : Le raccourci [->article 1] génére un lien interne vers l’article 1 de votre site :

Le raccourci [->rubrique 1] génére un lien interne vers la rubrique 1 de votre site : Admin du site

Les adresses URL transformées en lien hypertexte.

Le raccourci [->http://www.uzine.net] affiche directement l’URL, avec un lien hypertexte vers cette adresse, ainsi : http://www.uzine.net

---

Barre de soulignement :

----- (5 tirets de suite sans espaces)

donne :

---

---

Mettre un peu de couleur :

Plusieurs méthodes possibles, la plus utilisée ->

Donne :

Je vois rouge ou bleu comme l’océan

Lien présentant les codes couleurs 256 couleur sécurées web : Lien

---

Les tableaux et grand tableaux :

http://www.spip-contrib.net/Creer-de-grands-tableaux-dans-SPIP

(">", "<", "^", "v" placé dans une cellue permet la fusion de cellule)

Donne :

Titre du tableau

Ligne titre 01	Ligne titre 02
Ligne 01	Ligne 02
Ligne 01
Ligne 01

Important -> Vous pouvez créer facilement des tableaux en utilisant le raccourcis de la barre typographique dédié à cet effet.