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
Mise en forme de paragraphes
Un simple saut de ligne ne fait pas revenir le texte à la
ligne suivante.
Pour obtenir un saut de paragraphe, il faut saisir
2 retours à la ligne consécutifs.
Pour générer un retour à la ligne sans passer à un
nouveau paragraphe, il faut commencer une ligne par
le caractère « souligné » (touche « 8 ») suivi d'une
espace.
Mise en forme de caractères
Caractères en italique : encadrés de
simple accolade
Caractères gras : encadrés de doubles accolades
Structuration
L'intertitre est défini par les triples accolades autour
du texte de titre.
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
Saisie
Les raccourcis typographiques permettent d'attribuer
du sens à certains ↵
éléments d'un texte et définir des mises en forme de
caractère, de paragraphe, ...↵
↵
Il est important de bien séparer le contenu de sa mise
en forme.
_ C'est vrai dans tous les outils de gestion de contenu.
SPIP permet des mises en formes de caractères
simples comme les {caractères en italique}, les
{{caractères gras}}. Le caractère souligné n'est pas
définissable à la saisie.
{{{La sémantique}}}
Les intertitres permettent de séparer différents
paragraphes en introduisant de nouvelles idées.
2/5
Rendu
Les raccourcis typographiques permettent d'attribuer du
sens à certains éléments d'un texte et définir des mises en
forme de caractère, de paragraphe, ...
Il est important de bien séparer le contenu de sa mise en
forme.
C'est vrai dans tous les outils de gestion de contenu.
SPIP permet des mises en formes de caractères simples
comme les caractères en italique, les caractères gras. Le
caractère souligné n'est pas définissable à la saisie.
La sémantique
Les intertitres permettent de séparer différents
paragraphes en introduisant de nouvelles idées.
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