GUIDE DE L USAGER - DRUPAL 7. Table des matières

Transcription

1 Table des matières Partie 1 : Comment se connecter et se déconnecter sur votre compte Drupal?... 2 Les boutons de l éditeur :... 4 Partie 2 : Comment ajouter des liens vers d autres pages et des liens courriel?... 7 Partie 3 : Comment ajouter un lien à une adresse courriel? Partie 4 : Comment ajouter un lien interne dans une page Partie 5 : Avant de télécharger vos documents et images sur le web Renommez vos fichiers selon les conventions suivantes : Remarques : Important : Avant de télécharger une photo/image sur le web Partie 6 : Comment télécharger des images pour les ajouter en ligne Exemples de dimensions d une image Partie 7 : Comment télécharger des documents pour les ajouter en ligne Partie 8 : Comment trouver du contenu lorsqu il y a une page blanche Partie 9 : Contenu Tableau des types de contenus web et leur responsables Rappels : Partie 10 : Procédure pour retirer du contenu du site Web de la FSS Information additionnelle

2 Partie 1 : Comment se connecter et se déconnecter à votre compte Drupal? Étape A : Visitez le site web de la Faculté des sciences sociales et ajoutez /user après le lien dans votre navigateur internet ou simplement copier ce lien dans votre navigateur internet : et appuyez sur le bouton «Entrée» sur votre clavier. Étape B : Veuillez entrer votre nom d utilisateur et votre mot de passe et appuyez sur le bouton «Se connecter». Si vous faites une erreur de frappe ou si vous n avez pas le bon nom d utilisateur ou mot de passe, vous verrez ceci : 2

3 Une fois connecté correctement sur Drupal, vous verrez la barre d outils noire et grise et les fonctionnalités suivantes : L icône «maison» vous permet d accéder à la page d accueil du site de la Faculté. votre section. Le bouton «Ajouter du contenu» vous permet d ajouter du contenu dans Le bouton «Find content» vous permet de trouver le contenu de votre section. Cet onglet gris avec le petit triangle noir, vous permet de minimiser ou maximiser la barre d outils. 3

4 Les boutons de l éditeur : Le bouton «Se déconnecter» vous permet de fermer votre session Drupal. Lorsque vous modifiez une page, les boutons suivants sont disponibles. # Boutons Description (Fra) 1. Passer en mode de vu du code source (voir code HTML) 2. couper 3. copier 4. coller 5. Coller comme texte uniquement 6. Coller à partir de Word 7. Vérifier l orthographe 8. Vérifier l orthographe en cours de frappe 4

5 # Boutons Description (Fra) 9. Annuler/défaire 10. Rétablir/refaire 11. Trouver/chercher 12. Remplacer 13. Sélectionner tout 14. Retirer/annuler le format 15. Ajouter une image 16. Insérer un tableau 17. Insérer une ligne horizontale 18. Insérer un caractère spécial 19. Plein écran 20. Montrer les blocs 21. Pour indiquer les entêtes sur la page (important pour l accessibilité et le «look») 22. Caractères gras 23. Italique 24. Souligné (ne pas utiliser sauf pour les bibliographies) 25. Indice inférieure 26. Exposant/lettre supérieur 5

6 # Boutons Description (Fra) 27. Ajouter/supprimer une liste numérotée 28. Ajouter/supprimer une liste à puces 29. Diminuer le retrait 30. Augmenter le retrait 31. Bloc de citation/format spécial 32. Aligner à gauche 33. Centrer 34. Aligner à droite 35. Justifier (à éviter sur le web, rends le texte plus difficile à lire pour certains) 36. Lier/insérer un lien hypertexte 37. Annuler/enlever un lien hypertexte 38. Ajouter un lien interne 6

7 Partie 2 : Comment ajouter des liens vers d autres pages et des liens courriel? Tout d abord, allez à la page sur laquelle vous devez faire des changements. Voici un exemple : Étape A : Pour apporter une modification, appuyez sur l onglet «Modifier» qui se trouve sous le titre de la page. 7

8 Vous pouvez maintenant ajouter, modifier ou enlever du texte, des liens et des images. Pour ajouter un lien à une page web interne ou externe, voici les étapes à suivre : 1. Écrivez le nom voulu pour le nouveau lien dans l éditeur et surlignez ce texte à l aide de votre souris comme suit : 2. Ce bouton (dans la barre d outils) vous permet de changer le texte surligné en un lien web. Appuyez sur ce bouton et une fenêtre avec le titre «Link» apparaitra sur l écran. 3. Sélectionnez le type du lien qui est «URL» dans notre cas. 8

9 4. Choisissez le «Protocol» par défaut. 5. Entrez le lien dans le champ URL auquel le texte devra rediriger le visiteur. Par exemple : ou Note : Drupal reconnait la racine du lien et supprimera en cas d ajout. Appuyez sur le bouton «OK» pour voir le résultat 6. Appuyez sur «Enregistrer» au bas de la page pour sauvegarder vos modifications. Remarques : Veuillez vous assurer de souligner juste le texte et non les espaces autour lorsque vous créez des hyperliens. Éviter de mettre : «cliquer ici pour de plus amples renseignements». Au lieu, aider les usagers à en apprendre davantage sur le sujet en leur fournissant des précisions sur où le lien les mènera en utilisant le nom du document ou de la page web où mène le lien. 9

10 Assurez-vous de faire vos mises à jour dans les deux langues; Réviser le contenu pour assurer la qualité de la langue. Pour dissocier le lien en gardant le texte, sélectionnez le lien, puis utilisez le bouton Ce bouton vous permet de dissocier un lien après l avoir sélectionné. Vous pouvez recréer le lien par la suite, au besoin. Remarque : Pour supprimer un lien, il suffit de sélectionner le lien que vous voulez supprimer et appuyez sur la touche «Suppr» de votre clavier. 10

11 Partie 3 : Comment ajouter un lien à une adresse courriel? Étape A : Allez à la page où vous voulez ajouter le lien courriel et appuyez sur «Modifier» Étape B : Entrez le nom de la personne/texte/courriel et appuyez sur le bouton pour insérer un lien dans la barre d outils Étape C : La fenêtre «Link» apparaitra, et dans la liste déroulante «Link Type» vous devrez sélectionner « » comme suit : Après avoir sélectionné « », une fenêtre apparaitra et vous permettra de faire rentrer l adresse courriel dans le champ Address. Assurez-vous d écrire l adresse courriel uottawa avec un «O» majuscule : «@uottawa.ca». Appuyez sur OK pour terminer. Étape D : Enfin, appuyez sur «Enregistrer» en bas de la page pour sauvegarder vos modifications. 11

12 Remarques : o Vous pouvez préciser le message et sujet de ce courriel si vous voulez, mais ce n est pas nécessaire. o Assurez-vous de faire vos mises à jour dans les deux langues. Réviser le contenu pour assurer la qualité de la langue. Partie 4 : Comment ajouter un lien interne dans une page Définition d un lien interne : un lien qui permet de se rendre à une position précise sur la page d un site. Étape A : Allez à la page sur laquelle vous voulez ajouter le lien interne. Étape B : Mettez le curseur au début du paragraphe/avant la section ou vous voulez ajouter le lien interne. Étape C : Appuyer sur l icône 12

13 Étape D : Ajoutez un nom (le nom doit être simple, sans lettres majuscules ou caractères spéciaux) au lien interne dans la case «Anchor Name» puis appuyez sur «OK». Étape E : Pour créer le lien, sélectionnez le nom qui va mener au lien interne et appuyez sur le bouton lien Étape F : Sélectionnez «Link to anchor in the text» dans le champ «Link Type». Étape G : Sélectionnez le nom que vous avez précédemment donné à votre ancre dans «Select an Anchor By Anchor Name» comme dans l exemple suivant puis appuyez sur «OK». Étape H : Sauvegardez vos modifications. 13

14 Partie 5 : Avant de télécharger vos documents et images sur le web Renommez vos fichiers selon les conventions suivantes : a) N utilisez que des lettres minuscules b) N utilisez pas de caractères spéciaux, ni d accents ou points c) Ne laissez pas d espaces entre les mots. Utilisez au lieu le trait d union «-» pour séparer les mots. d) Assurez-vous que le nom ne comporte pas plus de 20 caractères. e) Assurez-vous que si quelqu un vous remplace plus tard, il/elle sera en mesure de retrouver le document/fichier facilement sans avoir à communiquer avec vous. f) Utilisez les acronymes des unités, des programmes ou des secteurs pour identifier à qui appartient ce fichier/image. (exemple : crm, pol, psy, eco, api, dvm, fem, svs, soc-ant, fss, grad, ugrad, rech, intl (international) et diplomes) Remarques : Il y a des restrictions sur la taille du fichier. La taille maximale est de 5MB. Voici la liste de type de fichier permis pour les documents : pdf, doc,xls, pps, rtf, txt, zip, pptx, xlsx, docx. Notez que les fichiers avec l extension.docx,.xlsx et.pptx ne sont pas encore acceptés par tous les navigateurs. On vous conseille d utiliser plutôt.doc,.xls et.ppt ou pdf. Voici la liste des types de fichier permis pour les photos/images/graphiques : png, jpg, jpeg, gif. Important : Avant de télécharger une photo/image sur le web Assurez-vous : d avoir les droits à cette photo/image d avoir le consentement par écrit des gens qui sont dans la photo de visitez le lien suivant pour bien comprendre les lignes directrices de l université et pour obtenir les formulaires de consentement : de réduire la photo à une taille raisonnable pour le web (pas plus de 710 pixels de largeur). 14

15 Partie 6 : Comment télécharger des images pour les ajouter en ligne Étape A : Allez à la page où vous voulez ajouter l image et appuyez sur «Modifier» appuyez sur l icône suivante : Étape B : La fenêtre «Image properties» s ouvrira : 15

16 Étape C : Afin de télécharger l image, utilisez le bouton bleu intitulé «Browse Server». Maintenant vous avez accès au serveur ou vous allez télécharger votre image. Étape D : Télécharger votre image au bon endroit. Si vous téléchargez une photo/graphique sur une page en français alors, l image doit être mise dans le fichier de votre site (ex. : «fem»), ensuite sous le fichier «fra», et finalement dans le fichier «image» en appuyant sur ce dernier. Si vous téléchargez une photo/graphique sur une page en anglais alors, l image doit être mise dans le fichier de votre site (ex. : «fem»), ensuite sous le fichier «eng», et finalement dans le fichier «image» en appuyant sur ce dernier. o Exemples : fem > fra > images ou fem > eng > images Si vous ne voyez pas ces derniers, appuyez sur <racine> pour les retrouver. 16

17 Étape E : 1. Transférez l image à l aide du bouton suivant. 2. Appuyez sur «Choose File» pour trouver l image sur votre ordinateur. 3. Appuyez sur le bouton «Transferer» une dernière fois Remarque : le nom et l image devront apparaitre dans la fenêtre «Nom du Fichier» comme dans l exemple suivant : 4. Appuyez sur le nom du fichier (choisissez l image à insérer). 5. Ensuite, appuyez sur «Insert file». 17

18 5 4 Si vous oubliez une des étapes, vous risquez de ne pas voir votre image dans la page, comme dans l exemple si dessous : Étape F : La fenêtre ci-dessous vous permet de faire les modifications suivantes :

19 Remplissez les champs afin de bien placer votre image. 1 : Ajouter une description brève à l image pour l accessibilité. Cette étape est obligatoire! 2 et 3 : Modifier la largeur et hauteur de votre image en faisant bien attention à la distorsion de l image. (Assurez-vous de ne pas débarrer la petite serrure.) 4 : Assurez-vous de ne pas avoir de bordure sur votre image. Mettez toujours 0. 5 : Hspace = L espace horizontal : entre le texte et l espace à droite et à gauche de l image. Nous vous recommandons d utiliser «5» dans l espacement. 6 : VSapce = L espace vertical : entre le texte et l espace en haut et en bas de l image. Nous vous recommandons d utiliser «5» dans l espacement. 7 : Choisissez l alignement de votre image (à droite ou à gauche). Ce choix confirme que le texte fait le tour de l image. Remarque : Pour revenir à cette fenêtre, faites un double-clique sur l image. Exemples de dimensions d une image 710 pixels = maximum 275 pixels 500 pixels 19

20 Quelques outils pour vous aider à faire des changements à votre image avant de la mettre en ligne : Microsoft Office Picture : Start> All Programs > Microsoft Office > Microsoft Office Tools > Microsoft Office Picture Manager Gimp : Vous devez le télécharger sur votre ordinateur pour l utiliser Partie 7 : Comment télécharger des documents pour les ajouter en ligne Étape A : Ouvrez la page ou vous voulez ajouter le document puis appuyez sur «Modifier». Tapez le texte qui sera associé à ce document dans l éditeur, puis appuyez sur le bouton #36 pour «Lier/insérer un lien hypertexte». Étape B : Appuyez sur «Browse server» dans la fenêtre «Link». Vous avez maintenant accès au serveur. 20

21 Étape C : Télécharger votre document au bon endroit. Si vous téléchargez un document sur une page en français alors, l image doit être mise dans le fichier de votre site (ex. : «fem»), ensuite sous le fichier «fra», et finalement dans le fichier «documents» en appuyant sur ce dernier. Si vous téléchargez un document sur une page en anglais alors, l image doit être mise dans le fichier de votre site (ex. : «fem»), ensuite sous le fichier «eng», et finalement dans le fichier «documents» en appuyant sur ce dernier. Si vous n arrivez pas à voir les dossiers, veuillez appuyer sur «racine» pour les trouver. 21

22 Étape D : 1. Transférez le document à l aide du bouton «Transférer» 2. Appuyez sur «Choose File» pour importer le document au serveur à partir de votre ordinateur. 3. Appuyez sur le bouton «Transférer» une dernière fois Remarque : le nom du document devra apparaitre dans la fenêtre comme dans l exemple suivant. Étape E : Enfin, appuyez sur le nom du fichier puis appuyez sur «Insert file» et vérifiez vos modifications. 22

23 Partie 8 : Comment trouver du contenu lorsqu il y a une page blanche Étape A : Assurez-vous que ce contenu vous appartient. Connectez-vous à votre compte Drupal Étape B : Appuyez sur «Find content» comme dans l exemple suivant : Étape C : Vous pouvez maintenant trouver votre contenu de deux façons: 1. Tapez le titre de la page et/ou l auteur si connu dans les champs «Titre» et «Auteur», puis appuyez sur le bouton «Appliquer». Vous n avez pas besoin de taper le titre en entier; un mot-clé suffit. Une liste du contenu apparaîtra. Cherchez votre contenu dans cette liste. 23

24 2. Choisissez le type du contenu dans le champ «Type» puis appuyez sur «Appliquer». Remarque : avec la deuxième méthode, tout le contenu sera affiché dans une liste. Vous pouvez chercher votre contenu dans la liste

25 Partie 9 : Contenu Tableau des types de contenus web et leur responsables Types de contenu (endroit dans la structure) Espace Visuel (page d accueil) Responsable(s) Usager Drupal et Comité Web du secteur Veuillez remplir le formulaire à l avance et le faire parvenir à votre représentant de l équipe de marketing et communication (Nicholas, Nathalie ou Brigitte) au moins 3 semaines à l avance pour qu on puisse choisir une image convenable pour votre message clé. 3 (min) à 5 (max) bannières Description de l unité (page d accueil) Usager Drupal et Comité Web du secteur Confirme le texte en français et en anglais avec le directeur/directrice, remplie le formulaire et le fait parvenir aux Webmestres pour insertion sur la page d accueil. max. 70 mots Événements (page d accueil) Nouvelles (page d accueil) Usager Drupal du secteur Insérez l information dans le portail facultaire : Mémoires et thèses (recherche) Boutons (page d accueil) Usager Drupal et Comité Web du secteur Veuillez remplir le formulaire à l avance et le faire parvenir à votre représentant de l équipe de marketing et communication (Nicholas, Nathalie ou 25

26 Brigitte) au moins 3 semaines à l avance pour qu on puisse choisir une image convenable pour le bouton. 3 boutons maximum Direction et Personnel administratif (section «en bref») Usager Drupal du secteur 2 pages cachés (Utilisez «Find Content» et faites une recherche par titre de chaque page individuelle) Corps professoral et Professionnels en résidence Professeur/Professionnel en résidence Doivent maintenir à jour leur propre information : Usager Drupal et Comité Web du secteur Indique aux Webmestres s il y a des problèmes. Les Webmestres feront un suivi avec l Agente d'administration, ressources humaines de la Faculté des sciences sociales et avec le Chef des systèmes si nécessaire. Profs dans les Médias Agentes de communication et marketing La revue de presse fait un rapport des participations des professeurs à des articles dans les journaux canadiens. Les agentes de communication et marketing la reçoivent chaque lundi et elles ajoutent cette information dans la section Profs dans les médias à ce moment. Usager Drupal du secteur Vous pouvez l ajouter à vos Nouvelles sur votre page d accueil à travers du portail facultaire si vous le désirez. Si après une semaine l annonce n est pas sur le site, veuillez le faire parvenir à nos Agentes de communication et marketing. 26

27 Bourses Graciela Dancose Responsable des programmes interdisciplinaires et facultaires Pavillon des Sciences sociales, pièce 3001F Téléphone : poste 2833 gdancose@uottawa.ca Programmes de premier cycle Messages du Premier cycle (sur les pages d accueils) Financez vos études (page «premier cycle» sur votre site) Manon Lalande Administratrice des études de premier cycle Pavillon des Sciences sociales, pièce 3001C Téléphone : poste 2757 mmlaland@uottawa.ca Liens rapides (page «premier cycle» sur votre site) Vie étudiante et appui scolaire (page sous «premier cycle» sur votre site) Témoignages (Premier cycle et Études supérieures) Usager Drupal du secteur Contenu optionnel. S il n y a pas de contenu, cette section n apparaîtra pas sur le site. pages cachés (Utilisez «Find Content» et faites une recherche pour «témoignages» pour retrouver les pages o temoignages = premier cycle o etudesup-temoignages = études supérieures 27

28 Programmes d études supérieures Fiches de programmes Messages des Études supérieures (sur les pages d accueils) Nathalie Proulx Responsable des services scolaires Pavillon des Sciences sociales, pièce 3021A Téléphone : poste 2444 nproulx@uottawa.ca Financez vos études (page «études supérieures» sur votre site) Liens rapides (page «études supérieures» sur votre site) Vie étudiante et appui scolaire (page sous «études supérieures» sur votre site) Centres & Instituts, Chaires, Laboratoires & Groupes de recherche Messages de la Recherche (sur les pages d accueils) Sophie LeTouzé Responsable du développement de la recherche Pavillon des Sciences sociales, pièce 5035 Téléphone : poste 2578 sletouze@uottawa.ca Diplômés et amis Messages pour les Diplômés (sur les pages d accueils) Christina Richard / Hillary Rose Agente des relations avec les diplômés Pavillon des Sciences sociales, pièce 4029 Téléphone : poste 3602 crichard@uottawa.ca / Hillary.Rose@uOttawa.ca 28

29 International Messages pour l International (sur les pages d accueils) Madeleine Roy Coordonnatrice des stages internationaux Pavillon des Sciences sociales, pièce 3001K Téléphone : poste 2769 madeleine.roy@uottawa.ca Messages pour Futurs étudiants (sur les pages d accueils) Manon Lalande Administratrice des études de premier cycle Pavillon des Sciences sociales, pièce 3001C Téléphone : poste 2757 mmlaland@uottawa.ca et Nathalie Saumure Coordonnatrice de marketing et communication Pavillon des Sciences sociales, pièce 4043 Téléphone : poste 1893 Nathalie.Saumure@uOttawa.ca Changements au contenu de vos programmes sur le site web du FÉSP (Voir en premier votre Coordonnatrice des opérations, ensuite veuillez communiquer avec Nathalie Proulx) Nathalie Proulx Responsable des services scolaires Pavillon des Sciences sociales, pièce 3021A Téléphone : poste 2444 nproulx@uottawa.ca 29

30 Pour toute autre question/ propositions - Nouvelles pages - Changements aux structures, menus - Fonctionnalités spéciaux Webmestres Mourad Belkebir Pavillon des Sciences sociales, pièce 4018 Téléphone : poste 2283 Mourad.Belkebir@uOttawa.ca Fatou Diagne Pavillon des Sciences sociales, pièce 4045 Téléphone : poste 3851 Fatou.Diagne@uOttawa.ca Frances Ann Smeaton Pavillon des Sciences sociales, pièce 4045 Téléphone : poste 2700 Frances.Smeaton@uOttawa.ca 30

31 Rappels : Ajouter votre contenu et vos mises à jour dans les deux langues. Réviser pour assurer la qualité de la langue. N utilisez pas des LETTRES MAJUSCULES (surtout dans les entêtes) Ne soulignez pas le texte (sauf dans les bibliographies) Pour les sections des nouvelles et des événements : Utiliser le portail facultaire (Horde) Suivez l exemple sur les pages d accueil de la Faculté o Mettez un titre simple. (Réduisez le montant d information.) o Fermez/archivez vos annonces après qu elles soient terminées Pour ceux qui n utilisent pas le portail facultaire (Horde) Pour les actualités unilingues, veuillez mettre le texte suivant en italiques à la fin de la description : o (article en anglais) o (article in French) Pour les événements unilingues, veuillez mettre le texte suivant en italiques à la fin de la description : o (événement en anglais seulement) o (event in French only) Si vous avez une/des pages à créer, veuillez contacter vos webmestres : Mourad Belkebir Pavillon des Sciences sociales, pièce (2283) Mourad.Belkebir@uOttawa.ca Fatou Diagne Pavillon des Sciences sociales, pièce (3851) Fatou.Diagne@uOttawa.ca Frances Ann Smeaton (Michniewicz) Pavillon des Sciences sociales, pièce (2700) Frances.Smeaton@uOttawa.ca 31

32 GUIDE DE L USAGER DRUPAL 7 Partie 10 : Procédure pour retirer du contenu du site Web de la FSS Si vous souhaitez retirer du contenu du site Web de la FSS répondez aux questions ci-dessous et envoyez les réponses aux webmestres (scsweb@uottawa.ca) 1) Veuillez décrire le contenu à retirer (s il vous plaît inclure tous textes pertinents, titres, noms, sigles ou mots clés) : 2) Liens aux pages en question (où figure ce contenu) : 3) Liens alternatifs (s'il vous plaît, fournir une page Web vers laquelle nos visiteurs pourront être redirigés si un lien est requis) : Cette information aidera les webmestres à faire une recherche minutieuse sur l ensemble du site de la Faculté pour s assurer que tous les liens et que toutes les pages qui dérivent de ce contenu soient aussi retirées, de façon à éviter les liens brisés. Information additionnelle Afin de nous aider à promouvoir vos événements, vous devez nous fournir les détails suivants : qui présente l événement (département, école, institut, centre, groupe) le titre de l événement le nom du conférencier, son titre et son affiliation (quel institut?) la date, l heure et le lieu de l événement la langue de présentation de l événement est-ce gratuit? est-ce que des réservations sont requises? personne-ressource pour l événement et ses coordonnées Veuillez envoyer ces informations à : scscomm@uottawa.ca Merci de votre collaboration! 32