Cours SPIP 3 pour rédacteur 1. Qu`est ce que Spip
Contents
1. vitez les formats propri taires ou potentiellement dangereux doc exe Pour les images choisir les formats web jpg photos et png ou gif logos illustrations La taille du document pour les images la r solution doit tre de 72 dpi en mode RVB Rouge Vert Bleu et nous vous sugg rons de ne d passer une largeur de 1200px par image La licence du document le document n est il pas prot g par le droit d auteur avez vous l autorisation de le placer en ligne Etape 2 Ajoutez vos documents aux articles Utilisez le formulaire d ajout de documents Selon la configuration de votre site vous pourrez n ajouter que des images ou tous les types de documents Ajouter un document Ig TEFA i Ajouter une image Vous pouvez ajouter des documents depuis Ajoute une image El votre ordinateur fichiers du zip medias T l charger depuis votre PRE DEN PPE i ordinateur la m diath que fichiers d j pr sent sur le site Parcourir internet fichiers plac s sur internet sur des depuis man ordinateur la services externes de type flickr youtube vimeo A hs page 7 Cours SPIP 3 pour r dacteur version 2 9 Avril 2012 Commencez par ajouter un fichier depuis votre disque dur Votre document appara t en ligne associ une vignette Vous pouvez diter chaque document via le lien modifier Ceci vous permet d ajouter un titre une description des cr d2. lt multi gt lt multi gt lt intro gt lt intro gt page 16
3. Cours SPIP 3 pour r dacteur version 2 9 Avril 2012 7 4 Utilisez la m diath que Pour ajouter un document au lieu d aller chercher sur x votre ordinateur vous pouvez le s lectionner depuis la NE CRE a z ace 4 TZ Tous les m dias E Images 3 B Bandes son 0 IE S quences w Autres 2 5 documents 2819F 1 Date Poids Largeur Hauteur Titre Infos techniques Description m diath que qui r pertorie toutes les documents du site oeu a Cela permet d viter d ajouter plusieurs fois un document commun plusieurs articles 7 5 2 9 Mo ia 13 02 2012 lecon_12 pdf Sushis verts Sans titre Choisir jpg 800 x 600 pixels 124 6 ko 13 02 2012 Sushis verts doc Sans titre Choisir 13 02 2012 Cuchie unata R f rencez un document distant sur internet De plus en plus de sites utilisent des services externes pour h berger leurs images Flickr Picasa O leurs vid os Youtube Vimeo Spip permet tr s simplement d int grer ces documents Sur le site externe r cup rez l adresse du document URL l adresse qui appara t dans votre navigateur En g n ral il s agit de Indiquer cette adresse dans le formulaire d ajout de documents Le document appara t dans Spip Vous pouvez l utiliser dans votre article gr ce au raccourcis habituels lt embXX gt lt docXX gt 7 6 Ajouter des documents volumineux LL C v vimeo c
4. et que vous n tes que simple r dacteur il ne sera pas possible de d placer votre article Faites en la demande un administrateur page 13 Cours SPIP 3 pour r dacteur version 2 9 Avril 2012 11 Utiliser le multilinguisme Vous pouvez passer ce chapitre si vous utilisez un site monolingue Traduire un article Allez sur l article dans la section langue de l article et crivez une nouvelle traduction iangat Langue de l article fran ais Langue par d faut LES crire une nouvelle traduction Vous arrivez sur un formulaire pr rempli pour crire votre traduction Si vous tes dans un site o chaque langue correspond un secteur n oubliez pas de d placer l article dans la langue dans lequel vous le traduisez Apr s avoir enregistr l article v rifiez la langue de votre traduction Vous devriez aussi voir la liaison entre l article traduit et l article de r f rence Changer Langue de l article English Traductions Fi Sushis verts r f rence des traductions fran ais 2 O Green Sushis Enghsh 3 FAET HA 0 II reste maintenant comme pour un article normal demander la publication de votre article traduit page 14 Cours SPIP 3 pour r dacteur version 2 9 Avril 2012 12 En savoir plus Dans la partie priv e vous avez une rubrique Aide compl te ne pas h siter la lire int gralement Cliquer aussi sur les ic nes kd qui fournissent u
5. partie priv e http www monsite org ecrire Internaute R dacteur Administrateur Consulte le site public En plus En plus Acc de la partie priv e Edite les rubriques les r dacteurs R dige des articles Modifie et valide les articles G re le site techniquement Cours SPIP 3 pour r dacteur version 2 9 Avril 2012 3 Acc der l espace de travail Allez sur la page d authentification accessible depuis l adresse Vous devez vous identifier avec un identifiant et mot de passe qu un administrateur vous aura pr alablement donn Vous pouvez aussi demander que le formulaire vous renvoie votre mot de passe cliquez sur mot de passe oubli Bienvenue dans la partie priv e de Spip Dans cet espace vous pourrez cr er vos articles et participez la vie du site Une fois connect si vous retournez sur le site public les boutons en haut de page dans exemple ci contre Article 2 sont disponibles revenir facilement au bon endroit dans la partie priv e Une fois votre travail termin si vous tes sur un ordinateur public n oubliez pas de vous d connecter alice boisset SPIP3 acc s l espace priv fr fran ais x Login ou adresse email alice Mot de passe ccosececeece ES mot de passe oubli l Rester identifi quelques jours _Valider retour au site public spip 3 Articles les plus r cents LA Titre 3
6. Amelin ta Fee Bel SAA Gel Flame el RE SE CU AN IL era r r i rira p p 1 3 MT neue rec COS QUE OL none other Fr eff A Position gauche lt embXX left gt rem gaum dolar mt amet consecetuer era non Mot L image se place gauche et le fil du texte peia itoan ea argia uaaal caen i iI a ean a Pelle Late able lee Sonneries mil jamam i abim GC CU AU EL Laia semp MAH ies continue sur sa droite jusqu d passer l image tons newe wsauipat nanus tortor narn et A whak r Il ag Een Liy CE LE nm Diei LAURENT CN CE SLI LONE LITA en hauteur dihed Veum consectetues nr em Laoreet tiori sed que Les ar Ba nmi iih F i hl pi aiba 5 METI B r d rnrn LU Sale a rh inl Position centr e lt embXX center gt em L image se place au centre et le texte passe empat FTANERUE mieram tartor egestas Enndmertun nunt psum Sed r i L gA Epi EE re ma y ous ren rie ul m in ma Tehn ET vu hat ar ln la ligne rare ien Semper Prune sinon Joie tan Conde Prune Cent Sd Pesent sque dl LE Sep Position droite lt embXX right gt CORRE CE DE PRE EEE RE RAR PURE ER RARES L image se place droite et le fil du texte Aangan enin RAGE amat wa Prose Li anyoe kinm Amet UT p ere Gelus sad MA a aE al Paca kj ABC AC CAM UT AH Linia GAME PEU MEL continue sur sa gauche jusqu d passer Dors newn wear nonme lores nam e Liy HaT A Diner LANE E E disna mazi LH l image en hauteur RAA ara nu A 2 LA A D AN A page 9
7. Cours SPIP 3 pour r dacteur L objectif de ce cours est de devenir rapidement autonome avec le logiciel Spip pour publier soi m me ses contenus sur internet Ce cours ne requiert aucune connaissance en informatique particuli re 1 Qu est ce que Spip Spip Syst me de Publication pour Internet Partag est un logiciel de gestion de contenus en anglais CMS Content Management System Il permet de g rer un site internet seul ou en quipe Spip est un logiciel web libre licence GPL et gratuit Il est disponible dans de nombreuses langues et sert de moteur de nombreux sites allant du simple blog aux grands sites institutionnels La version 3 Release Candidate 1 est sortie en avril 2012 et ajoute de nouvelles fonctionnalit s qui font de Spip un outil puissant modulaire mais aussi convivial utiliser Pour plus d informations consulter le site officiel htip w spin net_ 2 Architecture d un site Spip Un site Spip est toujours compos de deux parties 2 1 Partie publique Il s agit de la partie du site Internet accessible et consultable par tous les internautes Exemple d adresse pour la partie publique http mwwmonsite org 2 2 Partie priv e La partie priv e parfois appel e back office permet de modifier le contenu du site Cette partie n est accessible qu aux r dacteurs et administrateurs du site Pour y acc der il faut ajouter ecrire l adresse de votre site Exemple d adresse pour la
8. Informations personnelles Supprimer m Sushis la provencale le cookie de 5 Super article correspondance Rechercher Q alice boisset wg fran ais Aide Se d connecter fal Accueil 8 dition page 2 Cours SPIP 3 pour r dacteur version 2 9 Avril 2012 4 Ecrire son premier article Choisissez la rubrique dans laquelle vous voulez d poser votre article Cliquez sur l ic ne crire un nouvel article R digez votre article Compl tez les champs Titre Texte et validez en bas de page Demandez la publication de l article Quand votre article est pr t il vous faut demander sa publication pour qu il apparaisse dans la partie publique LE T Les recettes 10 Les entr es 20 Les plats 30 Les desserts de la rubrique Z 20 Les p lats Texte i F 5 Bim B I J adore Lorsque votre article est termin vous pouvez proposer sa publication Demander la publication de cet article page 3 Cours SPIP 3 pour r dacteur version 2 9 Avril 2012 5 La validation des articles Votre article est alors soumis aux administrateurs qui vont d cider de le publier ou non Cette validation est une validation humaine elle peut donc prendre du temps Tant que votre article n est pas valid vous pouvez Modifier son contenu Le pr visualiser Astuce Pour conna tre le statut d un artic
9. erz le fil de votre article interview de Fil Le lecteur mp3 ou vid o se pr sente ainsi dans le site 8 2 Utilisez un service externe de type Youtube Vim o Dans ce cas ins rez la vid o comme document distant Voir le paragraphe 7 5 En cas de complication vous pouvez aussi coller dans votre article le code HTML correspondant au lecteur de cette vid o Il s agit du code embed propos par les nombreux sites vid os 9 Utiliser les plugins Les plugins sont des modules suppl mentaires qui ajoutent des fonctionnalit s au site SPIP Ces plugins sont install s par les administrateurs du site Voici quelques plugins fr quemment install s Crayons dition directe depuis l interface publique Agenda gestion d un calendrier et v nements GiS g olocalisation des articles Pour en savoir plus consulter http www spip contrib net et http plugins spip net_ page 12 Cours SPIP 3 pour r dacteur version 2 9 Avril 2012 10 Astuces diverses 10 1 Ajouter des mots cl s Sur certains sites il possible d ajouter des mots cl s pour compl ter vos articles Aucun mot cl Chficult 10 2 Comment d placer un article Editerl article et modifier le champ l int rieur de la rubrique Sushis la provencale lat i I FR eur de la rubrique l 10 Les entr es l E 20 Les plats 30 Les desserts x Attention Si votre article a t valid
10. its votre document ventuellement des mots cl s Pour ins rer ce document au sein de votre article ajouter le raccourci lt embXX gt lt docXX gt l endroit o vous voulez qu il apparaisse dans le fil de votre article 800px salmon_ sushi _cutjpg N 7 jpg 135 5 ko 600px sushi_dsc02005 jpg N 9 jpg 124 6 ko Toutenlever shin_bunka_nihongo lecon_13doc _ b_docdoc _doc Ev N 8 doc 49 ko lecon_12 paf N 10 pdf 2 9 Mo Modifier Modifier Modifier lt imgrl left img center gt lt imgT right D poser dans le portfolio Supprimer D tacher Modifier Texte B f FER ipt 2s a La d coupe des sushis est un art d licat lt doc gt Pour ensuite faire le riz page 8 Cours SPIP 3 pour r dacteur version 2 9 Avril 2012 7 3 Comprendre l alignement des images et documents en HTML Une fois votre document ajout votre article ajoutez le raccourci lt embXX gt pour les images et lt docXXX gt pour les documents dans le corps de votre texte l endroit o vous voulez que votre document apparaisse Lors de l ajout du document dans le corps du texte vous avez la possibilit de choisir son positionnement Position par d faut lt embXX gt Me COUT HGG RON OT core PTS DCE ion A CESR COMMITTEE e L image se place dans le fil du texte rare a m Sid Peete ni LA rene MAT nn RATES Tel tai Present Ji due rem Al L or Aero 0
11. le regardez l ic ne de couleur qui lui est associ c te de son titre Lorsque votre article est valid Vous pouvez le voir en ligne Pour des raisons de s curit vous ne pouvez plus le modifier ou le d placer II faut en faire la demande un administrateur O en cours de r daction en attente de validation M publi s en ligne El refus s H la poubelle Loir en tigne EE page 4 Cours SPIP 3 pour r dacteur version 2 9 Avril 2012 6 Ecrire un article complet 6 1 Utiliser les raccourcis de mise de forme Lorsque vous r digez un article vous pouvez le mettre en forme gr ce au porte plume Cet outil permet d enrichir et de structurer votre texte intertitre gras listes Pour utiliser cette barre s lectionnez le texte que vous voulez mettre en forme et cliquez sur un bouton italique gras titre lien hypertexte Appara t alors un code autour du texte s lectionn dans l exemple ci dessous le code est une double accolade ouvrante puis fermante autour du mot choisi pour tre mis en gras Iml B JZ FH t is aJo diter Voir Les c pages les plus connus sont le Hchardonnay Vous pouvez utiliser l onglet voir pour apercevoir l aspect du texte avant sa publication diter Voir Les c pages les plus connus sont le chardonnay Une fois publi le texte sera pr sent selon la charte graphique du site public Les c pages les plus connus
12. me ann e doc x arton2966 png En g n ral lorsqu on ajoute une image cette image sert illustrer le fil de l article On insert donc manuellement les images au fil du texte par les raccourcis ajout le raccourci ne seront pas list es Dans d autres cas on souhaite ajouter les images pour alimenter automatiquement un album photo diaporama qui sera affich c t de notre article Il faut donc les ajouter dans le portfolio via le bouton d di Le portfolio est list en bas de votre article lt imgXX gt Les images dont on n aura pas adocr left gt lt docr center adoc right D poser dans le portfolio D tacher Supprimer 4 img_5927 jpg N 19 jpg 201 3 ko AN img_5928 jpg Ne 20 jpg 265 1 ko P img_5929 jpg N 21 jpg 117 4 ko Toutenlever page 11 Cours SPIP 3 pour r dacteur version 2 9 Avril 2012 8 Ajouter du son et de la vid o Les formats habituels sont le mp3 son et pour la vid o flash vid o flv ou mp4 h264 pour le HTMLS Deux possibilit s sont disponibles pour int grer ce type de format dans ce site internet 8 1 Ajoutez les fichiers depuis votre site Il faut que votre site dispose d un lecteur Voici par exemple le mode d emploi avec le plugin Lecteur multim dia Ajoutez du mp3 ou vid o en tant que document de l article edoct llefts Ins rez le document via le raccourci lt embXXX gt dans lt doc16 play
13. ne aide contextuelle Si vous voulez en savoir plus et compl ter vos connaissances sur SPIP http www spip net_ Site officiel de SPIP http www spip contrih net Site de ressources sur SPIP propos de ce cours Ce cours a t crit par Emmanuel Lamotte Il est plac sous licence Creative Commons by nc sa Lire les termes de cette licence htip creativecommons org licenses hy nc sa 2 Offr Merci de me signaler les erreurs et vos suggestions faire sur ce document sur http www erationaLarg page 15 Cours SPIP 3 pour r dacteur version 2 9 Avril 2012 Annexe M mo des raccourcis typographiques Typographie Liens ii 33 a Ie Mise en forme er ki i A lt del gt lt del gt er lt code gt lt code gt gt lt math gt lt math gt gt lt poesie gt vers lt poesie gt tex gt 12 lt cadre gt lt cadre gt gt 12 lt quote gt lt quote gt gt gt gt _ gt aut3 er gt br3 me gt br3 J gt L lt XX gt Documents Listes et tableaux lt ingoo gt lt img left gt i lt img center gt i lt img right gt lt doc gt lt doc left gt lt doc center gt ai lt doc right gt Jocu lt embXXX gt I ARE 3 lt embXXX left gt 1a 1b lt embXXX center gt 2a 2b lt embXXX right gt 3a 3c Multilinguisme Divers
14. om 29186408 R f rencer un document sur l internet http www flickr com photos erational 6706721723 depuis mon ordinateur la m diath que le serveur internet 29186408 TOKYO SLO MODE on Vimeo N 13 htmi 159 ko B Modifier 204RRANR Chaque site poss de une taille limite qui varie de 2Mo plusieurs m gas pour l envoi des documents Si votre document d passe cette limite contactez l administrateur du site pour ajouter le document en FTP ou alors utilisez l option r f rencer un document externe sur l internet page 10 Cours SPIP 3 pour r dacteur version 2 9 Avril 2012 7 7 Ajoutez plusieurs documents en une seule fois Pour gagner du temps il est possible d ajouter plusieurs documents en une seule fois 1 Sur votre ordinateur regroupez vos documents dans un fichier zip v rifiez que votre fichier ne d passe pas la taille limite autoris e par le site 2 Utilisez le formulaire habituel d ajout de documents 3 Choisissez l option d compress et chaque l ment qu il contient CR N Sen ere Era eee P rpm fre mo PRG LENS cpu Tai Ajouter une image ou un document l Astuce Une autre possibilit est de s lectionner vos documents un un et de T l charger depuis Ee votre ordinateur n appuyer sur le bouton T l charger qu la fin 7 8 Cr er un portfolio Parcourir x AMSP Association M dico Sociale de Pro Cours de 4
15. sont le chardonnay Code exemple onglet diter R sultat affich onglet voir Le nom officiel du roi soleil est Louis XIV Le nom officiel du roi soleil est Louis XIV On dit que ce code est un raccourci de mise en forme Voir en annexe de ce document un r sum pour tous les raccourcis disponibles A propos Spip ne propose pas d diteur WYSIWYG qui permette comme dans un traitement de texte au r dacteur de choisir sa police sa taille Il s agit de pr server une coh rence entre tous les articles Comme dans un journal papier les articles ne changent pas de police ou de couleur d un article l autre Spip pr serve ainsi le texte pour optimiser sa pr sentation on peut l afficher au mieux depuis un grand cran ou un portable sa diffusion moteur de recherche flux sa p rennit on peut changer les couleurs du site sans reprendre tout le contenu page 5 Cours SPIP 3 pour r dacteur version 2 9 Avril 2012 6 2 Contraintes du HTML les espaces blancs Les articles SPIP sont affich s dans le langage des pages web le HTML qui pr sente quelques particularit s et limitations Les espaces blancs ne sont pas pris en compte et les effets de tabulations de marges sont simplement ignor s Code exemple R sultat affich chat et chien chat et chien 6 3 Cr er un lien externe Code exemple R sultat affich aller sur google gt http www google com aller sur google gt http www google com ht
16. tp www google gam Attention indiquez bien les adresses compl tes commen ant par http ll 6 4 Cr er un lien interne Un lien interne est un lien qui pointe vers un autre objet du site et facilite la navigation de l internaute Pour cr er un lien interne il vous faut conna tre le num ro de l objet cible ARTICLE NUM RO Susi 2 Rec Cet article est id E publi en ligne DATE Chaque objet dans SPIP poss de un num ro visible depuis l espace priv et public Le raccourci pour faire le lien sur cet article est consulter l article gt 2 Astuce Il est possible d omettre l expression de gauche gt 2 Dans ce cas SPIP affiche le titre de l objet cibl M mo Syntaxe Lien vers un article Lien vers une rubrique Lien vers un auteur Lien vers une br ve texte du lien gt 2 texte du lien gt rub2 texte du lien gt aut2 texte du lien gt br2 page 6 Cours SPIP 3 pour r dacteur version 2 9 Avril 2012 7 Ajouter des images et documents aux articles ZT Etape 1 Pr parez vos documents pour le web Il est important de pr parer l avance vos documents sur votre ordinateur avant de les publier Voici quelques points v rifier 7 2 Le poids du document ne d passez pas en g n ral le 1 Mo m ga octet g n ralement votre document devrait peser 200 300 Ko au maximum Le format du document utilisez des formats reconnus par tous pdf txt zip
Download Pdf Manuals
Related Search