Lycée

Intérieur

Danse, musique

Sciences, sortie géologie

Aide à la rédaction sous SPIP

mardi 1er septembre 2015, par Webmestre.

Quelques recommandations

De l’importance des mots clés

Pour que votre article soit lu, il doit d’abord être facilement accessible ; cela suppose en particulier une utilisation pertinente de mots clés. Pensez donc à en associer à votre article une fois la rédaction terminée. Si jamais les mots clés existant ne vous suffisent pas contactez moi : il est toujours possible d’en ajouter.

Faites le ménage !

Dans la mesure du possible si un de vos articles est devenu obsolète, mettez-le à la corbeille : ce genre de bonne habitude permet ne de pas encombrer le site sur le long terme.

Des codes compliqués ?

La syntaxe utilisée en SPIP n’est pas toujours très simple, néanmoins la plupart des instructions expliquées ci-dessous sont données dans un menu d’édition qui apparaît lors de la rédaction d’un article.

Affichage de fichiers

Pour que la navigation reste fluide, il est important de limiter la taille des fichiers, sachant qu’à l’affichage, une image par exemple ne dépassera pas les 625 pixels de large, et le logo de l’article 100 pixels.

Une fois un document « téléversé » sur le site, celui-ci est renommé par SPIP sous la forme media suivi d’un nombre (par exemple media12).

Historique du lycée
En écrivant <media12|icone|titre|left> une icône apparaîtra (avec son titre) et le fichier sera alors téléchargeable, comme nous l’avons fait ici.

<span class="caps">JPEG</span> - 125 ko Si c’est une image, il est possible de la placer dans le texte ; il suffit d’utiliser l’instruction <media842|insert|right> : dans ce cas précis l’image se place à droite et le fil du texte continue sur sa gauche jusqu’à dépasser l’image en hauteur (on peut remplacer right par left ou center)

Pour un fichier pdf c’est le même principe ; on utilise la syntaxe <media12|insert|center>.

Attention : ceci ne fonctionne pas avec les anciennes versions d’Internet Explorer (8 ou inférieures). Veillez donc à toujours ajouter le fichier en pièce jointe (via <media12|icone|center|left>)

Remarque : Le code alternatif <lecteurpdf12|largeur=100%|hauteur=900> permet de gerer la taille d’affichage.

Portfolio

Enfin remarquons qu’il est possible de créer un portfolio via l’insertion de « vignettes » (miniature des images), par exemple :

<media12|vignette|left|taille=141><media19|vignette|left|taille=141>...

Ce qui donne

<span class="caps">JPEG</span> - 307.4 ko<span class="caps">JPEG</span> - 115.5 ko<span class="caps">JPEG</span> - 158.8 ko<span class="caps">JPEG</span> - 87 ko<span class="caps">JPEG</span> - 125 ko<span class="caps">JPEG</span> - 48.1 ko

Voici la syntaxe générale :
<span class="caps">PNG</span> - 31.5 ko

Autres possibilités de SPIP

  • pour tracer un trait horizontal, on écrit 4 tirets ---- (résultat ci-dessous) ;

  • lien vers Google (code : [Google->http://www.google.fr]) ;
  • note de bas de page [1] (code : [[blah blah]]) ;
  • citation :

    plus on pédale moins vite, moins on avance plus vite


    (code : <quote>plus on pédale ... vite</quote>) ;

  • pour les différentes listes, la mise en gras-italique ou pour créer un titre de paragraphe, on pourra utiliser le menu d’aide à la rédaction.

Tableaux en SPIP

Exemple de tableau en SPIP
Colonne 1 Colonne 2 Colonne 3
ligne 1 colonne 2 colonne 3
ligne 2 colonne 2 colonne 3
ligne 3 Cellule fusionnée avec la suivante
ligne 4 Cellule fusionnée

avec celle du dessous

colonne 3
ligne 5 colonne 3

Encore une fois le menu d’édition vous permet de créer aisément un tableau sans avoir à écrire de code. Ceci étant voici celui correspondant au tableau ci-dessus

||Exemple de tableau en SPIP||
| {{Colonne 1}} | {{Colonne 2}} | {{Colonne 3}} |
| ligne 1 | colonne 2 | colonne 3 |
| ligne 2 | colonne 2 | colonne 3 |
| ligne 3 | Cellule fusionnée avec la suivante |<|
| ligne 4 | Cellule fusionnée
_ avec celle du dessous | colonne 3 |
| ligne 5 |^| colonne 3 |

Fichier audio

Words in the News : Exploring Antarctica : Report (749 K)

Code <doc32|player|left>

Notes

[1blah blah