Créer un site Internet dynamique

Créer un site Internet dynamique avec SPIP (version 3) Document de référence Denise St-Pierre animatrice au service local du Récit

1. Qu est-ce que SPIP?... 3 2. Caractéristiques de SPIP... 3 3. Quelques principes de base... 3 3.1 Voici à quoi ressemble SPIP dans son interface publique.... 4 3.2 Se connecter pour passer de l interface publique à l interface privée... 5 3.3 Voici à quoi ressemble SPIP dans son interface privée.... 6 3.3.1 1 re bande du haut :... 6 3.3.2 2e bande du haut... 7 3.3.3 Icônes de base... 7 3.3.3 Icônes de base (suite)... 8 4. Les auteurs... 9 5. Structure d un site fait avec SPIP... 10 6. Créer une rubrique et une sous-rubrique.... 11 6.1 Rubrique... 11 6.2 À propos d une rubrique... 12 7.Écrire un article... 13 7.1 Étapes... 13 7.2 À propos d un article... 13 7.3 À propos d un article... 14 8.Publier un article en ligne... 15 9.Publier une brève... 16 10.Quelques trucs pour la mise en forme d un article... 17 11.Maintenance... 18... 19 Créer un site SPIP Ahuntsic ver.3 Page 2

1. Qu est-ce que SPIP? SPIP est un Système Public de Publication par Internet. Il s agit d un ensemble de fichiers, installés sur votre compte Web, qui vous permet de publier directement en ligne. Avec le même logiciel qui vous permet de naviguer sur Internet (Firefox ou Chrome), SPIP permet de fabriquer et de tenir un site à jour, grâce à une interface très simple d utilisation. Même des enfants de premier cycle du primaire publient avec SPIP. 2. Caractéristiques de SPIP Construit sous la structure d un journal, SPIP permet d écrire des articles et des brèves à l intérieur de rubriques. Les articles et les rubriques peuvent être accompagnés ou non de pièces jointes et d images. Votre site construit avec SPIP peut inclure des commentaires des internautes pour chaque article, des portfolios de photos à visualiser en diaporama. Vous pouvez publier des fichiers audios (.mp3) et vidéos (.flv). L ajout de certains plugins, augmentera les possibilités de publication de SPIP. Par exemple, grâce au plugin «didaspip», vous pourrez publier des livres interactifs que vous aurez créés avec Didapage. La communauté de créateurs est très active et aussi très généreuse, ce gestionnaire de contenu est donc toujours en évolution et répond à la plupart des besoins des gens qui, comme vous et moi, veulent communiquer via un site web simple mais efficace. Un site fait avec SPIP peut être géré par un ou plusieurs administrateurs accompagnés d un nombre illimité de rédacteurs. 3. Quelques principes de base Pour illustrer les procédures ci-dessous, nous utiliserons un squelette SPIP qui se nomme Ahuntsic. Tout squelette comporte deux interfaces; une interface publique (celle que l on voit sur Internet) et une autre privée (celle avec laquelle vous allez construire et gérer votre site) Créer un site SPIP Ahuntsic ver.3 Page 3

3.1 Voici à quoi ressemble SPIP dans son interface publique. Créer un site SPIP Ahuntsic ver.3 Page 4

3.2 Se connecter pour passer de l interface publique à l interface privée 1. Cliquez sur «se connecter» complètement en bas de la page d accueil de votre site. 2. Entrez les infos de connexion fournies par votre administrateur et cliquez sur «valider» 3. Vous voyez encore l interface publique, vous pouvez même naviguer entre les rubriques et les articles, mais vous voyez maintenant des onglets gris tout en haut du site. C est là que vous pouvez passer directement dans l espace privé selon la page où vous êtes. Dans ce cas-ci, j étais sur la page d accueil, je passerai donc à la racine du site dans l espace privé. Ici, je m étais déplacée dans un article. Il y a donc un onglet qui me suggère d aller dans l espace privé, exactement dans cet article. Ici, j étais dans une rubrique nommée au menu de gauche. Il y a donc un onglet qui me suggère d aller directement dans cette rubrique, dans l interface privée. Dans tous les cas, le premier onglet gris conduit dans l interface privée. L onglet «Recalculer cette page» permet d actualiser la page pour voir les changements s il y lieu. Créer un site SPIP Ahuntsic ver.3 Page 5

3.3 Voici à quoi ressemble SPIP dans son interface privée. 3.3.1 1 re bande du haut : Se déconnecter de la partie privée Accès au site public Votre nom d auteur un clic dessus vous mène aux paramètres de votre identificateur c est là que vous pouvez changer votre mot de passe entre autres. Nom du site Un clic dessus vous mène aux paramètres relatifs à l identité du site Usage réservé aux administrateurs. Créer un site SPIP Ahuntsic ver.3 Page 6

3.3.2 2e bande du haut Au survol de la souris on voit : Tout le site (plan du site) Et chacune des rubriques et sous- rubrique pour un accès direct 3.3.3 Icônes de base Autre façon directe de créer : une rubrique, un article, un auteur ou une brève. Revenir à la page «d accueil» de l interface privée. Ajouter/modifier Auteurs, rubriques, articles, documents ou brèves. Coup d œil sur : Les articles publiés Suivi RSS d une rubrique en particulier Paramètres de restriction pour l accès à certaines rubriques (plugin nécessaire) Infos relatives aux visiteurs (non fonctionnel pour le moment) Statistiques du site Créer un site SPIP Ahuntsic ver.3 Page 7

3.3.3 Icônes de base (suite) * * * * * * ne pas modifier sans l aide d un technicien ou de votre CP Récit. SVP Configuration de cette fonctionnalité Vider le cache nettoyage nécessaire pour visualiser des changements majeurs Corbeille : à vider aussi lorsqu on est certain de ne plus avoir besoin de ce qu on a supprimé (article, auteurs, commentaires) Configuration détaillée du site Créer un site SPIP Ahuntsic ver.3 Page 8

4. Les auteurs 4.1 Rédacteur (élève) Écrire un nouvel article. Réaliser des portfolio de photos. Écrire une nouvelle brève. Continuer et corriger ses articles «en cours de rédaction» ou «proposés à la publication». Consulter et donner son avis pour les articles des autres rédacteurs, proposés à la publication. Modifier une brève «à valider». Référencer un site Web. 4.2 Administrateur de rubrique (élève mais surtout un autre enseignant) Outre les possibilités du rédacteur, il peut pour la ou les rubriques qu'il administre : créer des sous-rubriques; corriger et valider les articles proposés à la publication; publier une brève «à valider»; proposer un nouveau rédacteur; référencer un site Web. 4.3 Administrateur général (Personnes responsables du site et CP Récit) Outre les possibilités abordées ci-dessus, étendues à toutes les rubriques, il peut : valider les sites Web référencés; configurer le site; maintenir le site (sauvegarde, cache,...); gérer les auteurs; personnaliser le site (images, les couleurs, etc.). 4.4 Ajouter un auteur Ce sont les administrateurs qui peuvent le faire. Il n y a aussi qu eux qui peuvent modifier un nom d usager et un mot de passe. Voici les étapes : 1. accéder à l interface privée 2. menu «Édition» et auteurs 3. Cliquer sur cet icône Créer un site SPIP Ahuntsic ver.3 Page 9

4. Compléter le formulaire 4.5 Retirer un auteur : changer le statut de l auteur pour «à la poubelle» 5. Structure d un site fait avec SPIP 5.1 Rubriques et sous-rubriques Créer un site SPIP Ahuntsic ver.3 Page 10

Un site fait avec SPIP est constitué d abord de rubriques. Ces dernières sont ni plus ni moins que la structure thématique de votre site. Il est également possible de créer des sousrubriques. Seuls les administrateurs peuvent créer, modifier ou supprimer des rubriques. 5.2 Articles Après avoir créé une rubrique, il faut lui insérer des articles, c est-à-dire des textes correspondants au thème de la rubrique. 5.3 Brèves Comme son nom l indique, une brève est constituée d une quantité limitée d informations : un titre, un court texte et un lien hypertexte. Ainsi, le système de brève est-il idéal pour un suivi de l'actualité, une revue de presse en ligne, etc. Elle n est pas obligatoire. 6. Créer une rubrique et une sous-rubrique. 6.1 Rubrique 1. Entrez dans l interface privée. 2. Allez sur l icône «Édition». 3. Cliquez sur «Rubriques» 4. Donnez un titre (obligatoire) à votre rubrique. La description et le texte sont facultatifs. 5. Cliquez sur au bas de la page. Une rubrique n apparaît pas sur le Web tant et aussi longtemps qu elle ne contient pas au moins un article publié. Créer un site SPIP Ahuntsic ver.3 Page 11

6.2 À propos d une rubrique Créer un site SPIP Ahuntsic ver.3 Page 12

7. Écrire un article 7.1 Étapes 1. Entrez dans l interface privée 2. Allez dans la rubrique dans laquelle vous voulez que soit publié l article. 3. Cliquez sur 4. Une fois votre article terminé, cliquez sur au bas de la page. 7.2 À propos d un article mode édition (écriture du texte) Créer un site SPIP Ahuntsic ver.3 Page 13

7.3 À propos d un article En dehors du mode édition Créer un site SPIP Ahuntsic ver.3 Page 14

8. Publier un article en ligne Lorsqu on écrit un article, il ne figure pas automatiquement sur le web. Cela permet aux rédacteurs de travailler sur leur texte le temps qu il faut avant qu il ne soit visible au public. 8.1 Si vous êtes rédacteur vous devez soumettre votre aticle à l évaluation. Un administrateur le lira et jugera s il le publie ou s il le laisse «en cours de rédaction» afin qu il soit retravaillé. Voici les interfaces : Rédacteur et Administrateur Rédacteur Ce que voit l administrateur Selon l évaluation du texte, l administrateur changera le statut de l article de la façon suivante : ou Notez que lorsqu un article est publié par un administrateur, il ne peut être retravaillé par un rédacteur par la suite (à moins que l administrateur change temporairement le statut de l article par «en cours de rédaction».) 8.2 Si vous êtes administrateur, vous avez le pouvoir de publier vous-mêmes vos articles. Créer un site SPIP Ahuntsic ver.3 Page 15

Bien qu on doivent la relier à une 9. Publier une brève rubrique, une brève ne figurera Étapes pas au menu de gauche, ni même sur la page d accueil au centre. 1. Accéder à l interface privée 2. Menu «Édition» 3. «Brèves» 4. Choisir dans quelle rubrique doit être classée cette brève 5. Donner un titre très simple et précis car c est ce qui figurera au menu des brèves situé dans le sous le menu de droite tout en bas. 6. La brève peut contenir du texte, un logo, un lien web. Impossible d y joindre un document. 7. On doit publier la brève pour qu elle soit visible en ligne. Les rédacteurs devront choisir : «Proposée à l évaluation» Les administrateurs pourront choisir : «Validée» 8. Pour lire la brève, on doit cliquer sur le lien dans le menu de droite : Et voilà toute la brève affichée: 9. La durée de publication d une brève est généralement courte. L information qu elle transmet est la plupart du temps très ponctuelle. On voudra donc la retirer à plus ou moins court terme. Il faudra alors qu un administrateur aille changer le statut pour : «refusée». Créer un site SPIP Ahuntsic ver.3 Page 16

10. Quelques trucs pour la mise en forme d un article Pour faciliter la mise en page des documents publiés avec SPIP, le système propose un certain nombre de «raccourcis typographiques» destinés à : simplifier l'utilisation par des utilisateurs ne connaissant pas le code HTML; faciliter le traitement automatique de la mise en page. On retrouve ici les raccourcis les plus utilisés, mais d autres existent sur l aide en ligne dans l interface privée de SPIP. 10.1 Paragraphes et retour à la ligne Pour créer des paragraphes, il suffit de sauter une ligne en appuyant sur «Entrée». 10.2 Gras et italique On indique simplement du texte en italique en le plaçant entre des accolades simples : {du texte en italique}. On indique du texte en gras en le plaçant entre des accolades doubles : {{du texte en gras}} 10.3 Intertitres Les intertitres sont des titres centrés à l'intérieur d'un texte permettant d'en indiquer la structure. Dans SPIP, on les indique très simplement en les plaçant entre des accolades triples : {{{Un titre de partie}}}. Un titre de partie 10.4 Trait de séparation horizontal Il est très simple d'insérer un trait de séparation horizontal sur toute la largeur du texte : il suffit de placer une ligne ne contenant qu'une succession d'au moins quatre tirets, ainsi : ---- donnera : 10.5 Listes On peut fabriquer des listes dans SPIP : il suffit de revenir à la ligne et de commencer la nouvelle ligne avec un tiret («-»). Voici Une liste 10.6 Les liens hypertextes On fabriquera facilement un lien hypertexte avec le code suivant : [texte du lien->url] Exemple : Vous trouverez sur le site du [Récit->http://recit.csbe.qc.ca/], une foule de renseignements. devient : Vous trouverez sur le site du Récit une foule de renseignements. Créer un site SPIP Ahuntsic ver.3 Page 17

10.7 Notes de bas de page Une note de bas de page est habituellement signalée par un numéro placé à l'intérieur du texte, numéro repris en bas de page et proposant un complément d'information. Dans SPIP, cette fonctionnalité est automatisée : les notes sont numérotées par SPIP, qui gère également des liens hypertextes à l'intérieur du document pour passer directement de l'appel de note au texte de la note correspondante, et vice-versa. Une note de bas de page est indiquée, dans SPIP, entre doubles crochets : Une note [[Voici un complément d'information.]] de bas de page. donnera : Une note [1] de bas de page (ce qui est écrit entre les crochets sera affiché en bas de page). 10.8 Tableaux Pour réaliser des tableaux dans SPIP, il suffit de faire des lignes dont les «cases» sont séparées par le symbole (pipe ou trait vertical), lignes commençant et se terminant par des traits verticaux. Il est impératif de laisser des lignes vides avant et après ce tableau. Exemple : {{Nom}} {{Prénom}} {{Age}} Marso Ben 23 ans Capitaine non connu Philant Philippe 46 ans Cadoc Bébé 4 mois 11. Maintenance Nom Prénom Age Marso Capitaine Philant Cadoc Ben Philippe Bébé 23 ans non connu 46 ans 4 mois Lorsque vous faites des modifications dans votre site, il faut toujours cliquer sur «Recalculer la page» pour voir les changements sur le Web. IL est important aussi, de gérer le «cache» de son site régulièrement. Voici comment : 1. Allez dans l interface privée et placer le curseur sans cliquer sur «Maintenance» et «Vider le cache» Créer un site SPIP Ahuntsic ver.3 Page 18

Créer un site SPIP Ahuntsic ver.3 Page 19