Petit Didacticiel Utiliser SPIP pour publier sur le site WEB Collège Albert Schweitzer Neufchâtel-en-Bray février 2013 F. Marthaz - Utiliser spip- Page 1 sur 17
Table des matières 1. Se connecter (page 3) 2. Ecrire un article (page 4) 3. Faire apparaître une date dans le mini calendrier (page 9) 4. Insérer une image dans un article (page 11) 5. Utiliser le portfolio pour créer un diaporama d images (page 15) F. Marthaz - Utiliser spip- Page 2 sur 17
1. Se connecter Si vous n avez pas encore d identifiant et de mot de passe, demandez-en au webmestre. F. Marthaz - Utiliser spip- Page 3 sur 17
2. Ecrire un article Vous arrivez ensuite dans l espace privé du site. Deux solutions pour écrire un article : F. Marthaz - Utiliser spip- Page 4 sur 17
Le problème de spip, c est qu un écran normal ne permet pas d afficher toute la page utile pour rédiger un article. Donc voici à quoi cela ressemble en deux images : Le haut de la page : Quelques précisions utiles : F. Marthaz - Utiliser spip- Page 5 sur 17
Le bas de la page : Ce n est pas terminé. Il faut encore choisir le statut de votre article avant qu il ne soit publié sur le site public. F. Marthaz - Utiliser spip- Page 6 sur 17
Notez bien : Les nouveaux auteurs ont un statut de «rédacteur». Leurs articles doivent être «validés» pour être publiés en ligne. Les auteurs confirmés peuvent devenir «administrateur». L avantage est de pouvoir publier ses articles ou de créer de nouvelles rubriques sans passez par le webmestre. F. Marthaz - Utiliser spip- Page 7 sur 17
Quelques astuces pour rendre votre article plus «multimédia» F. Marthaz - Utiliser spip- Page 8 sur 17
3. Faire apparaître une date dans le mini- calendrier Si vous rédigez un article qui annonce un événement à venir, vous pouvez faire apparaître une date dans le mini calendrier de la page d accueil du site. Pour cela, il faut retrouver votre article dans l arborescence du site. Puis changer la date de rédaction antérieure ( date de création de l article). F. Marthaz - Utiliser spip- Page 9 sur 17
F. Marthaz - Utiliser spip- Page 10 sur 17
4. Insérer une image i dans un article Pour insérer une image dans le corps d un article, il faut tout d abord vérifier la taille en pixels (points) de votre image. La taille d un écran étant souvent de 1400 px de largeur, il faut éviter de dépasser 800 px pour une grande image. Dans un article, il faut encore réduire la taille de l image. Comptez plutôt : - 300 px en largeur - 200 px en hauteur. NB : Si vous n avez pas les droits d auteurs (photographes privés, agence de presse, etc.) faites plutôt un lien vers l image trouvé sur internet. Si vous avez pris vous même la photographie, il faut absolument redimensionner l image (la taille d image est très grande avec les appareils numériques). Il faut aussi vérifier si l on a l autorisation de prendre la personne en photo. En cas de doute, demandez conseil au webmestre. Pour connaître la taille de votre image et éventuellement la redimensionner, vous pouvez l ouvrir dans le logiciel libre xnview. Pour l utilisation du logiciel xnview en détail voir le site de : http ://www.eric-bellot.fr/node/53 Voici quelques conseils extraits de ce site : F. Marthaz - Utiliser spip- Page 11 sur 17
F. Marthaz - Utiliser spip- Page 12 sur 17
Maintenant que votre image est à la bonne taille, vous pouvez retourner dans spip et l insérer dans votre article. Il faut cliquer sur «modifier cet article» F. Marthaz - Utiliser spip- Page 13 sur 17
N oubliez pas de cliquer sur «Enregistrer» tout en bas! F. Marthaz - Utiliser spip- Page 14 sur 17
5. Utiliser le portfolio pour créer un diaporama d images Si vous avez plusieurs photographies, vous pouvez les «attacher» à un article en utilisant le portfolio. Lorsque l on clique ensuite sur une de ses photos, elles s affichent sous forme de diaporama. L avantage est aussi de pouvoir ouvrir des photographies de plus grand format (800 pixels en largeur). F. Marthaz - Utiliser spip- Page 15 sur 17
Une nouvelle fenêtre va alors s ouvrir. C est le portfolio : F. Marthaz - Utiliser spip- Page 16 sur 17
Dans le site public, le diaporama du portfolio prend cet aspect : Cliquez sur une vignette, cela ouvre la photographie correspondante en grand et fait démarrer un diaporama des images. F. Marthaz - Utiliser spip- Page 17 sur 17