RENDU Code SPIP ou HTML texte grand

Transcription

RENDU Code SPIP ou HTML texte grand
Parlons peu… parlons SPIP !
Pourquoi utiliser le code SPIP plutôt que le code HTML du WYSIWYG ?
Car le code SPIP est plus simple et modifiable très facilement. (exemple : en HTML le code pour é est : &eacute; , alors qu’en SPIP é s’écrit é…). Tout le langage HTML n’a pas été codé en SPIP, il faudra donc tout de même utiliser des balises HTML. balise d’entrée < , puis balise de sortie / >
Attention !
Si vous avez créé votre article en code SPIP, ne pas retourner en mode Wysiwyg sous peine de réintroduire du code HTML « parasite » et détruire votre mise en page.
Caractères spéciaux sur clavier MAC (sous Mac):
Caractères spéciaux sur clavier MAC (sous Windows):
Accolades { et } : alt+( ou alt+)
Accolades { et } : ctrl+alt+4 ou ctrl+alt+_ (touche des tirets)
Crochets [ et ] : alt+shift+( et alt+shift+()
Crochets [ et ] : ctrl+alt+( et ctrl+alt+)
Pipe | : alt+shif+L
Pipe | : ctrl+alt+6
Flèche de lien -> : tiret milieu - puis balise > (shfit+touche><)
Flèche de lien -> : tiret milieu - puis balise > (shift+touche @et#)
RENDU
Code SPIP ou HTML
Texte en gras
{{Texte en gras}}
Texte en italique
{Texte en italique}
Texte souligné
<u>Texte souligné</u>
texte petit
<small>texte petit</small>
texte normal
texte normal
texte grand
<big>texte grand</big>
<font color="#990099">Texte en couleur</font>
Texte en couleur
er
1 ,2
ème
et 3
ème
NB : le code HTML des couleurs se trouve sur le net - exemple : http://www.code-couleur.com/
en exposant
1<sup>er</sup>, 2<sup>ème</sup> et 3<sup>ème</sup> en exposant
1er, 2ème et 3ème en indice
1<sub>er</sub>, 2<sub>ème</sub> et 3<sub>ème</sub> en indice
Je voudrais …
aller à la ligne
Je voudrais…<br/>
aller à la ligne
Je voudrais…
Je voudrais…
sauter une ligne
sauter une ligne NB : pas de code, sauter juste une ligne
Je voudrais ...
<p>&nbsp;</p> ou </br></br>
sauter une ligne
NB: à utiliser autant de fois
que de nombre de lignes à sauter
Texte justifié à gauche
Texte justifié à gauche
Texte justifié à droite
Texte centré
NB : pas de code, le texte est justifié à gauche par défaut
[/Texte justifié à droite/]
[|Texte centré|]
ou
<center>Texte centré</center>
RENDU
Code SPIP ou HTML
Cela est un [ lien vers un document->doc45].
Cela est un lien vers un document .
NB : [nom du lien-> numéro du doc télécharger dans SPIP]
Cela est un [{{lien en gras vers un document}}->doc45].
Cela est un lien en gras vers un document .
NB : [{{nom du lien}}-> numéro du doc télécharger dans SPIP]
Cela est un [lien vers un site->http://….. ]
Cela est un lien vers un site .
NB : [nom du lien->adresse du site]
Cela est un [ lien vers un article->article45] du site.
Cela est un lien vers un article du site .
NB : [nom du lien-> numéro de l’article]
Cela est un < lien vers une rubrique->rubrique45] du site.
Cela est un lien vers une rubrique du site .
NB : [nom du lien-> numéro de la rubrique]
Cela est un <a href="http://….. " target="_blank">lien</a> vers un site et ouvre un nouvel onglet .
Cela est un lien vers un site et ouvre un nouvel onglet .
NB : <a href="adresse du site" target="_blank"> nom du lien </a>
pour faire des listes
•
- pour
- faire
- des
- listes
Pour o faire 
des puces pour tirer un trait continu
___________________________________________
entre deux paragraphes
-*
-**
-***
pour tirer un trait continu
---------entre deux paragraphes
NB : quelques tirets milieu (6) - suffisent pour tirer un trait continu sur toute la largeur
CODE SPIP :
|Mettre un titre en évidence|
NB : Placer le titre entre deux pipes, il sera mis dans un cadre gris et centré sur la page, par dessus le filigrane Education Nationale. On peut le mettre en forme (gras, italique, taille…) avec le code
SPIP habituel.
CODE SPIP :
||Pour faire un joli tableau||
|je|mets|plein|de|pipes|partout|
|mais|toujours|le|même|nombre|sur|
|chaque|ligne|||||
ème
NB : la première ligne aura toujours 4 pipes, on écrit le titre après le 2
pipe, il sera automatiquement centré, en gras et au-dessus du tableau.
Les autres lignes doivent comporter le même nombre de pipes. S’il n’y a rien entre deux pipes, la case sera vide.
Les lignes seront en alternance grises puis blanches et le tableau apparaitra, centré dans la page, au-dessus du filigrane gris Education Nationale.
Pour centrer le contenu des lignes ou mettre en forme le texte, on utilise le code SPIP habituel.