Initiation à SPIP. Système de Publication pour l'internet Partagé. mercredi 28 juillet 2010

Transcription

1 Initiation à SPIP Système de Publication pour l'internet Partagé mercredi 28 juillet 2010

2 Sommaire 2 I. Introduction II. Architecture d un site SPIP IV. Conclusion V. Documentation VI. Questions

3 I. Introduction Petit à petit l'oiseau fait son nid 3 Pour construire son nid l'oiseau fait cent voyages avec une paille, un crin, une plume dans son bec. Et l'on se dit: "il n'y parviendra jamais!" Pourtant le nid est terminé au bon moment.

4 II. Architecture d un site SPIP La partie publique : 4 La partie privée : Présentation dynamique de l architecture

5 Sommaire 1.) Création d un article basique 2.) Insertion de document(s) 5 a.) Insertion du bulletin municipal b.) Modification des images avec Photofiltre c.) Insertion des images 3.) Déplacement de l article dans sa rubrique 4.) Gestion du mini-calendrier

6 Création d un article basique 1.) Création d un article basique 2.) Insertion de document(s) 6 a.) Insertion du bulletin municipal b.) Modification des images avec Photofiltre c.) Insertion des images 3.) Déplacement de l article dans sa rubrique 4.) Gestion du mini-calendrier

7 Création d un article basique 1.) Identification pour atteindre l interface privée 7

8 Création d un article basique 2.) Positionnement dans l interface privée 8

9 Création d un article basique 3.) Ecrire un nouvel article Positionnemez vous dans la rubrique Brouillons puis cliquez sur le lien Ecrire un nouvel article 9

10 Création d un article basique 4.) Positionnement dans le nouvel article 10

11 Création d un article basique 5.) Saisissez le titre de votre article 11 Si vous souhaitez ordonner l affichage des articles dans un livre, numérotez le titre sans oublier le. Cela vous donnera un titre d article du style 01. Article 1 qui s affichera dans la zone publique en Article 1

12 Création d un article basique 6.) Saisie du texte 12 Saisissez l ensemble du texte en premier puis réalisez ensuite la mise en forme. Un retour à la ligne nécessite l insertion des caractères <br> Un changement de paragraphe se fait avec une ligne vide.

13 Création d un article basique 7.) Mise en forme 13 Sélectionnez le texte, puis cliquez sur le bouton de la mise en forme souhaitée. Pour la mise en gras, c est le situé dans la barre typographique au-dessus du carré de saisie du texte. Pour l italique, c est le. En passant la souris sur le bouton, une infobulle vous présente sa fonction

14 Création d un article basique 7.) Mise en forme 14 Contrairement à un traitement de texte standard, dans SPIP la mise en forme se visualise dans l éditeur par un ajout de caractères supplémentaires : {{ met le texte encadré en gras }} { met le texte encadré en italique } [ICI-> hypertexte] Ces caractères ne seront pas visibles dans l interface publique du site :

15 Création d un article basique 8.) Insertion d un lien hypertexte Les liens hyper textes sont utilisés dans Internet pour permettre le passage d'une page Web à une autre d'un simple clic. 15 Cliquez sur le bouton Transformer en lien hypertexte, une nouvelle ligne apparaît. Collez le lien dans le cadre de l adresse, puis cliquez sur OK.

16 Création d un article basique 9.) Enregistrement de l article 16 Même si vous n avez pas fini la rédaction, pensez à sauvegarder régulièrement votre article en cliquant sur le bouton Enregistrer.

17 Création d un article basique 10.) Publication de l article 17 Pour le publier, cliquez dans le cadre en haut à gauche sur la ligne Publié en ligne.

18 Création d un article basique 10.) Publication de l article 18 Confirmez la publication en cliquant sur le bouton OK. A partir de cet instant l article est visible dans la partie publique du site. (Dans notre cas, il n est visible que par les personnes habilitées à accéder à la rubrique Brouillons.)

19 Création d un article basique 11.) Visualisation de l article 19 Voici comment l article est visible dans la partie publique du site.

20 Insertion de document(s) 1.) Création d un article basique 2.) Insertion de document(s) 20 a.) Insertion du bulletin municipal b.) Modification des images avec Photofiltre c.) Insertion des images 3.) Déplacement de l article dans sa rubrique 4.) Gestion du mini-calendrier

21 Insertion de document(s) Utilisation de PDF Creator Pour publier des documents, il est plus judicieux de le faire au format PDF. La spécificité du PDF est de préserver la mise en forme (polices d'écritures, images, objets graphiques ) telle qu'elle a été définie par son auteur, et ce 21 quelles que soient l'application et la plate-forme utilisées pour imprimer ou visualiser ledit fichier. PDFCreator permet de générer des fichiers PDF à partir de n'importe quelle application supportant l'impression. Le logiciel s'utilise comme une imprimante virtuelle qu'il suffit de choisir à l'impression d'un document pour générer le fichier PDF. De plus, il est gratuit. Pour le télécharger : Tuto :

22 Insertion de document(s) Insertion du bulletin municipal Dans un premier temps, créez un article avec un titre du style 01. Bulletin municipal n 1, puis insérez le document à joindre. 22 Cliquez sur le bouton Parcourir dans la boite Ajouter une image ou un document à gauche du titre de l article.

23 Insertion de document(s) Insertion du bulletin municipal Positionnez vous dans le répertoire accueillant le fichier puis sélectionnez le. 23 Puis liquez sur le bouton Ouvrir.

24 Insertion de document(s) Insertion du bulletin municipal 24 Cliquez sur le bouton Télécharger dans la boite Ajouter une image ou un document à gauche du titre de l article pour obtenir ceci.

25 Insertion de document(s) Insertion du bulletin municipal Enfin créez un lien hypetexte dans l article pointant sur le document joint 25 Dans l adresse, mettez le nom du document fourni par SPIP lors du téléchargement. Ici, c est doc51

26 Insertion de document(s) Modification des images avec Photofiltre Les fichiers crées par les appareils photos numériques sont en général très volumineux et d une résolution élevée empêchant leur téléchargement dans un article SPIP 26 Le format le plus adapté pour un site Internet est une résolution de 640 pixels par 480 pixels. Cette modification est simple et rapide avec un outil gratuit tel que photofiltre. Pour le télécharger : Tuto 1 : Tuto 2 :

27 Insertion de document(s) Modification des images avec Photofiltre 27 Pour débuter, ouvrez dans Photofiltre la photo que vous souhaitez publier.

28 Insertion de document(s) Modification des images avec Photofiltre Faites un clic droit sur la photo, puis sélectionnez Taille de l image dans le menu contextuel 28

29 Insertion de document(s) Modification des images avec Photofiltre Taille d origine Taille souhaitée 29 Saisissez 640 dans la largeur puis cliquez sur OK PS : Notez la différence de taille mémoire des deux photos.

30 Insertion de document(s) Modification des images avec Photofiltre Enregistrez votre photo dans un répertoire identifié et différent de celui d origine. 30 Nommez votre photo puis cliquez sur OK dans cette boite-ci et dans la suivante.

31 Insertion de document(s) Insertion des images Ouvrez votre article en cliquant sur le bouton Modifier cet article. 31

32 Insertion de document(s) Insertion des images Ajouter la photo en utilisant la même méthode que celle mise en œuvre pour le bulletin municipal (diapo 24). 32 Si vous le souhaitez, vous pouvez donner un titre à votre photo. Pour qu il soit pris en compte, il ne faut pas oublier de l enregistrer avec le bouton Enregistrer de la photo. Ce titre s affichera dans l article comme une légende.

33 Insertion de document(s) Insertion des images Positionnez vous dans le texte et insérez la photo en doublecliquant sur le nom fourni par SPIP avec l alignement souhaité. - Left : aligné à gauche de la page - Center : aligné au centre de la page 33 - Right : aligné à droite de la page

34 Insertion de document(s) Insertion des images Quand le lien de la photo est bien positionné dans votre article, enregistrez-le. 34 Puis visualisez-le dans l interface publique.

35 Déplacement de l article dans sa rubrique 1.) Création d un article basique 2.) Insertion de document(s) 35 a.) Insertion du bulletin municipal b.) Modification des images avec Photofiltre c.) Insertion des images 3.) Déplacement de l article dans sa rubrique 4.) Gestion du mini-calendrier

36 Déplacement de l article dans sa rubrique Insertion du bulletin municipal Publiez le et vérifiez que tout est correct. 36 A l issue déplacez le dans la sous-rubrique Bulletin municipal de la rubrique Vie municipale Pour cela cliquez sur la loupe l intérieur de la rubrique dans le cartouche A

37 Déplacement de l article dans sa rubrique Insertion du bulletin municipal Déplacez vous dans l arborescence comme ceci. 37 L article est maintenant positionné dans sa rubrique définitive et visible par tout le monde sur le site Internet.

38 Gestion du mini-calendrier 1.) Création d un article basique 2.) Insertion de document(s) 38 a.) Insertion du bulletin municipal b.) Modification des images avec Photofiltre c.) Insertion des images 3.) Déplacement de l article dans sa rubrique 4.) Gestion du mini-calendrier

39 Gestion du mini-calendrier L affichage dans le mini-calendrier s appuie sur la date de rédaction antérieure. 39 Cette fonction permet de faire apparaître le titre de l article à la date sélectionnée dans le mini-calendrier positionné à gauche dans la rubrique d accueil du site.

40 Gestion du mini-calendrier Si l on veut indiquer une telle date, il faut tout d abord cliquer sur le petit triangle devant la date, puis à la fois sélectionner l option «Afficher la date» et utiliser les menus déroulants pour la fixer. 40 Cette date, contrairement à la «date de publication» de l article, n est pas calculée automatiquement lors de la validation de l article. C est pourquoi elle peut être modifiée à tout moment.

41 Gestion du mini-calendrier A l issue, ne pas oublier de cliquer sur le bouton Changer. 41

42 Gestion du mini-calendrier Enfin, il faut ajouter le mot-clé mini-calendrier à l article. 42 A l issue, ne pas oublier de cliquer sur le bouton Choisir.

43 Gestion du mini-calendrier Vous pouvez maintenant voir l article dans le mini-calendrier 43 En cliquant sur le titre de l article, ce dernier s ouvrira dans la partie centrale du site.

44 IV. Conclusion Petit à petit l'oiseau fait son nid 44

45 V. Documentation Publier son premier article sur SPIP La mise en forme des contenus dans SPIP 45 Tutoriel PDF Creator Modifier des photos avec Photofiltre Tuto 1 : Tuto 2 :

46 VI. Questions? 46