Aide à la mise en forme d’articles pour Spip

mercredi 20 avril 2005
par  Jean-Claude ROLLAND
popularité : 8%

A la demande de collègues et pour les sites d’écoles quelques trucs à utiliser pour la mise en forme d’articles avec SPIP en particulier :

- un titre, un intertitre :
le texte compris entre des accolades triples sera centré, gras et avec un corps de caractère plus grand.
Exemple :

Ceci est un titre ou un intertitre

- Pour forcer un saut de ligne :
ajouter à la fin de la ligne le code

- Pour mettre le texte en gras :

le texte compris entre des accolades doubles sera en gras.

- Pour mettre le texte en italique :
le texte compris entre des accolades simple sera en italique.

- Il est possible de combiner gras et italique :
Ce texte est en gras et en italique

- Pour souligner :

Le texte compris entre les deux codes « u » sera souligné : ce texte est souligné.

- Pour mettre en couleur :
Le texte compris entre les deux codes « font » sera dans la couleur définie : texte en rouge
#ff0000 : ROUGE
#333399 : BLEU
#00ff00 : VERT

- Pour surligner en couleur :
Le texte compris entre les deux codes « font color » sera surligné dans la couleur définie : TEXTE SURLIGNE

- Pour forcer à centrer un texte :

On place le texte à centrer entre les codes « center » et « /center »
Exemple :

Texte gras et centré

- Pour encadrer ou créer un tableau :

Le texte compris entre les deux codes « | » sera encadré :

Texte encadré

On peut ainsi créer des tableaux simples à volonté.

aaaaaaaaabbbbbbbbcccccc
xxx
xxx
yyy zzz

- Pour créer des listes avec des puces :
On utilise le tiret « - », pour un deuxième niveau « -* », « -*** » pour un troisième niveau, ...
- Liste A

  • Elément 1
  • Elément 2
  • Elément 3

- Liste B

  • Elément 1
    • Elément 1.1
    • Elément 1.2
    • ...
  • Elément 2
  • Elément 3
    - *

- Pour créer une ligne de séparation :
On utilise 4 tirets « ---- »
Exemple :


Ligne de séparation double avec texte centré



- Pour créer des liens hypertextes :

Le code des liens hypertextes s’écrit entre 2 crochets.

Lien vers ...CodeExemple
un article du site texte->n° de l’article Lire ceci
une brève du site texte->br n° de la brève lire la brève
une rubrique du site texte->rub n° de la rubrique Voir la rubrique
un lien externe
dans une nouvelle fenêtre
texte -> http://adresse "target ="_blank Voir sur le site de la circo

- Des lettrines ? :

t en téléchargement, une série d’images utilisables en lettrine, pratique pour les acrostiches par exemple.

Pour aller plus loin :
On peut insérer dans l’article du code que l’on aura créé avec des logiciels externes et dédiés tel DreamWeaver, ou autres ...


- L’accolade s’obtient sur PC avec la combinaison de touche Alt Gr 4
- La barre verticale avec Alt GR 6
- Les crochets s’obtiennent avec Alt Gr 5 et Alt GR °

Un outil qui génère du code html : FCKeditor


Documents joints

alphabet
alphabet
26 images de petites tailles à placer dans vos documents

Commentaires  forum ferme

Logo de Jean-Claude ROLLAND
> Aide à la mise en forme d’articles pour Spip
jeudi 21 avril 2005 à 01h10 - par  Jean-Claude ROLLAND

Bien pratique ...
Mais pas très simple cette mise en page sur les sites spip ...

Logo de marc da silva, lacépède1
jeudi 12 mai 2005 à 18h37 - par  marc da silva, lacépède1

Comme toujours, seule la pratique régulière rend les choses plus faciles à réaliser...C’est un coup de JCR pour échanger davantage sur nos sites d’écoles

Logo de marc da silva, lacépède1
jeudi 21 avril 2005 à 01h13 - par  Jean-Claude ROLLAND

En effet pas très simple ...
Mais Spip a d’autres qualités, en particulier ce travail collaboratif et surtout il a l’avantage de dispenser les rédacteurs de mises en pages complexes avec des logiciels tel DreamWeaver.
Spip privililégie le fond sur la forme et c’est le plus important en particulier pour les sites d’écoles.