Fiche Pratique Webmastering SPIP Tutoriel de création d'un article L'article est le moyen le plus utiliser pour publier des textes, documents textes et documents multimédias en ligne. Au cour de ce tutoriel, vous trouverez toutes les astuces qui vous permettrons de réussir la création et la mise en ligne de votre article. Les Champs qui composent un article La page de rédaction est très longue car la structure d'un article est complexe Obligatoire : Vous devez absolument remplir, au moins le titre pour valider la création de l'article. Les titres : Le titre de l'article est obligatoire. le sous-titre peut être facultatifs. À l'intérieur de la rubrique : Permet de créer déplacer un article d'une rubrique à une autre. Descriptif rapide : utilisé pour la navigation à l intérieur du site : il permet d indiquer brièvement, dans les sommaires par exemple, le thème de l article. Chapeau : dans le jargon de la presse, désigne le court texte qui "chapeaute" l article. Le chapeau est parfois utilisé dans le sommaire du site pour présenter un article. Texte : C'est le corps de l'article. Ici vous pouvez refaire le monde et partager toutes vos idées. La mise en page sera détaillée dans le chapitre suivant. Comment déplacer un article 1. Rendez vous à l'espace d'édition de l'article 2. Cliquez sur «modifier» 3. Cliquez sur la loupe dans la zone «À l'intérieur de la rubrique» 4. Sélectionnez la rubrique qui recevra l'article 5. Cliquez sur «Choisir» pour déplacer l'article 6. Enregistrez votre article Attention : Si vous êtes rédacteur, vous ne pourrez déplacer que les articles en cours de rédaction ou proposé à publication dont vous êtes l'auteur Formation IPEOS - 1/5
Les étapes à suivre pour réussir la création de son article Pour commencer, choisissez la rubrique de destination de l'article et cliquez sur le bouton «Écrire un nouvel article» Attention : Le bouton est placé en bas de page Rédiger un titre Choisissez un titre cour et précis. Le titre ne doit pas excéder les 50 caractères. Si vous souhaitez fournir plus d'information dans le titre, ajouter ces informations dans le «Sous-titre» Exemple : Pour le titre : Derniers jours d inscription aux ateliers de formation «Gestion de projets et enjeux de la coopération internationale» formater de préférence comme suis : 1. Titre : Derniers jours d inscription aux ateliers de formation 2. Sous-titre : Gestion de projets et enjeux de la coopération internationale Rédiger un chapeau explicite Le chapeau permet de donner au lecteur un bref aperçu ou descriptif de l'article que l'internaute va lire. Il est impératif de rédiger un chapeau claire pour chaque article du site. Rédiger un texte Écrire le contenu du texte avec une mise en page claire et rythmé. Évitez les paragraphes trop longs et n'hésitez pas à mettre les mots ou les phrases qui vous semble importante en gras ou italique et pensez à séparer les différentes parties de votre texte par des intertitre. Valider la création de votre article Cliquer sur le bouton «Enregistrer» en bas de page Mettre en page un texte Des outils de mise en page (raccourcis typographiques) vous sont proposés par SPIP pour vous aider dans votre structuration de texte. Principe: une barre d'outil type traitement de texte facilite le travail de mise en forme du contenu. Remarque: Le soulignement est absent des raccourcis texte; en effet en ergonomie web le soulignement est associé à un élément de navigation un Formation IPEOS - 2/5
lien cliquable et donc de fait exclus comme élément de mise en page (élément perturbateur, induit en erreur une certaine proportion d'internautes). Les raccourcis de la barre typographiques Italique : {texte} Gras : {{texte}} Intertitre : {{{texte}}} Lien : [http://url_destination texte] Note de bas de page : [[texte]] Liste de caractères spéciaux pour le confort d'écriture. Astuces : Plusieurs autres raccourcis sont disponibles. Pour consulter la liste, je vous invite à cliquer sur le petit «?» à coté de «Texte». Vous retrouverez entre autres les raccourcis typographiques vous permettant de faire des listes d'énumération, numéroté, des tableau Ajouter un document Vous pouvez ajouter des documents en pièce jointe à vos articles. Quand vous être en train d'éditer un article, dans la zone de gauche, utiliser le formulaire de la zone «Ajouter une image ou un document». Si vous êtes consulter l'article, un formulaire en bas de page «Joindre un document» vous permettra aussi d'attacher un document. Attacher son document 1. Cliquez sur parcourir : permet de parcourir votre disque dur, à vous de sélectionner un document, de l'ouvrir et vous apercevez ensuite le chemin dans la case. 2. Cliquez sur télécharger permet, une fois le document trouvé, de le récupérer et de le charger sur le site. (on peut aussi sélectionner un fichier envoyé via FTP par un administrateur ou bien, faire pointer vers un document stocké sur un site autre site web) Habillage du document du document Le téléchargement du document ouvre un nouvel espace: Vous constatez l'icône qui représente votre document est en fonction de l'extension de celui-ci, ou bien une miniature si ce fichier est une image). Remplissez les champs du titre et de la description de votre document et validez par le bouton «Enregistrer». Important : Prenez l'habitude de nommer vos documents pour les internautes. Si vous ne nommé pas le document, le nom par défaut sera celui Formation IPEOS - 3/5
du fichier en remplaçant les espace par des «_» Exemple : Fichier envoyé : Guide aux porteur de projet.pdf Fichier attaché : Guide_aux_porteur_de_projet.pdf Inclure une illustration Pour ajouter une image il faut suivre la même procédure que pour l'ajout de document. Par défaut SPIP considère comme image les extensions JPEG, GIF et PNG. Dans ce cas, après le téléchargement, ce n'est pas une icône qui apparaît mais l'image elle-même. Dépliez l'image et mettez (ou pas) un titre et une description puis validez. Les images sont retaillées automatiquement lors de l'affichage de la page dans le site public pour ne pas entrainer de ralentissement dans le chargement de la page. Il est conseillé de choisir des images de moins de 5 mega pixel pour les logos d'articles ou de rubrique. Contrairement aux documents joints, l'ajout d'illustration à l'article n'est pas automatique: le rédacteur peut choir l'endroit d'affichage de l'illustration, ainsi que son alignement. Pour ce faire, vous disposez de 3 extraits de code à la fin du formulaire. Ce code est compris entre < et > et est constitué du numéro du document "img180" d'une ligne verticale et de l'endroit où va se positionner le document "left" (à gauche) "center" (au centre) "right" (à droite) Sélectionnez le code choisi soit avec la souris en faisant un copier/coller du code dans votre texte à l'endroit où vous voulez que l'image apparaisse, soit cliquant à l'endroit ou vous voulez que l'image se place dans le texte, puis en cliquant 2 fois sur le code de l'image. Validez l'article et vérifiez la mise en page. Publier un article Maintenant, votre article est près à être publié en ligne. En tant que rédacteur, vous pouvez proposer votre article à évaluation pour publication en changeant l'état de votre article. Pour ce faire, rendez vous à l'espace de rédaction de l'article, et dans le bloc «Article Numéro :» modifier le statut de l'article de «En cours de Formation IPEOS - 4/5
rédaction» à «proposé à évaluation». Votre article est maintenant proposé à un administrateur pour validation et mise en ligne. Formation IPEOS - 5/5