TUTORIEL pour les informations postées par L EQUIPE de DIRECTION de l ASSOMPTION

Transcription

1 TUTORIEL pour les informations postées par L EQUIPE de DIRECTION de l ASSOMPTION Rappel : Pour l instant, le site fonctionne bien sur tous les navigateurs (Google chrome, Mozilla Firefox, Safari...) sauf sur Internet Explorer qui gère moins bien le langage récent «html 5» très utilisé sur le site de l Assomption. Ainsi, avec Internet Explorer, tout le site fonctionne, à l exception de la page d accueil dont seule la partie haute s affiche. L équipe de direction de l Assomption dispose de deux sortes d information : des «INFOS RAPIDES» et des «EVENEMENTS». Ces «types d information» s appellent sur le site des «catégories». Les «INFOS RAPIDES» ne nécessitent pas d image. Elles consistent en une phrase brève. Utilisables en cas d urgence compte tenu de leur emplacement à haute visibilité sur la page d accueil, elles se veulent aussi pratiques : sont visées les quelques dates ou infos dont les familles et les jeunes ont besoin actuellement en général. VISIBILITE > voir l ovale rouge dans l encadré ci-dessous. Les «EVENEMENTS» nécessitent une image. Il s agit d informations qui concernent la vie de l établissement et qui risquent de n être renseignées par aucun enseignant. Ainsi, sans doute, n ont-elles pas un caractère disciplinaire. VISIBILITE > elles prennent corps à deux endroits de la page d accueil : elles déroulent dans un cadre unique à côté des «Infos Rapides» (voir le cercle vert dans l encadré ci-dessous) et les mêmes informations déroulent dans un triple cadre en bas de page d accueil (voir l ovale jaune dans l encadré ci-dessous).

2 Sommaire du tutoriel : 1. Se connecter 2. La page «Mon compte» 3. Ajouter un article 4. Contenu d un article 5. Puis-je corriger mon article, après coup? 6. Enlever des INFOS de la page d accueil 1. Se connecter : Cliquer sur «s identifier» en haut de l écran à droite : cela ouvre une petite fenêtre en milieu d écran. - Rentrer son login et son mot de passe habituels comme sur le réseau de l Assomption 2. Se connecter d une autre manière OU si la première manière ne fonctionne pas : dans le menu «Accueil», la rubrique «Mon compte» : - Une fois connecté(e), apparaissent colonne de gauche : mon profil d utilisateur, l agenda de l Assomption...

3 3. Ajouter un article : deux possibilités au choix - Un article sur le site s appelle «un élément». - Colonne de gauche, dans l encart vert de votre profil, choisir le lien «Ajouter nouvel élément» - Ou dans «Ma Page» (tous mes articles publiés s y trouvent listés) et en haut à droite d un article déjà écrit par moi, cliquer sur «Post a new item» «Ajouter un nouvel élément» : ou en haut de l article publié dans «Ma page» : 4. Pour le CONTENU d un élément «INFOS RAPIDES», prévoir 1 seul élément : - une phrase brève : de 90 signes maximum (ponctuation et espaces compris) - s il y a un document joint : le fichier plutôt sous forme PDF (mais excel, word... sont acceptés) Pour le CONTENU d un élément «EVENEMENTS», prévoir 4 éléments obligatoires : - Un titre > 27 signes maximum, espaces compris - L image choisie pour illustrer l article > 800 pixels de largeur maximale

4 - La phrase d introduction : (à taper, ne pas copier-coller depuis word) > 260 signes max, espaces compris - Le texte complet du reste de l article (sans limite de longueur) Une fenêtre s ouvre (pour la refermer, il faudrait cliquer la croix blanche sur fond noir en haut à droite) : A. ETAPE 1 > Sélectionner la catégorie (pour l équipe de direction, soit la catégorie «infos-rapides», soit la catégorie «événements») : en fait, vous ne pouvez pas commettre d erreur car les seules catégories possibles sur laquelle vous pouvez cliquer parce qu elles correspondent à votre profil apparaissent en GRAS dans la liste des catégories et vous ne pouvez pas cliquer sur les autres.

5 B. ETAPE 2 > Puis, je donne un titre explicite à l article (de maximum 27 signes, espaces compris). Dans notre exemple «Agenda des parents». (Information : pour connaître le nombre de signes d une phrase, vous pouvez la taper dans un traitement de textes, choisir dans le menu la fonction «outils» ou «statistiques» ou «révision» suivant votre logiciel...le traitement de texte vous permet d obtenir rapidement la longueur désirée, mais ne copiez-collez pas ce texte sur le site internet afin de ne pas voir apparaître ensuite des signes étranges non désirés) C. ETAPE 3 > Puis, je donne les mots-clés (souvent appelés sur les sites des Tags). Un internaute pourra trouver votre article rien qu en tapant l un de ces mots dans le moteur de recherches du site. Je tape un mot, puis j appuis sur «entrée», alors il est validé et prend un fond vert. (Pour information, dans le bas de page de chaque discipline, l internaute trouve un nuage de mots clés de cette discipline, voir un exemple en bas de la page «pôle lettres») Le 1er mot clé important, c est le niveau d élèves concerné par cette nouvelle. L écrire de la façon suivante : 6 ème 5 ème 4 ème 3 ème seconde 1ère terminale prépa. Quand un utilisateur du site cherche tous les articles concernant le niveau 6 ème, il n a qu à rentrer ce mot-clé dans le moteur de recherche de la page d accueil... D. ETAPE 4 UNIQUEMENT pour les «INFOS RAPIDES» > Je clique dans la fenêtre de l éditeur de texte pour écrire la phrase brève de mon article (voir le curseur) - La phrase brève doit être saisie ici, il ne faut pas la copier-coller depuis word (sous risque de voir apparaître ensuite des signes étranges non désirés). - Pour les «INFOS RAPIDES», je dispose de 90 signes maximum, espaces compris.

6 OPTION 1 pour une INFO RAPIDE : joindre un document en pièce jointe a) Positionner mon curseur à la fin du texte et entrer pour aller à la ligne» b) Cliquer sur le bouton «Lire la suite» en bas de la fenêtre éditeur : c) Une ligne rouge est apparue. Cliquer sur l onglet «pièce jointe» en haut à droite de la fenêtre éditeur :

7 d) Cliquer sur «Ajouter un champ pièce jointe» puis sur «parcourir» pour aller chercher sur mon ordinateur le fichier désiré, puis donner un titre plus explicite que le nom de mon fichier en face de «Titre du lien (optionnel)» exemple : mon fichier s appelle «1 ère Toussaint.pdf» mais le titre que les internautes verront est «Agenda des parents de 1 ère» : e) Puis «sauvegarder» pour enregistrer : f) Réappuyer sur l onglet «pièces jointes» à nouveau si je veux joindre un 2 ème document g) Quand j ai terminé, fermer la fenêtre en cliquant sur la croix blanche sur fond noir en haut de la fenêtre à droite: - OPTION 2 pour une INFO RAPIDE : voir apparaître un petit signe vert «v» (une puce) devant mes phrases brèves comme ci-dessous : a) Cliquer sur le bouton «basculer l éditeur» en bas à droite de la fenêtre d édition :

8 b) Mon texte apparaît maintenant avec des balises < et > (sur mon clavier d ordinateur, elles se trouvent à gauche de la touche W) et des p entre les balises («p» veut dire «paragraphe», autrement dit «aller à la ligne»). Je ne touche pas à la dernière ligne <hr id="system-readmore" /> : c) Pour voir apparaître le V vert devant chaque phrase, il me faut taper ce qui est rouge ci-dessous : remplacer les p par des li, rajouter la phrase <ul class= «bullet-check»> devant mes phrases et clore en rajoutant </ul>. Sur le site, pour info, un signe vert s appelle «bullet-check». <ul class="bullet-check">

9 <li>agenda des parents de 2nd</li> <li>agenda des parents de 1ère </li> <li>agenda des parents de Terminale</li> <hr id="system-readmore" /> </ul> Attention, le résultat n est visible que sur le site, une fois l article enregistré. Dans l éditeur, les puces vertes n apparaissent pas. Voilà ce que je vois : des ronds noirs. - Si je veux d autres dessins que le V vert, je peux essayer d autres noms que «bullet-check» : «menu» donne un cercle avec un petit tiret, «bullet-star» donne une étoile jaune, «bullet-1» donne un petit triangle rouge, etc... (attention à l esthétique générale du site...) - ASTUCE : quand on écrit un article, on peut «copier-coller» ce qu on avait tapé dans l article précédent. Ainsi, cette mise en page est déjà faite... E. ETAPE 5 UNIQUEMENT pour les «EVENEMENTS» > - Je clique dans la fenêtre de l éditeur de texte pour écrire la phrase d introduction de mon article (voir le curseur) - La phrase d introduction doit être saisie ici, il ne faut pas la copier-coller depuis word (sous risque de voir apparaître ensuite des signes étranges non désirés). - Pour les «EVENEMENTS», je dispose de 260 signes maximum, espaces compris. Cette phrase peut revêtir la forme d une brève (qui a fait quoi, où, comment, pourquoi) ou susciter l envie de lire la suite de l article... - La phrase d introduction étant tapée, je clique en bas de l écran sur le bouton «Lire la suite» (pour l instant, ce que vous écrivez APRES «Lire la suite» apparaît dans l article final quand l internaute clique sur le bouton

10 «découvrir» pour en lire davantage que la phrase brève) afin que ce bouton se mette automatiquement en place dans l article à cet endroit. Je vois alors apparaître une ligne rouge indiquant que ce bouton est bien en place. F. Je peux maintenant écrire la suite de l article complet. Là, je ne suis pas limité en taille d article. G. Je dois maintenant télécharger l image qui servira à illustrer l annonce de l article. Cette étape est obligatoire. Pas d article sans image pour l accroche. JE clique sur l onglet «image» H. J ai préparé une image horizontale (= au format paysage) dont la largeur maximale doit mesurer 800 pixels (pour une image verticale = au format portrait : 600 pixels de hauteur). J ai repéré où elle e trouve dans mon ordinateur. Je clique sur «parcourir», je la sélectionne. Je peux mentionner le nom du photographe dans la ligne «crédits» et je peux si je le souhaite préciser une légende.

11 I. J ai terminé les étapes obligatoires. Il me suffit de cliquer sur «sauvegarder» en haut à droite de la fenêtre pour terminer. J. Après avoir cliqué sur «sauvegardé», la fenêtre ne se ferme pas d elle-même. Cliquer alors sur la croix noire et blanche de la fenêtre pour la fermer. Deux attentions : 1) Ne pas confondre avec la croix blanche et rouge qui annule la modification de document 2) Ne pas fermer la fenêtre avant d avoir sauvegardé K. EN OPTION. Je souhaiterai ajouter à cet article quelques photos. Il me faut d abord les préparer. Comment? Redimensionner mes photos en 1000 pixels maximum de largeur (pour une photo horizontale=au format paysage ; pour une photo verticale=au format portrait > 666 maximum de hauteur). Les compresser dans un ZIP en sélectionnant les photos choisies (12 maximum) et cliquer sur le bouton droit de la souris en choisissant le menu «archive en ZIP». Une fois le ZIP créé, vous pouvez modifier son nom à votre guise. Si vous avez plus de 12 photos intéressantes, créez un ZIP avec vos 12 photos déjà sélectionnées et vos autres photos retenues, puis envoyez ce ZIP à olivier.migot@assomption-rennes.org ou déposez-lui une clé USB (il vous la rendra!) afin de déposer ces images dans l ALBUM de l ASSOMPTION. Joignez à ce ZIP un fichier texte comprenant 5 éléments : 1) le nom du dépositaire, 2) le nom, 3) la date et 4) le lieu de l événement illustré, 5) le niveau, le groupe ou la classe d élèves concerné. L Album de l Assomption est protégé en droits. Il est accessible dans le menu du site «Vie à l Assomption», section «Communication», rubrique «Album Photos» L. Pour déposer mes 12 photos (maximum) dans mon article, dans la fenêtre du site internet, cliquer sur l onglet «Galerie d images», puis cliquer sur le bouton «parcourir». Le site télécharge alors votre fichier zippé de photos. M. EN OPTION. Je souhaiterai ajouter une vidéo. Il est possible de joindre une vidéo que vous avez stockée sur votre ordinateur ou indiquer une vidéo déjà présente sur internet. Cliquer sur l onglet «vidéo»

12 N. EN OPTION. Je souhaiterai joindre un document en pièce jointe (un document word, un PDF avec les résultats sportifs, une affiche de l événement, etc...). Cliquer sur l onglet «pièce jointe». O. A la fin, ne pas oublier de sauvegarder l article. P. Il ne reste plus qu à constater qu il a pris bonne place sur le site. Au fait, que devient-il? Où peut-on le voir? 5. Puis-je corriger mon article, après coup? - Dans ma page utilisateur TICE-ENT, je clique sur «Ma page». Apparaissent alors, sous forme de blog, l ensemble de mes articles publiés : - Autre possibilité, me rendre dans mon article, au-dessus de son titre, à droite, je clique sur : 6. Enlever des «INFOS RAPIDES» de la PAGE d ACCUEIL : - Aller dans «Ma page» (où sont listés mes articles publiés) située dans la colonne de gauche dans le menu «Accueil», rubrique «Mon compte» - Cliquer sur le bouton en haut à droite de l article «Editer l élément» :

13 - Cliquer sur «non» en face de «publier» : - Puis cliquer sur «sauvegarder» pour enregistrer la modification : - L INFO RAPIDE existe toujours dans «ma page» (je pourrai m en resservir l an prochain...) MAIS elle n est plus publiée. Alors, elle est encadrée par des pointillés :

14 - Pour publier cette info à nouveau, cliquer sur «Editer l élément», et en face de «publier», cliquer sur «oui», puis sauvegarder pour enregistrer, puis fermer la fenêtre.