Vous êtes sur la page 1sur 5

Jaycee Web – Plugin pour SPIP – Sites Web des Jeunes Chambres Économiques

Les raccourcis typographiques sous SPIP

Fédération des JCE de Poitou-Charentes 1/5 Docum-SPIP-Raccourcis-typographiques.v083.odt - 22. févr. 2008


Jaycee Web – Plugin pour SPIP – Sites Web des Jeunes Chambres Économiques

Description Saisie Rendu

Mise en forme de paragraphes Les raccourcis typographiques permettent d'attribuer Les raccourcis typographiques permettent d'attribuer du
du sens à certains ↵ sens à certains éléments d'un texte et définir des mises en
Un simple saut de ligne ne fait pas revenir le texte à la éléments d'un texte et définir des mises en forme de
ligne suivante. forme de caractère, de paragraphe, ...
caractère, de paragraphe, ...↵
Pour obtenir un saut de paragraphe, il faut saisir Il est important de bien séparer le contenu de sa mise en

2 retours à la ligne consécutifs.
Il est important de bien séparer le contenu de sa mise forme.
Pour générer un retour à la ligne sans passer à un
en forme. C'est vrai dans tous les outils de gestion de contenu.
nouveau paragraphe, il faut commencer une ligne par
_ C'est vrai dans tous les outils de gestion de contenu.
le caractère « souligné » (touche « 8 ») suivi d'une
espace.
Mise en forme de caractères SPIP permet des mises en formes de caractères SPIP permet des mises en formes de caractères simples
simples comme les {caractères en italique}, les comme les caractères en italique, les caractères gras. Le
Caractères en italique : encadrés de {{caractères gras}}. Le caractère souligné n'est pas
simple accolade caractère souligné n'est pas définissable à la saisie.
définissable à la saisie.
Caractères gras : encadrés de doubles accolades
Structuration {{{La sémantique}}} La sémantique
Les intertitres permettent de séparer différents
L'intertitre est défini par les triples accolades autour paragraphes en introduisant de nouvelles idées. Les intertitres permettent de séparer différents
du texte de titre. paragraphes en introduisant de nouvelles idées.
La ligne séparatrice horizontale est obtenu par la ----
saisie de 4 tirets consécutifs (touche « 6 ») dans une
ligne.

Fédération des JCE de Poitou-Charentes 2/5 Docum-SPIP-Raccourcis-typographiques.v083.odt - 22. févr. 2008


Jaycee Web – Plugin pour SPIP – Sites Web des Jeunes Chambres Économiques

Description Saisie Rendu

Listes - Introduire une sous-partie  Introduire une sous-partie


- Énumérer des tâches
La liste simple, obtenue par un tiret suivi - Sous-titre  Énumérer des tâches
d'une espace, tient plus de la mise en valeur que de
la liste hiérarchisée. Elle apparaît typiquement avec un  Sous-titre
triangle pointe à droite.
La liste à puces non ordonnée est obtenue par Ouvert les : Ouvert les :
l'introduction des lignes par les caractères -* lundi
tiret, étoile, espace. -* mardi • lundi
-* jeudi • mardi
• jeudi
La liste à puces peut être hiérarchisée (sur 9 Plusieurs destinations : Plusieurs destinations :
niveaux !). Le nombre d'étoiles détermine le niveau. -* France • France
-* Europe
• Europe
-** Zone Euro
-** Autre devise ° Zone Euro
-* Hors Europe ° Autre devise
-** Francophone • Hors Europe
-** Anglophone ° Francophone
-** Autre langue
° Anglophone
-*** Espagnol
-*** Portugais ° Autre langue
◊ Espagnol
◊ Portugais
La liste ordonnée (ou numérotée) est obtenue selon le Circuit parcouru : Circuit parcouru :
même principe de hiérarchie, mais les étoiles sont -# France 1. France
remplacées par un caractère dièse « # ». -# Pays-Bas 2. Pays-Bas
-# Danemark 3. Danemark
-# Finlande
4. Finlande

Fédération des JCE de Poitou-Charentes 3/5 Docum-SPIP-Raccourcis-typographiques.v083.odt - 22. févr. 2008


Jaycee Web – Plugin pour SPIP – Sites Web des Jeunes Chambres Économiques

Description Saisie Rendu

Liens hypertexte vers sites externes Voir la définition d'un Voir la définition d'un C.M.S dans Wikipedia
[C.M.S->http://fr.wikipedia.org/wiki/Systeme_de_gest
Les liens hypertextes sont définis par ion_de_contenu] dans
• un crochet ouvrant « [ », [Wikipedia->http://fr.wikipedia.org/]
• le texte sur lequel cliquer,
• une flèche constituée des 2 caractères Tiret « - » et
Supérieur « > »,
• l'adresse URL de destination débutant par http://
• un crochet fermant « ] ».
Liens hypertexte vers articles du site Voir la [commission des petits Voir la commission des petits bonheurs
bonheurs->rubrique14] Voir l'édito du directeur de commission
Les liens hypertextes vers des articles internes ont la Voir [l'édito du directeur de commission->article218]
même structure. Seule la forme de l'adresse de
destination change :
Ancres dans un article [debut<-] L'ancre permet de marquer un emplacement d'une
L'ancre permet de marquer un emplacement d'une longue page afin de s'y rendre facilement par un lien
L'ancre (cible) est définie par longue page afin de s'y rendre facilement par un lien hypertexte à l'intérieur de la page.
• un crochet ouvrant « [ » hypertexte à l'intérieur de la page. Revenir en haut
• le nom de l'ancre _ [Revenir en haut->#debut]
• une flèche à gauche constitué d'un caractère
inférieur « < » suivi d'un tiret « - »
• un crochet fermant « ] »
Le lien vers l'ancre est un simple lien hypertexte dont le
cible est un caractère dièse « # »suivi du nom de
l'ancre.

Fédération des JCE de Poitou-Charentes 4/5 Docum-SPIP-Raccourcis-typographiques.v083.odt - 22. févr. 2008


Jaycee Web – Plugin pour SPIP – Sites Web des Jeunes Chambres Économiques

Description Saisie Rendu

Images Une image doit être préalablement jointe à l'article Une image doit être préalablement jointe à l'article
comme document (plus de possibilités que comme comme document (plus de possibilités que comme
L'insertion d'une image est assurée par une balise image).
<embxxx>, xxx étant le numéro de l'image jointe au image).
<emb26>
document.
Chaque image reçoit alors un numéro unique.

Chaque image reçoit alors un numéro unique.


Que l'image soit alignée à droite ou à gauche, il faut <emb68|left>L'image peut être alignée à gauche afin L'image peut être alignée à gauche
toujours placer l'étiquette de l'image avant le texte qui de permettre au texte de la contourner. afin de permettre au texte de la
passera à côté. <emb301|right>L'image peut être alignée à droite contourner.
afin de permettre au texte de la contourner.
L'image peut être alignée à
droite afin de permettre au
texte de la contourner.
Insérer une vignette cliquable par <docxxx> <doc68|left>Pour qu'une image soit réduite à la taille Pour qu'une image soit réduite à la taille d'une
d'une vignette, et soit cliquable pour l'afficher en vignette, et soit cliquable pour l'afficher en
grande taille, il faut l'intégrer à l'article comme grande taille, il faut l'intégrer à l'article comme
document.
document.
Problème d'alignements d'un même côté : <emb68|left> Président
Lorsque l'on désire aligner plusieurs images à gauche Président
(ou à droite) avec peu de texte à côté, les images <emb301|left> Secrétaire.
risquent de s'empiler. Secrétaire

Séparer les images alignées par : <emb68|left> Président


• §<--- pour forcer à revenir sous l'image de Président
gauche ↵
§<---
• §---> pour forcer à revenir sous l'image de

droite
<emb301|left>
• §<---> pour forcer à revenir sous les images de Secrétaire
droite et de gauche Secrétaire.
Insérer un saut de ligne avant et après cette ligne
séparatrice.

Fédération des JCE de Poitou-Charentes 5/5 Docum-SPIP-Raccourcis-typographiques.v083.odt - 22. févr. 2008