utiliser spip pour publier sur le site...

17

Upload: phungmien

Post on 30-Mar-2019

220 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Utiliser SPIP pour publier sur le site WEBschweitzer-col.spip.ac-rouen.fr/IMG/pdf/Petit_Didacticiel.pdf · F.#Marthaz*#Utiliser#spip*#Page 5 sur 17# Le problème de spip, c’est

  F.  Marthaz  -­  Utiliser  spip-­  Page 1 sur 17  

Petit Didacticiel

Uti l iser SPIP pour Util iser SPIP pour publier sur le site publier sur le site WEB WEB

Collège Albert Schweitzer

Neufchâtel-en-Bray

février 2013

Page 2: Utiliser SPIP pour publier sur le site WEBschweitzer-col.spip.ac-rouen.fr/IMG/pdf/Petit_Didacticiel.pdf · F.#Marthaz*#Utiliser#spip*#Page 5 sur 17# Le problème de spip, c’est

  F.  Marthaz  -­  Utiliser  spip-­  Page 2 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)

Page 3: Utiliser SPIP pour publier sur le site WEBschweitzer-col.spip.ac-rouen.fr/IMG/pdf/Petit_Didacticiel.pdf · F.#Marthaz*#Utiliser#spip*#Page 5 sur 17# Le problème de spip, c’est

  F.  Marthaz  -­  Utiliser  spip-­  Page 3 sur 17  

1. Se connecter 1. Se connecter

Si vous n’avez pas encore d’identifiant et de mot de passe, demandez-en au webmestre.

Page 4: Utiliser SPIP pour publier sur le site WEBschweitzer-col.spip.ac-rouen.fr/IMG/pdf/Petit_Didacticiel.pdf · F.#Marthaz*#Utiliser#spip*#Page 5 sur 17# Le problème de spip, c’est

  F.  Marthaz  -­  Utiliser  spip-­  Page 4 sur 17  

2. Ecrire un article2. Ecrire un article

Vous arrivez ensuite dans l’espace privé du site. Deux solutions pour écrire un article :

Page 5: Utiliser SPIP pour publier sur le site WEBschweitzer-col.spip.ac-rouen.fr/IMG/pdf/Petit_Didacticiel.pdf · F.#Marthaz*#Utiliser#spip*#Page 5 sur 17# Le problème de spip, c’est

  F.  Marthaz  -­  Utiliser  spip-­  Page 5 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 :

Page 6: Utiliser SPIP pour publier sur le site WEBschweitzer-col.spip.ac-rouen.fr/IMG/pdf/Petit_Didacticiel.pdf · F.#Marthaz*#Utiliser#spip*#Page 5 sur 17# Le problème de spip, c’est

  F.  Marthaz  -­  Utiliser  spip-­  Page 6 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.

Page 7: Utiliser SPIP pour publier sur le site WEBschweitzer-col.spip.ac-rouen.fr/IMG/pdf/Petit_Didacticiel.pdf · F.#Marthaz*#Utiliser#spip*#Page 5 sur 17# Le problème de spip, c’est

  F.  Marthaz  -­  Utiliser  spip-­  Page 7 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.

Page 8: Utiliser SPIP pour publier sur le site WEBschweitzer-col.spip.ac-rouen.fr/IMG/pdf/Petit_Didacticiel.pdf · F.#Marthaz*#Utiliser#spip*#Page 5 sur 17# Le problème de spip, c’est

  F.  Marthaz  -­  Utiliser  spip-­  Page 8 sur 17  

Quelques astuces pour rendre votre article plus « multimédia »

Page 9: Utiliser SPIP pour publier sur le site WEBschweitzer-col.spip.ac-rouen.fr/IMG/pdf/Petit_Didacticiel.pdf · F.#Marthaz*#Utiliser#spip*#Page 5 sur 17# Le problème de spip, c’est

  F.  Marthaz  -­  Utiliser  spip-­  Page 9 sur 17  

3. Faire apparaître une date dans le mini3. Faire apparaître une date dans le mini--calendriercalendrier

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).

Page 10: Utiliser SPIP pour publier sur le site WEBschweitzer-col.spip.ac-rouen.fr/IMG/pdf/Petit_Didacticiel.pdf · F.#Marthaz*#Utiliser#spip*#Page 5 sur 17# Le problème de spip, c’est

  F.  Marthaz  -­  Utiliser  spip-­  Page 10 sur 17  

Page 11: Utiliser SPIP pour publier sur le site WEBschweitzer-col.spip.ac-rouen.fr/IMG/pdf/Petit_Didacticiel.pdf · F.#Marthaz*#Utiliser#spip*#Page 5 sur 17# Le problème de spip, c’est

  F.  Marthaz  -­  Utiliser  spip-­  Page 11 sur 17  

4. Insérer une i4. Insérer une image dans un articlemage 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 :

Page 12: Utiliser SPIP pour publier sur le site WEBschweitzer-col.spip.ac-rouen.fr/IMG/pdf/Petit_Didacticiel.pdf · F.#Marthaz*#Utiliser#spip*#Page 5 sur 17# Le problème de spip, c’est

  F.  Marthaz  -­  Utiliser  spip-­  Page 12 sur 17  

Page 13: Utiliser SPIP pour publier sur le site WEBschweitzer-col.spip.ac-rouen.fr/IMG/pdf/Petit_Didacticiel.pdf · F.#Marthaz*#Utiliser#spip*#Page 5 sur 17# Le problème de spip, c’est

  F.  Marthaz  -­  Utiliser  spip-­  Page 13 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 »

Page 14: Utiliser SPIP pour publier sur le site WEBschweitzer-col.spip.ac-rouen.fr/IMG/pdf/Petit_Didacticiel.pdf · F.#Marthaz*#Utiliser#spip*#Page 5 sur 17# Le problème de spip, c’est

  F.  Marthaz  -­  Utiliser  spip-­  Page 14 sur 17  

N’oubliez pas de cliquer sur « Enregistrer » tout en bas !

Page 15: Utiliser SPIP pour publier sur le site WEBschweitzer-col.spip.ac-rouen.fr/IMG/pdf/Petit_Didacticiel.pdf · F.#Marthaz*#Utiliser#spip*#Page 5 sur 17# Le problème de spip, c’est

  F.  Marthaz  -­  Utiliser  spip-­  Page 15 sur 17  

5. 5. Uti l iser le portfolio pour créer un Util iser le portfolio pour créer un diaporama d’imagesdiaporama 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).

Page 16: Utiliser SPIP pour publier sur le site WEBschweitzer-col.spip.ac-rouen.fr/IMG/pdf/Petit_Didacticiel.pdf · F.#Marthaz*#Utiliser#spip*#Page 5 sur 17# Le problème de spip, c’est

  F.  Marthaz  -­  Utiliser  spip-­  Page 16 sur 17  

Une nouvelle fenêtre va alors s’ouvrir.

C’est le portfolio :

Page 17: Utiliser SPIP pour publier sur le site WEBschweitzer-col.spip.ac-rouen.fr/IMG/pdf/Petit_Didacticiel.pdf · F.#Marthaz*#Utiliser#spip*#Page 5 sur 17# Le problème de spip, c’est

  F.  Marthaz  -­  Utiliser  spip-­  Page 17 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.