Formation SPIP - Lycée Antonin ARTAUD

Lycée Antonin ARTAUD > TICE > SPIP > Formation SPIP
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
haut de page
Rédaction d’un article
haut de page
Lien externe
Google
Code SPIP :
[Google->http://www.google.fr]
haut de page
Lien interne
Voir l’article n° 80
Code SPIP : [Voir l'article n° 80->art80]
haut de page
Lien vers un fichier sous forme de vignette
Code SPIP :
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
haut de page
Lien vers un fichier sous forme de texte
Plan de la formation
Code SPIP : [Plan de la formation->doc77]
haut de page
Inclusion d’une image sous forme de vignette
Code SPIP : (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...
haut de page
Inclusion directe d’une image
Fonction : Ajouter une image
Code SPIP :
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
haut de page
Inclusion d’une image sous forme de lien
Bébé tortue
Code SPIP : [Bébé tortue->img75]
haut de page
Inclusion d’une image redimensionnée
Fonction : Ajouter une image
Code SPIP :
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
haut de page
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
haut de page
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 sousrubriques) 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
haut de page
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
haut de page
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
haut de page
Logo d’une rubrique
Pour un affichage optimal, le logo d’une rubrique doit avoir les dimensions 100 x 100 pixels
haut de page
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
haut de page
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
haut de page
Saut de ligne
Un saut de ligne peut être obtenu en utilisant la balise
à l’intérieur du code html
Exemples :
Le code suivant
produit un saut de ligne supplémentaire
Le code suivant
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
haut de page
Mise en retrait
- Le raccourci ... affiche un retrait à droite avec barre verticale
Exemple :
alpha
beta
gamma
Donne :
alpha
beta
gamma
- Le raccourci ... affiche un retrait à droite avec prise en compte du retour à la ligne simple
Exemple :
Avec ce raccourci
le retour à la ligne simple
est pris en compte !
Donne :
Avec ce raccourci
le retour à la ligne simple
est pris en compte !
- Le raccourci ... affiche un texte dans une zone de formulaire, facilitant le copier/coller
Exemple :
Avec ce raccourci
le retour à la ligne simple
est pris en compte
et les espaces en début de ligne aussi !
Donne :
haut de page
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
haut de page
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
haut de page
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