Antonin Artaud
Lycée polyvalent
MARSEILLE / Tél. 04 91 12 22 50
 

Formation SPIP

2007, par ABATI Patrick

Accès à l’espace de rédaction

Rédaction d’un article

Lien externe

Lien interne

Lien vers un fichier sous forme de vignette

Lien vers un fichier sous forme de texte

Inclusion d’une image sous forme de vignette

Inclusion directe d’une image

Inclusion d’une image sous forme de lien

Inclusion d’une image redimensionnée

Modification de la date de publication d’un article

Ordre d’affichage des rubriques du menu vertical

Ordre d’affichage des articles

Affichage du titre d’un article dans le menu vertical

Logo d’une rubrique

Diaporama

Gestion des ancres

Saut de ligne

Mise en retrait

Page d’accueil

Agenda

Streaming


Accès à l’espace de rédaction


Rédaction d’un article


Lien externe

Google

Code SPIP :

[Google->http://www.google.fr]


Lien interne

Voir l’article n° 80

Code SPIP : [Voir l'article n° 80->art80]


Lien vers un fichier sous forme de vignette

PDF - 12.8 ko
Plan de la formation

Code SPIP : <doc77|center>

Le document texte a été converti au format portable avec PDFCreator, puis téléchargé sur le serveur (Ajouter un document)

SPIP lui a attribué le numéro 77

Un titre a été ajouté à la vignette


Lien vers un fichier sous forme de texte

Plan de la formation

Code SPIP : [Plan de la formation->doc77]


Inclusion d’une image sous forme de vignette

JPEG - 470.7 ko

Code SPIP : <doc75|center> (image centrée)

L’image a été préalablement téléchargée (Ajouter un document) et le numéro qui lui a été attribué par SPIP est 75

Un clic sur la vignette ouvre l’image en taille réelle dans une nouvelle fenêtre

Attention : les fichiers d’images doivent être exclusivement du type JPG, GIF ou PNG (formats compressés)

Plus sur les fichiers d’images...


Inclusion directe d’une image

JPEG - 470.7 ko

Fonction : Ajouter une image

Code SPIP : <emb75|center>

Si la largeur de l’image dépasse la largeur utile d’affichage, l’image est redimensionnée automatiquement

Il est néanmoins préférable de limiter les dimensions de l’image téléchargée à la zone affichable afin de ne pas surcharger le serveur


Inclusion d’une image sous forme de lien

Bébé tortue

Code SPIP : [Bébé tortue->img75]


Inclusion d’une image redimensionnée

JPEG - 73.4 ko

Fonction : Ajouter une image

Code SPIP : <emb76|center>

L’image a été redimensionnée avec un logiciel de dessin, puis téléchargée sur le serveur

SPIP lui a attribué le numéro 76


Modification de la date de publication d’un article

Remarque : si le jour et le mois sont mentionnés comme étant "non connu" (n.c.), la date de publication ne s’affiche pas dans le site public


Ordre d’affichage des rubriques du menu vertical

Le squelette SPIP que nous utilisons permet de définir l’ordre d’affichage des rubriques (ou sous-rubriques) du menu vertical en écrivant le champ Titre de la façon suivante :


NuméroPointEspaceTitreDeLaRubrique

Dans le menu, seul le titre de la rubrique apparait, mais le numéro est important, car il permet le classement par ordre croissant

Dans l’exemple donné, les champs Titre des 5 sous-rubriques de Tice sont les suivants :

10. Activités

15. Réunions

20. B2I

60. SPIP

70. Contact et liens


Ordre d’affichage des articles

Le squelette SPIP que nous utilisons permet de définir l’ordre d’affichage des articles en écrivant le champ Titre de la façon suivante :

NuméroPointEspaceTitreDeLArticle

Le classement se fait alors par ordre croissant des numéros

Si l’article n’est pas numéroté, le classement se fait par date inversée


Affichage du titre d’un article dans le menu vertical

Le squelette SPIP que nous utilisons autorise l’affichage du titre d’un article dans le menu vertical : ceci permet un accès direct à l’article sélectionné

L’ordre dans le menu vertical est obligatoirement « rubriques - articles » : c’est pour cette raison que l’article « Antonin Artaud » apparait en bas du menu déroulant

La procédure permettant cette mise en place est basée sur l’utilisation du Mot Clé « AffichMenu » qui fait partie du Groupe de Mots Clés « Affichage_site »

Remarque : la structure définie dans cet exemple n’est pas celle du site actuel


Logo d’une rubrique

Pour un affichage optimal, le logo d’une rubrique doit avoir les dimensions 100 x 100 pixels


Diaporama

Pour insérer un diaporama dans un article, il suffit de télécharger les images sur le site distant de la façon suivante :

Toutes les images téléchargées de cette façon (ajouter un document) apparaissent au bas de l’article sous forme de Portfolio

Un simple clic sur une des images du Portfolio agrandit l’image et donne accès au diaporama qui permet le cadencement des images du Portfolio

Voir l’exemple au bas de cet article


Gestion des ancres

Une ancre permet d’atteindre un endroit précis d’une page Web

Le code : [NomAncre<-] doit être placé à l’endroit précis qui doit être atteint

Le code : [Texte du lien ->#NomAncre] permet d’atteindre cet endroit précis

Par exemple, le menu de cette page utilise les ancres

Pour revenir au haut de page, le code suivant a été utilisé : [haut de page->#banniere]

Dans le squelette actuel, l’identifiant banniere définit le haut d’une page quelconque de SPIP


Saut de ligne

Un saut de ligne peut être obtenu en utilisant la balise <br /> à l’intérieur du code html

Exemples :

Le code suivant <html><br /></html> produit un saut de ligne supplémentaire

Le code suivant <html><br /><br /><br /></html> produit 3 sauts de lignes supplémentaires


Un passage à la ligne simple
se fait de la façon suivante
trait de soulignement _ (underscore ou touche 8) en début de ligne suivi d’un espace
Le résultat est ce que vous lisez actuellement _ Le résultat est ce que vous lisez actuellement


Mise en retrait

- Le raccourci <quote>...</quote> affiche un retrait à droite avec barre verticale

Exemple :

<quote>
alpha

beta

gamma
</quote>

Donne :


alpha

beta

gamma


- Le raccourci <poesie>...</poesie> affiche un retrait à droite avec prise en compte du retour à la ligne simple

Exemple :

<poesie>
Avec ce raccourci
le retour à la ligne simple
est pris en compte !
</poesie>

Donne :

Avec ce raccourci
le retour à la ligne simple
est pris en compte !


- Le raccourci <cadre>...</cadre> affiche un texte dans une zone de formulaire, facilitant le copier/coller

Exemple :

<cadre>
Avec ce raccourci
le retour à la ligne simple
est pris en compte
       et les espaces en début de ligne aussi !
</cadre>

Donne :


Page d’accueil

La rubrique Infos sites de l’espace privé permet d’afficher en page d’accueil, le dernier article publié dans cette même rubrique. On peut donc conserver les anciens articles et les afficher à nouveau en page d’accueil, en changeant simplement leur date de publication. Les articles de cette rubrique ne gèrent pas le Portfolio

Le mot clé Actualite affecté à un article d’une rubrique quelconque permet d’afficher cet article en page d’accueil, sous l’article le plus récent de la rubrique Infos sites


Agenda

La rubrique Agenda de l’espace privé permet d’afficher sur la page Agenda de l’espace public, tous les articles de cette rubrique, à condition qu’ils aient été publiés avec une date de rédaction antérieure

La date de l’évènement apparait en gras dans la partie publique

Un article d’une rubrique quelconque, à condition qu’il ait été publié avec une date de rédaction antérieure, apparait également dans l’agenda


Streaming

Un serveur de streaming est installé à l’adresse : mms ://stream.pedagogie.ac-aix-marseille.fr/lyc-artaud/

Il permet de visionner des vidéos en continu

Les vidéos doivent être impérativement codées au format WMV (Windows Media Video), avant d’être transférées sur l’espace de streaming

Le codage au format WMV peut se faire en utilisant le Codeur Windows Media téléchargeable ici

Ces vidéos peuvent être lues avec VLC (logiciel libre)

Voir un exemple


Voir aussi

Barre Typo

Aide en ligne SPIP


Portfolio

 
Lycée polyvalent Antonin Artaud – 25 Chemin Notre-Dame de Consolation - 13013 MARSEILLE / Tél. 04 91 12 22 50 – Responsable de publication : Jean-Marc GINER
Dernière mise à jour : mardi 20 octobre 2020 – Tous droits réservés © 2008-2020, Académie d'Aix-Marseille