Publier sur le site du collège version spip 3

1 080 vues

Publié le

Voici le tutoriel mis à jour pour spip 3.

Publié dans : Formation
0 commentaire
0 j’aime
Statistiques
Remarques
  • Soyez le premier à commenter

  • Soyez le premier à aimer ceci

Aucun téléchargement
Vues
Nombre de vues
1 080
Sur SlideShare
0
Issues des intégrations
0
Intégrations
3
Actions
Partages
0
Téléchargements
21
Commentaires
0
J’aime
0
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive

Publier sur le site du collège version spip 3

  1. 1. 1 Utiliser le site du collègeen tant que rédacteur URL : http://www.clg-tillion-lardy.ac-versailles.fr/ Site fonctionnant avec Spip 3 et Eva-web 4.1 Christine Fiasson - Collège Germaine Tillion - Lardy
  2. 2. 2 SOMMAIREPage 3 Etape 1 – Comment s’identifier en tant que rédacteur ?Page 4 Etape 2 – Comment utiliser la partie privée du site du collège ? Etape 3 – Rédiger un article simplePage 5 1 – Créer l’articlePage 6 2 – Mettre l’article dans la bonne catégoriePage 7 3 – Enregistrer l’articlePage 8 4 – Télécharger un logo attaché à l’articlePage 8 5 – Définir les mots-clés de l’articlePage 9 6 – Demander la publication de l’article Etape 4 – Rajouter des documents (lien, image, son, vidéo, exercice interactif) à un articlePage 10 1 – Rajouter un lien ou un hyperlienPage 11 2 – Rajouter une image ou un fichier sonPage 13 3 – Rajouter un exercice interactif ou un diaporamaPage 14 4 – Rajouter un document grâce à du code html (vidéo, son, diaporama, quiz)Page 15 Etape 5 – Faire une redirection vers une ressource ou un sitePage 15 Informations complémentaires Christine Fiasson - Collège Germaine Tillion - Lardy
  3. 3. 3Etape 1 – Comment s’identifier en tant que rédacteur ? Sur la page d’accueil dans le bandeau en haut à droite, vous pouvez vous identifier en cliquant sur« Rédaction ». Cliquez sur Il y a un autre moyen de vous identifier à partir de la page d’accueil : en allant dans le pied de page,vous pouvez cliquer sur « Rédaction » ou « Se connecter ». Puis, il faut écrire vos identifiants - votre Login/mot de passe et cliquer sur « Valider ». Login Mot de passe Vous avez ainsi accès à la partie privée du site et vous allez pouvoir publier des articles en tant queRédacteur. Cependant vos articles n’apparaîtront en ligne que si un Administrateur les valide. Christine Fiasson - Collège Germaine Tillion - Lardy
  4. 4. 4 Etape 2 – Comment utiliser la partie privée du site du collège ? Voir les Auteurs, les Se Raccourci vers Articles, les déconnecter la page Catégories, les d’accueil du Raccourci vers Mots-clés etc. site public la page d’accueil du site privé Ecrire un Raccourcis :article ou une message, brève recherche, etc.Pour modifier vos infos personnelles Les derniers articles parus Les articles que vous êtes en train de créer et qui ne sont pas encore mis en ligne sur le site public LesPrésentation articlesgénérale du en attente site de validation Les catégories auxquelles vous avez accès Ceci est la page d’accueil du site privé Christine Fiasson - Collège Germaine Tillion - Lardy
  5. 5. 5 Etape 3 – Rédiger un article simple 1 – Créer l’article Sur la page d’accueil, cliquez sur le logo (« Ecrire un nouvel article ») et vous arrivez sur cet écran. Il est obligatoire et doit être suffisamment Titre clair pour que les visiteurs sachent de quoi va parler l’article. Il est un résumé de quelques mots Descriptif présentant le sujet de l’article. rapide Il apparaît sur la page d’accueil du site public. Il peut être identique au « descriptif rapide » car ils n’apparaissent jamais Chapeau simultanément. Le chapeau constitue le début de l’article qui apparaît plus gros. Il s’agit du corps de votre article. Vous pouvez le mettre en forme grâce à des Texte outils, y rajouter des images ou d’autres documents. Voici les outils que vous pouvez utiliser pour faire la mise en forme. Faire une mise en forme spécialeTransformer avec du code html en titre Mettre en gras Ajouter des caractères Mettre en spéciaux italique Faire une Ajouter des guillemets liste avec des puces Faire un lien (hyperlien) sur un Faire une citation mot ou une image Faire une note de bas de page Christine Fiasson - Collège Germaine Tillion - Lardy
  6. 6. 62 – Mettre l’article dans la bonne catégorie Votre article à un sujet et il faut le placer dans la catégorie correspondante pour que les visiteurs dusite puisse le retrouver facilement. Pour cela cliquez la loupe à côté de « À l’intérieur de la rubrique » et choisissez ensuite grâceau système de menus déroulant la bonne catégorie. Pour la validez, cliquez enfin sur « Choisir » (sinon votrechoix ne sera pas pris en compte). 1 2 2 3 Il est important de penser à faire cette manipulation car par défaut la catégorie choisie est celle de laracine du site. Votre article pourrait ne pas être classé et donc difficile à trouver si vous n’y prenez garde. En tant que rédacteur vous pouvez ne pas avoir accès à toutes les catégories, mais seulement à celles quivous concernent directement. De façon générale, les professeurs peuvent écrire dans les catégories liées aux« Enseignements », le Conseillère Principale d’Education celles de la « Vie scolaire », le professeur-documentaliste écrit dans « CDI » etc. Christine Fiasson - Collège Germaine Tillion - Lardy
  7. 7. 73 – Enregistrer l’article Une fois que vous avez écrit votre article et qu’il est placé dans la bonne catégorie, il est nécessaire del’enregistrer avant d’y apporter des modifications supplémentaires. En bas à droite, cliquez sur « Enregistrer ». Vous accédez alors à une page proche de celle présentée ci-dessous, ce qui vous signifie quel’enregistrement s’est bien passé. Sur cette page vous allez maintenant pouvoir mettre un logo à votre article et choisir les mots-clés. 5 - Ajouter des mots- clés à votre article 4 - Mettre un logo à votre article Christine Fiasson - Collège Germaine Tillion - Lardy
  8. 8. 84 – Télécharger un logo attaché à l’article En faisant passer votre souris sur « Logo de l’article » vous avez la possibilité de mettre une image quiva représenter votre article. Quel est l’intérêt ? Par défaut les logos sont ceux de la catégorie de l’article mais ils n’apparaissent passur la page d’accueil. Il est beaucoup plus attractif pour un visiteur de cibler d’un seul coup d’œil le sujet del’article grâce à son logo. Par exemple, l’Union Jack pour un article en anglais, un schéma de l’ADN pour un article sur le mêmesujet en SVT. Pour ajouter un logo, il faut qu’il soit déjà enregistré sur votre disque dur ou sur un espace de stockage type clé USB. En cliquant sur « Parcourir » vous ouvrez une fenêtre qui vous permet d’aller chercher l’emplacement de l’image choisie dans votre ordinateur personnel/clé USB/disque dur externe. Une fois cela effectué, cliquez sur « Télécharger ». Cela peut prendre un peu de temps car votre image est alors téléchargée sur le serveur qui héberge le site du collège. Si l’image apparaît sous « Logo de l’article », alors vous avez réussi.5 – Définir les mots-clés de l’article Vous devez aussi ajouter des mots-clés à votre article. Ces mots-clés à utiliser ont deux objectifs : - Ils permettent de cibler le sujet de l’article pour lui donner un accès rapide sur la page d’accueil du site public ; il suffit en effet de cliquer sur le mot-clé correspondant pour trouver tous les articles qui correspondent. Ce sont les mots-clés du menu déroulant « Sujet de l’article » - Ils agissent également sur le placement de l’article dans la page d’accueil. Ce sont les mots-clés « affichage ». Pour les choisir, il suffit d’ouvrir le menu déroulant correspondant et de cliquer sur votre choix avant dele valider en cliquant sur « Choisir ». Les mots-clés « Sujet de l’article » sont proches des catégories du site. Voici par contre un rapide descriptif des 3 mots-clés à utiliser dans « affichage ». [Ce sont les pluscourants] « nouveautés »  le mot-clé le plus important car il permet à votre article d’être présent dans le ‘bloc nouveautés’ de la page d’accueil du site public. Ainsi, il est visible et reçoit plus de visiteurs. Les articles y restent entre deux et quatre semaines en fonction de leur sujet. « editorial »  ce mot-clé place votre article au centre de la page d’accueil et il est donc visible par tous les visiteurs. « mini-calendrier » ce mot-clé permet d’associer votre article à une date. Pour cela vous devez aussi choisir la date correspondante en mettant « une date de rédaction antérieure ». C’est à cette date que se placera votre évènement sur le mini-calendrier de la page d’accueil. Christine Fiasson - Collège Germaine Tillion - Lardy
  9. 9. 96 – Demander la publication de l’article Une fois votre article fini, vous pouvez « Prévisualiser » votre article et ainsi voir comment ilapparaîtra une fois en ligne. Il vous est donc possible de modifier vos erreurs. Puis, vous pouvez changer le statut de votre article. En effet en dessous du numéro de votre article, il estidentifié comme « en cours de rédaction ». Seul l’auteur de cet article peut le voir. Lorsque vous en êtessatisfait, il faut demander à un Administrateur de le valider pour qu’il apparaisse sur le site public. Pour cela, il faut cliquer sur « Demander la publication de cet article ». Une fenêtre vous présente unmessage vous demandant de confirmer votre choix. Vous pouvez aussi changer le statut de votre article en utilisant le menu déroulant ci-dessous : Attention : une fois votre article mis en ligne, il n’est plus possible pour vous de le modifier. Il fautdemander à l’Administrateur de le dépublier ou de faire la modification lui-même. En attendant qu’un Administrateur valide votre article, il apparaît sur la page d’accueil du site privé (pour la voir cliquer sur « Accueil ») dans le bloc « Articles proposés ». Tout le monde (Rédacteurs/ Administrateurs) peut alors le voir. Christine Fiasson - Collège Germaine Tillion - Lardy
  10. 10. 10Etape 4 – Rajouter des documents (lien, image, son, vidéo, exercice interactif) à un article1 – Rajouter un lien ou un hyperlienIl y a deux façons d’insérer un lien dans un article :  La façon la plus facile est de compléter la case qui correspond lorsque l’on rédige son article. Pour faire un lien vers un site intéressant, il vous faut lui mettre un « Titre » et copier l’adresse de ce site dans la case URL. L’adresse d’un site commence par http://....... et se situe toujours en haut du navigateur (logiciel) que vous utilisez pour aller sur Internet. Le plus simple est de copier/coller l’adresse URL pour éviter les erreurs de recopiage. Pour finir, enregistrer les modifications en cliquant sur « Enregistrer ».  La seconde façon est de faire des hyperliens dans le corps de votre article Qu’est-ce qu’un hyperlien ? Un hyperlien est le fait de transformer un mot ou une image en lien. Cest-à-dire que si on clique sur ce mot/cette image on se rend sur un autre site.Pour faire cela, il faut sélectionner le mot ou l’image et cliquer ensuite sur l’outil suivant : Une fenêtre apparaît et vous demande de donner l’adresse URL du site que vous voulez mettre en lien.Vous devez copier/coller l’URL dans la case et cliquer sur OK.Maintenant, le mot que vous avez choisi (ou l’image) apparaissent ainsi :[Texte ->http://adresseurldusitechoisi/]Si vous enregistrez vous pourrez tester si le lien fonctionne en cliquant sur le mot ou l’image. Christine Fiasson - Collège Germaine Tillion - Lardy
  11. 11. 112 – Rajouter une image ou un fichier son Il est important de comprendre comment fonctionne l’insertion de documents dans un site quifonctionne avec le système Spip.  Vous possédez des documents dans votre disque dur ou sur votre clé USB, vous en trouvez d’autres sur Internet (attention à la question des droits). Pour les afficher dans un article, il faut les mettre sur le serveur du site sinon ils ne s’afficheront jamais. Pour faire cela il faut utiliser le bloc « Ajouter une image ou un document » pour télécharger ce quevous voulez rajouter dans votre article. Pour ajouter un document, il faut qu’il soit déjà enregistré sur votre disque dur ou sur un espace de stockage type clé USB. En cliquant sur « Parcourir » vous ouvrez une fenêtre qui vous permet d’aller chercher l’emplacement de l’image choisie dans votre ordinateur personnel/clé USB/disque dur externe. Une fois cela effectué, cliquez sur « Télécharger ». Cela peut prendre un peu de temps selon la taille de votre document. L’image du document apparaît alors en petit sous « Ajouter une image ou un document ».Vous pouvez rajouter ainsi plusieurs documents pour un même article. Pour insérer votre document dans l’article une fois que vous l’avez téléchargé, il faut copier le code qui apparaît sous la miniature de votre document. Selon l’emplacement que vous souhaitez lui attribuer, choisissez le code à copier/coller : <…..|left> pour alignement à gauche <…..|center> pour centrer le document <…..|right> pour alignement à droite Il est fortement conseillé de centrer les documents car l’apparence de l’article est alors plus harmonieuse. Vous pouvez changer le titre de votre document. Si vous n’insérez pas les documents dans votre article ils apparaîtront en bas de celui-ci une fois publié avec des icônes qui représentent le format du document. Documents Pdf Documents modifiables Fichiers audio Pour les images C’est le format Word ou OpenOffice  si les Le format conseillé est Privilégiez le format jpegconseillé pour tous les élèves doivent modifier le mp3. ou gif. documents qui ne document il faut faire attention Evitez le wma. Attention aussi à la taille doivent pas être à la version choisie. Si les fichiers sont de des images  il ne fautmodifiés car la plupart Les docx par exemple ne sont taille importante, il pas dépasser 450 pixels des ordinateurs les ouverts par tous les logiciels de faut mieux passer par de large et éviter de ouvrent sans souci. traitement de texte. le blog de podcasts du charger des images trop collège. lourdes. Christine Fiasson - Collège Germaine Tillion - Lardy
  12. 12. 12 Depuis la mise à jour du site du collège, vous pouvez réutiliser des documents déjà mis en ligne dans unprécédent article. Pour cela vous devez utiliser la médiathèque pour rajouter un document. Au moment d’ « Ajouter un document ou une image », au lieu de laisser « depuis : mon ordinateur »,cliquez sur « la médiathèque » puis sur « Parcourir ». 2 1 Une nouvelle fenêtre s’ouvre et elle vous permet d’accéder à tous les documents précédents mis en lignesur le site. Les documents sont classés en différents onglets en fonction de leur nature : des Images, des Bandes-son, des Séquences (vidéos), Autres. Vous pouvez aussi faciliter votre recherche en rajoutant d’autres critères de tri : la date de mise en ligne, le poids du fichier, la largeur ou la hauteur pour une image, le titre du document. Petit rappel : Plus le numéro du document est important plus sa mise en ligne sur le site est récente. Cliquez sur « Choisir » pour sélectionner un document et il est immédiatement rajouté à liste dedocuments de votre article. Il vous suffit ensuite de l’insérer dans le corps du texte comme cela a été expliquéprécédemment. Christine Fiasson - Collège Germaine Tillion - Lardy
  13. 13. 133 – Rajouter un exercice interactif ou un diaporama  Si vous savez faire des exercices interactifs avec le logiciel Hotpotatoes vous souhaitez peut- être pouvoir les mettre en ligne. Pour cela, une fois voir exercice créé, générez la page html de cet exercice grâce à Hotpotatoes ettéléchargez cette page comme un document classique dans votre exercice. Petite précision …Voici un exercice Le fait de télécharger un document sur le site duHotpotatoes une fois collège signifie que ce document possède unetéléchar-gé comme un adresse url à partir du site. Il est possible dedocument classique sur connaître cette adresse et donc de faire un lienun article. (hyperlien) vers votre exercice Hotpotatoes.Vous pouvez donc Pour trouver l’adresse url de votre exercice, voicil’insérer comme une la marche à suivre, elle est très rapide :image dans votrearticle. Cliquez avec le bouton droit de votre souris sur le symbole représentant votre document pour ouvrir un menu déroulant. Vous sélectionnez dans ce menu « copier l’adresse du lien » et coller ensuite Vous pouvez changer le titre et cette adresse où vous en avez besoin. mettre un petit descriptif. Pour rendre cette insertion plus agréable, il est possible de mettre un logo à votre exercice pour remplacer le classique « page html ». Pour cela il suffit de télécharger une « vignette personnalisée »  Pour mettre un diaporama en ligne sur le site du collège, il y a plusieurs façons possibles. La plus simple est de télécharger le fichier Microsoft PowerPoint ou OpenOffice Impress comme undocument. Ensuite les visiteurs doivent pour pouvoir le voir le télécharger sur leur ordinateur puis l’ouvrir. Ledocument est alors modifiable par la personne qui l’a téléchargé. Attention cependant à ne pas mettre en lignedes diaporamas de taille trop importante. Pour que le diaporama soit visible en ligne, on peut le modifier en fichier flash. Pour cela il faut utiliserPowerPoint et avoir téléchargé et installé iSpring Free qui permet de convertir gratuitement des diaporamas enfichier Flash (http://www.ispringsolutions.com/free_powerpoint_to_flash_converter.html) Une fois votre diaporama.ppt transformé en diaporama.swf vous pouvez le télécharger comme un documentclassique et l’insérer dans votre article. Enfin, il est possible de télécharger votre diaporama sur un site comme SlideShare qui génère pourvous un code html à insérer dans votre article pour que votre diaporama apparaisse directement dans le corpsdu texte.Cette méthode est expliquée dans la suite du tutoriel. Christine Fiasson - Collège Germaine Tillion - Lardy
  14. 14. 144 – Rajouter un document grâce à du code html (vidéo, son, diaporama, quiz)Qu’est ce que le code html ? Il s’agit d’un code invisible lorsque l’on va sur internet mais il est omniprésentcar il encode les pages pour leur donner leur apparence. Il n’est pas nécessaire lorsque l’on publie grâce à un site qui fonctionne avec Spip de maîtriser le codehtml. Cependant il peut être bien pratique pour insérer des ressources déjà en ligne et que l’on veut rendrevisible directement dans un article. Par exemple : - Des vidéos ScolaWebTV, YouTube, Dailymotion, INA - Des playlists Deezer ou d’autres sites de musique - Des diaporamas SlideShare, Calaméo ou Prezi - Des quiz Quiz révolution  Premièrement pour que l’élément ajouté soit centré, la première chose à faire est de mettre les balises qui centrent ce qui est placé entre elles : <center></center>  Deuxièmement, il faut allez chercher sur un autre site le code à copier entre les deux balises <center></center>Quand un élément peut être inséré vous avez l’indication « Partager », « Intégrer » ou « Embeb ».Par exemple sur une page Youtube : Copier ce code et le coller entre les deux balises <center> Cette manipulation permet l’insertion de la vidéo directement dans l’article Christine Fiasson - Collège Germaine Tillion - Lardy
  15. 15. 15Etape 5 – Faire une redirection vers une ressource ou un siteQu’est ce que la redirection ? Il s’agit d’un lien qui évite l’ouverture de l’article et envoie directement levisiteur vers un autre site ou une ressource. Pour faire une redirection vers un document, il faut connaître l’adresse du document sur le site. Si vous ne savez pas comment faire relisez l’étape 4 – partie 3 du tutoriel. Une fois l’adresse obtenue,copiez-là dans la case « Redirection ». Désormais, lorsque les visiteurs cliqueront sur l’article, ils seront immédiatement redirigés vers laressource.Il suffit de faire la même démarche mais avec l’url d’un site pour rediriger les visiteurs vers celui-ci.Informations complémentaires Quelques raccourcis pratiques : - Ctrl + C = Copier - Ctrl + V = Coller - Ctrl + X = Couper - Ctrl + A = Tout sélectionner Pour aller plus vite, pensez à ouvrir deux onglets au moins dans votre navigateur. L’un affiche le site privéet l’autre vous permet de naviguer sur le web. Cela évite de sortir sans cesse de votre cession sur le site ducollège. Quelques logiciels essentiels : - Si vous devez transformer une image pour quelle ait le bon format pour le site : PhotoFiltre - Si vous avez besoin d’un logiciel pour transformer vos enregistrements audio : Audacity - Pour créer vos propres exercices interactifs : Hotpotatoes Quelques sites bien pratiques : - SlideShare pour mettre en ligne vos diaporamas (vous devez créer votre compte) - Wordle pour créer des nuages de mots Christine Fiasson - Collège Germaine Tillion - Lardy

×