Guide utilisateur NOTICE UTILISATION POUR LE SITE UCM VERSION 1.1 NOTICE Par Laurent BEAUREPAIRE Consultant e-business

Transcription

1 Le 05/12/ Page 1 / 32 NOTICE NOTICE UTILISATION POUR LE SITE UCM VERSION 1.1 Guide utilisateur Par Laurent BEAUREPAIRE Consultant e-business 1

2 Le 05/12/ Page 2 / 32 Table des matières 1. Présentation générale Les pages de contenu Créer une page Modifier une page Afficher / cacher une page sur le site Gestion du site en page d accueil Présentation Changement du Leaderboard de la page d accueil Editeur de texte Titres et sous-titres Titres colorés pour le corps de la page Image Ecrire autour d une image Ecrire à coté d une image, sans que le texte passe autour Gestion des tableaux Liens interne (vers une autre page du site) Liens externe (vers un site autre que ucm.be) Liste à puces ordonnée Liste à puces non ordonnée Deuxième niveau de puce Listing des fichiers uploadés (PDF) Eléments du Menu Présentation Modifier un élément du menu Modifier l ordre du Menu Versions d un élément Présentation Où voir les versions? Afficher une version antérieure Afficher les différences entre 2 versions Réglages en Back-office Afficher la case à cocher «Retour à la modification» Gestion des listes La structure d une liste complète Créer une liste Créer une catégorie liste Créer une feuille de liste

3 Le 05/12/ Page 3 / Présentation générale Avant toute chose il est important de définir deux termes qui seront récurrents dans ce document : Front-office : partie publique du site accessible par tous les internautes à l adresse suivante : en attendant la mise en ligne définitive une fois la mise en ligne définitive effectuée Back-office : partie du site restreinte aux personnes habilitées et qui permet la gestion du site accessible à l adresse suivante : en attendant la mise en ligne définitive une fois la mise en ligne définitive effectuée Les caractéristiques de votre compte administrateur sont les suivantes : Login : votre mail Mot de passe : votre mot de passe personnel que vous pouvez changer via la fonction de rappel. Le mot de passe initial étant «prenom-ucm» Ce compte vous donne les droits de création, modification et suppression sur tous les différents éléments qui composent le site. Une fois connecté, vous obtenez la page suivante : Il s agit du tableau de bord, c'est-à-dire la page qui récapitule les dernières modifications effectuées sur le site. Il est également important de signaler qu il existe trois états pour les différents éléments qui constituent le site : Brouillon : les éléments de cet état sont enregistrés en base de données et sont accessibles via le Back-office mais ne se retrouvent pas sur le Front-office non visibles sur la partie publique du site. Publié : les éléments de cet état sont les plus importants car il s agit des éléments qui sont affichés sur la partie publique du site. C est la dernière version approuvée d un élément. 3

4 Le 05/12/ Page 4 / 32 Archivé : les éléments de cet état sont enregistrés en base de données et sont accessibles via le Back-office mais ne se retrouvent pas sur le Front-office. Se sont les anciennes versions publiées d un élément. Pour accéder au contenu de votre site, cliquez sur l onglet «Contenus» se trouvant en haut de la page : Vous arrivez ensuite sur la page qui contient ces différents éléments : L arborescence de votre site. Un aperçu de la page courante ainsi que diverses informations la concernant. La sous-arborescence de la page en cours. Des possibilités avancées de gestion du site (inutile pour votre gestion, cachez l écran via les flèches). 4

5 Le 05/12/ Page 5 / Les pages de contenu 2.1. Créer une page Dans le Back-office, il vous est possible de créer divers éléments tels que des Dossiers, Articles, Actualité Pour se faire : 1. Cliquez sur le bouton : qui se trouve au centre de la page dans la rubrique «Sous-éléments» 2. Choisissez le type de page que vous voulez créer en faisant défiler la liste déroulante qui apparait : 2.2. Modifier une page Pour modifier une page : 1. Editez la page souhaitée qui accessible au centre de la page dans la rubrique «Sous-éléments» 2. Cliquez ensuite sur la roue cylindrique à gauche de cet élément 3. Enfin, dans la liste déroulante choisissez «Modifier» 5

6 Le 05/12/ Page 6 / Afficher / cacher une page sur le site Par défaut, tous les éléments que vous créez sont visibles sur le site. Il peut arriver que vous désiriez cacher (rendre non visible en Front-office) un élément bien précis. Pour que notre exemple ait un résultat discernable en Front-office nous allons cacher un élément du menu (Data center). Menu en Front-office : Menu en Back-office : Marche à suivre : Placez-vous sur «Accueil» en Back-office Faites un clic gauche sur la roue cylindrique à gauche de «Environnement» Dans le menu contextuel qui apparaît, placez votre souris sur «Avancé» Sélectionnez alors «Cacher / rendre visible» 6

7 Le 05/12/ Page 7 / 32 Menu en Front-office : Nouveau menu en Back-office : à noter cette ligne. A présent si vous voulez que cet élément soit de nouveau visible, recommencer la même opération et vous verrez alors de nouveau l intitulé «Visible» dans la colonne «Visibilité» Gestion du site en page d accueil Présentation Le Leaderboard est l image se trouvant en-dessous du menu de navigation de niveau 1 sur la page d accueil du site. Les dimensions du Leaderboard de la page d accueil sont 648px par 400px. Chaque image possède un texte descriptif associé sur un fond de couleur correspondant au métier Changement du Leaderboard de la page d accueil 1. Placez-vous sur la page d accueil «Home» dans le Back-office. 2. Descendez jusqu à la rubrique «Sous-éléments» au centre de la page. 3. Cliquez sur l objet «Carrousel» 4. Cliquez sur le bouton choisissez «Carrousel» :, puis dans la liste qui apparait, sous «média», 7

8 Le 05/12/ Page 8 / Renseignez tous les champs de la page suivante qui s ouvrira automatiquement et pensez à bien sélectionner le métier correspondant : 6. Terminez l opération en cliquant sur le bouton «Envoyer pour publication» pour enregistrer les modifications ou sur le bouton «Annuler le brouillon» si vous ne souhaitez pas créer ce nouveau Leaderboard. 7. Vous avez la possibilité de changer l ordre d apparition des images si vous en avez créé plusieurs via les priorités Editeur de texte L éditeur de texte est de type WYSIWYG, ce qui signifie que le texte en cours d'édition sera quasi similaire à ce qui sera affiché en Front-office. Il vous offre la possibilité d éditer vous-même votre texte ou de copier-coller votre travail effectué depuis Word ou Open Office via cette astuce : Cliquez sur le bouton de la barre d outils de l éditeur de texte Ouvrez Word ou Open Office puis Copier (Ctrl + C) votre travail Faites Coller (Ctrl + V) Cliquez sur le bouton «Insérer» 8

9 Le 05/12/ Page 9 / 32 Toutes les pages de contenu de ce site sont éditées via le Back-office et plus précisément en renseignant le champ «Description» qui contient l éditeur de texte : Pour accéder à cet éditeur de texte vous devez modifier une page précédemment créée (2.1) Titres et sous-titres Le titre de la page ainsi que le chapeau correspondent aux champs remplis lors de l édition de la page. Vous pouvez toutefois rajouter des sous-titres (titre 2) pour le corps de la page. Pour ajouter ces titres au corps de la page : 1. Sélectionnez le contenu que vous voulez faire apparaître comme titre (maintenez le bouton gauche de la souris enfoncé pour la sélection) 2. Cliquez ensuite sur la flèche de la liste déroulante de «Format» qui se trouve tout en haut à gauche de l éditeur de texte : 3. Puis choisissez «Titre1», «Titre2» ou «Titre3» selon vos besoins 9

10 Le 05/12/ Page 10 / Titres colorés pour le corps de la page Par défaut dans l éditeur de texte vous n avez pas la possibilité de choisir la couleur du texte que vous éditez. Or pour les titres présents dans le corps de la page vous pouvez choisir parmi 4 titres (couleurs et tailles en fonction du métier et du niveau de titre sélectionnés ) : Pour obtenir un affichage avec un espacement satisfaisant, ouvrez une page pour la modifier puis : 1. Sélectionnez le texte qui sera un titre 2. Choisissez entre «Titre1», «Titre2» ou «Titre3» 3. Sous l éditeur de texte, à côté de «Chemin», cliquez sur «header 1» : 4. Dans la fenêtre qui s affiche, choisissez parmi les 4 dernières valeurs selon la couleur voulue : 5. Terminez en cliquant sur «OK» Image Afin d insérer une image dans le corps de votre texte, il suffit de cliquer sur le bouton barre d outils de l éditeur de texte. se trouvant dans la Vous verrez alors une fenêtre s ouvrir : 1. Renseignez le champ «Fichier» en cliquant sur le bouton «Parcourir». 2. Choisissez votre fichier. 3. Terminez l opération en cliquant sur le bouton «Télécharger un fichier local». 10

11 Le 05/12/ Page 11 / 32 Pensez à renseigner les champs comme suit, avant de cliquer sur «Télécharger un fichier local» pour que l image s enregistre dans la solution CMS : Ensuite, sur la nouvelle fenêtre qui s offre à vous, choisissez la taille de l image désirée puis cliquez sur le bouton «OK». Si vous souhaitez afficher l image en taille originale, sélectionnez le format «Original», mais dans ce cas, le format de l image doit être OBLIGATOIREMENT optimisé pour le Web, à savoir un fichier dont le poids est le plus faible possible au regard de la taille de l image à afficher (ex : une grande image 200 à 500KB, une petite image 5 à 20KB.) 11

12 Le 05/12/ Page 12 / Ecrire autour d une image 1. Dans l éditeur de texte, commencez par insérer votre photo à la taille souhaitée Placez cette image à gauche du texte qui doit faire le tour de la photo en maintenant votre clic dessus et en la faisant glisser jusqu avant le premier mot du paragraphe auquel vous souhaitez l associer : 2. Cliquez gauche sur l image (8 carrés sont alors visible autour de la photo) puis cliquez sur l icône qui ressemble à un arbre «Insérer/modifier une image» dans la barre d outil 12

13 Le 05/12/ Page 13 / Vous verrez ensuite la fenêtre en overlay suivante : 4. Veillez à ce que «Visualiser» soit bien sur «embed» et que la case «En ligne» ne soit pas cochée. Positionnez ensuite «Aligner» sur «Gauche» si vous voulez que votre image soit placée à gauche de votre texte ou sur «Droite» si vous voulez que votre image soit placée à droite de votre texte. 5. Terminez l opération en cliquant sur le bouton «OK» Ecrire à coté d une image, sans que le texte passe autour 1. Dans l éditeur de texte, commencez par créer un tableau à 2 colonnes et 1 ligne : a. Cliquez sur l icône «Insère un nouveau tableau» de la barre d outils b. Remplissez la fenêtre qui s ouvre en overlay comme suit puis faites «OK»: 2. Placez l image dans la première colonne puis le texte dans la deuxième colonne : 13

14 Le 05/12/ Page 14 / Gestion des tableaux 1. Dans l éditeur de texte, commencez par créer un tableau : a. Cliquez sur l icône «Insère un nouveau tableau» de la barre d outils b. Remplissez la fenêtre qui s ouvre en overlay comme suit puis faites «OK»: i. Choix du nombre de lignes par saisie manuelle ii. Choix du nombre de colonnes par saisie manuelle iii. Choix du nombre de lignes et colonnes avec la souris iv. Gestion de la largeur par défaut du tableau v. Gestion de la bordure (laisser 0px par défaut) vi. Cliquez sur «OK» Une fois votre tableau inséré, pour toute modification, cliquez dans une cellule de votre tableau puis sur le chemin en bas de votre éditeur de texte. 2. Une fois votre tableau sélectionné, votre chemin est développé comme suit : 14

15 Le 05/12/ Page 15 / 32 Pour modifier les paramètres de largeur de votre tableau, cliquez sur «table.default» pour ouvrir sur la fenêtre suivante, fenêtre de paramétrages des dimensions du tableau : Modifiez l unité de mesure (% ou px) puis saisissez la taille/largeur voulue et cliquez sur «OK». 3. Pour modifier une cellule spécifique, toute une ligne ou toute une colonne, cliquez sur «table.cell» : La fenêtre de paramétrages de la cellule sélectionnée du tableau, ligne ou colonne correspondant à la cellule du tableau s ouvre : 15

16 Le 05/12/ Page 16 / 32 a. Pour modifier la largeur de la cellule, modifiez l unité de mesure (% ou px) puis saisissez la taille/largeur voulue et cliquez sur «OK». b. Pour aligner verticalement l élément contenu par la cellule (texte ou image) sur le haut, le milieu ou le bas de la cellule, sélectionnez la liste déroulante «Valign» c. Pour appliquer la modification réalisée sur la cellule à l ensemble de la colonne ou de la ligne à laquelle elle appartient, cliquez sur «Appliquer à» et sélectionner «cellule», «colonne», «ligne» selon votre souhait, puis cliquez sur «OK» pour valider la modification. d. Pour annuler votre modification en cours, cliquez sur «Annuler» e. Pour modifier l entête (header) du tableau afin que celui-ci prenne la couleur du métier en cours d édition, cliquez sur la liste déroulante «Mots clés», qui est la première liste déroulante qui vous est proposée, et sélectionnez «Entête de tableau» comme suit, puis cliquez sur «OK». 16

17 Le 05/12/ Page 17 / Pour créer une nouvelle ligne ou une nouvelle colonne, 2 possibilités s offrent à vous : a. Soit vous cliquez dans une cellule et s affiche une croix entourée de 2 flèches qui vous permet de supprimer la ligne/colonne par un clic sur la croix ou insérer une ligne/colonne par un clic sur la flèche (la flèche indique la direction de la création de la ligne/colonne). b. Soit vous cliquez sur l onglet «Insérer une nouvelle ligne» ou «Insérer une nouvelle colonne» de votre éditeur de texte, ou encore «Supprimer une ligne» ou «Supprimer une colonne» pour en supprimer. 5. Pour supprimer le tableau, cliquez sur le bouton «Supprimer le tableau», pour fusionner deux ou plusieurs cellules entre elles, cliquez sur le bouton «Fusionner les cellules» de votre éditeur de texte Liens interne (vers une autre page du site) Afin d insérer un lien vers une autre page du site, sélectionnez le contenu que vous voulez faire office de lien (maintenez le bouton gauche de la souris enfoncé pour la sélection). Cliquez ensuite sur le bouton qui ressemble à un maillon de chaîne (Insérer/modifier un lien) : Dans la fenêtre qui s affiche, cliquez sur l icône : Dans la nouvelle fenêtre, cochez la case à côté de la page souhaitée : Terminez l opération en cliquant sur «OK» : 17

18 Le 05/12/ Page 18 / Liens externe (vers un site autre que ucm.be) Afin d insérer un lien vers une page d un autre site, sélectionnez le contenu que vous voulez faire office de lien (maintenez le bouton gauche de la souris enfoncé pour la sélection). Cliquez ensuite sur le bouton qui ressemble à un maillon de chaîne (Insérer/modifier un lien) : Dans la fenêtre qui s affiche, sélectionnez la valeur «http» pour le champ «Href» puis dans la ligne endessous renseignez l url du site à atteindre : Sélectionnez dans la liste déroulante «Nouvelle fenêtre» pour le champ «Cible». Ceci permettant à l internaute de quitter le site en cours de consultation pour ouvrir le nouveau au clic sur votre lien, et lorsque l internaute refermera le site externe, il reviendra sur la page ucm.be comportant le lien précédemment cliqué. Terminez l opération en cliquant sur le bouton «OK» Liste à puces ordonnée Sélectionnez tout le contenu que vous voulez transformer en liste à puces ordonnée (maintenez enfoncé le bouton gauche de la souris) : Puis cliquez sur l icône La liste à puces se crée automatiquement et le résultat est le suivant : 18

19 Le 05/12/ Page 19 / Liste à puces non ordonnée Sélectionnez tout le contenu que vous voulez transformer en liste à puces ordonnée (maintenez enfoncé le bouton gauche de la souris) : Puis cliquez sur l icône La liste à puces se crée automatiquement et le résultat est le suivant : Deuxième niveau de puce 1. Ecrire son texte 2. Mettre le curseur de la souris sur un mot de la ligne Cliquer sur l icône «liste non ordonnée» Mettre le curseur à la fin de la ligne puis appuyer sur la touche «Entrée» Ecrire un nouveau texte Mettre le curseur de la souris sur un mot de la nouvelle ligne 7. Cliquer sur l icône «Indentation» Résultat : 19

20 Le 05/12/ Page 20 / Listing des fichiers uploadés (PDF) Dans notre exemple nous allons afficher les fichiers PDF qui se trouvent dans Home / About us / Fact Sheets Commençons par mettre les fichiers dans le Back-office : 1. Placez-vous sur la page concernée en Back-office 2. Au centre de la page, dans la région «Sous-éléments», cliquez sur le bouton «Créer un nouvel élément» 3. Choisissez «File» dans le menu contextuel qui apparaît (scrollez avec la flèche du bas) 4. Renseignez tous les champs de la nouvelle page puis cliquez sur le bouton «Envoyer pour publication» Une fois que le fichier est créé, ouvrez pour modification la page sélectionnée : 1. Dans l éditeur de texte, cliquez sur le bouton «Insérer / modifier un objet» 2. Cliquez sur l onglet «parcourir» de la fenêtre qui s ouvre en Overlay 3. Cliquez sur Votre page en cours d édition, puis choisissez le fichier créé précédemment 20

21 Le 05/12/ Page 21 / Dans le champ «Classe», sélectionnez «fichier_joint» dans la liste déroulante 5. Réitérez l opération pour chaque fichier que vous voulez mettre dans le listing : 6. Terminez l opération en cliquant sur le bouton «Envoyer pour publication» 21

22 Le 05/12/ Page 22 / Eléments du Menu 3.1. Présentation Le menu de votre site est généré automatiquement à partir des «Dossiers» se trouvant à la racine (sous Accueil) de celui-ci. Le menu actuel est le suivant : Il correspond aux dossiers ci-dessous : 3.2. Modifier un élément du menu Si vous désirez changer le nom d un élément de ce menu il vous suffit de cliquer sur la petite icône en forme de roue cylindrique se trouvant juste à gauche de l élément à modifier. Une liste apparaît alors, choisissez «Modifier» : 22

23 Le 05/12/ Page 23 / 32 Après avoir cliqué, vous devrez remplir les champs suivants : Dans le champ «Titre (requis)» vous devez saisir le nouveau nom que vous souhaitez donner à l élément de menu et par la même occasion à la page inhérente. Le champ «Résumé» est facultatif. Le champ «Introduction» est facultatif. Celui-ci sera placé en haut de la page de contenu créée et aura un style tel que défini dans la charte graphique. Le champ «Description» contient le contenu de la page. C est à cet endroit que vous pouvez entrer votre texte, l insérer depuis Word, le créer via l éditeur de texte. Le champ «Titre court» est à destination du bloc d actualités si l article doit être attaché comme une news par un métier. Les balises «méta» servent au référencement naturel du site. Il est important de judicieusement les renseigner. Pensez principaux mots clés et thèmes utilisés dans votre article. Renseignez 5 à 7 keywords maximum. La méta title doit reprendre le titre de votre page en axant sur les mots clés principaux. Les «tags» serviront à la recherche via le moteur de recherche interne. Vous pouvez reprendre les keywords mais n êtes pas ici limité en nombre. Une fois que les modifications ont bien été faites, validez ces dernières en cliquant sur le bouton «Envoyer pour publication» qui se trouve tout en bas de la page. 23

24 Le 05/12/ Page 24 / 32 Par ailleurs, si vous souhaitez mettre en ligne vos modifications mais que vous désirez rester sur cette page cochez au préalable la case «Retour à la modification» avant de faire «Envoyer pour publication». Si toutefois vous faites des modifications que vous ne voulez pas enregistrer, cliquez sur le bouton «Annuler le brouillon». Le bouton «Enregistrer le brouillon» permet de garder une trace de vos modifications mais ne sera pas visible en Front-office. Le bouton «Enregistrer le brouillon et quitter» permet de garder une trace de vos modifications mais ne sera pas visible en Front-office. De plus, vous serez alors redirigez vers la page parente de celle que vous éditez. Ne fermez pas la fenêtre ou ne faites pas Retour sur votre navigateur Modifier l ordre du Menu Si vous désirez changer l ordre d apparition des différents éléments composant le menu vous pouvez le faire en vous rendant sur la page Accueil du Back-office puis en modifiant le champ «Priorité» qui est à droite de la ligne à modifier dans la région «Sous-éléments» de la page d Accueil. Pour modifier ce champ, un clic sur le numéro de la colonne «Priorité» ouvre une petite fenêtre ou vous devrez saisir la nouvelle valeur de la priorité. Pour valider, cliquer sur «entrer» sur votre clavier. Menu en Front-office : Menu en Back-office. Pour effectuer un changement dans l ordre du menu de navigation, il vous suffit d en modifier les priorités. 1. Cliquez sur l onglet «Priorité» pour s assurer que la classification des éléments en cours suive bien les priorités 2. Cliquez sur la priorité à modifier et saisissez le numéro supérieur si vous souhaitez décaler votre onglet de navigation vers la droite en Front Office, ou saisissez le numéro inférieur si vous souhaitez décaler votre onglet de navigation vers la gauche. 3. Cliquez sur «entrer» sur votre clavier et le menu des priorités se mettra à jour automatiquement 4. Vérifier que la mise à jour a bien été effectuée en Front Office. Les éléments apparaissent en Back-office et Front-office dans l ordre croissant en fonction de leur priorité. 24

25 Le 05/12/ Page 25 / Versions d un élément 4.1. Présentation Les différents éléments qui composent le site sont conservés en base de données depuis leur création jusqu à leur suppression. Pour chaque modification effectuée sur un élément, une nouvelle entrée en base de données est créée afin de pouvoir consulter les différentes versions d un élément et de savoir qui l a effectué et à quel moment. Ce qui est important de savoir c est qu il est ainsi possible de revenir à une version antérieure d un élément si on se rend compte que la version passée convient d avantage que la version en cours sur le site. Pour rappel, seul l élément qui est dans l état «Publié» sera accessible depuis le Front-office Où voir les versions? Pour afficher les différentes versions d un élément, il faut cliquer sur le bouton «Gérer les versions» qui est au centre de la page : Après avoir cliqué sur ce bouton, vous verrez sur la page suivante : Le numéro de la version Le statut correspondant à la version (tel que défini en préambule de cette documentation) Le créateur de cette version La date de création La date de modification Un bouton pour créer une copie d une version Un bouton pour modifier une version Un bouton pour afficher les différences entre deux versions. A noter qu en bas de la page, il y a un récapitulatif de la version publiée. 25

26 Le 05/12/ Page 26 / Afficher une version antérieure Cliquez sur le pictogramme «Créer une copie de la version» Vous verrez alors une nouvelle ligne tout en bas du tableau qui correspond à une copie de la version que vous voulez afficher. Cliquer sur le pictogramme «Modifier le contenu de la version» de cette dernière ligne. La fenêtre qui permet de modifier l élément correspondant à la version souhaitée s ouvre alors. Si vous désirez que cette version remplace la version actuelle de l élément et passe alors en état «Publié», vous devez cliquer sur le bouton «Envoyer pour publication». Au contraire, si vous ne désirez pas conserver cette ancienne version, cliquez sur le bouton «Annuler le brouillon» Afficher les différences entre 2 versions Afficher les différences entre 2 versions d un élément du site est très intéressant pour savoir quelles modifications (ajouts, suppressions, changements) ont été effectuées d une version à l autre. Pour pouvoir afficher ces différences vous devez effectuer ce qui est décrit au (4.2) pour arriver jusqu à cette page : Vous pouvez constater que sous le tableau à coté du bouton «Afficher les différences» se tiennent deux listes déroulantes contenant des chiffres. Ces chiffres correspondent aux numéros de version de votre élément tel qu indiqué dans le tableau ci-dessus. Choisissez dans la première liste la version la plus ancienne du document puis la plus récente dans la deuxième liste. Cliquez ensuite sur le bouton «Afficher les différences». La page qui va alors s ouvrir aura pour caractéristiques : Ce qui s affiche en vert sur la page correspond aux ajouts effectués sur la nouvelle version par rapport à l ancienne. Ce qui s affiche en noir correspond aux éléments inchangés des deux versions. Ce qui s affiche en rouge correspond aux éléments supprimés sur la nouvelle version par rapport à l ancienne. 26

27 Le 05/12/ Page 27 / 32 Voici un exemple : 5. Réglages en Back-office 5.1. Afficher la case à cocher «Retour à la modification» Intérêt : cette case, une fois cochée, permet de revenir sur la page que vous étiez en train d éditer avant de cliquer sur le bouton «Envoyer pour publication». Si cette case n est pas cochée, lorsque l on clique sur ce dernier bouton, nous sommes redirigés vers la page parente de celle que nous éditions. Afficher la case : cliquez sur le deuxième lien «activé» qui se trouve dans la partie droite de la page du Back-office, dans la section «User preferences» : Résultat : 27

28 Le 05/12/ Page 28 / Gestion des listes 6.1. La structure d une liste complète Une liste complète est composée de plusieurs objets liés entre eux : Une liste Une catégorie de liste Une feuille de liste Une liste complète est composée comme suit : - Titre de la liste - Chapeau/description de la liste qui s affiche dans un bloc gris automatiquement - Catégories d une liste (catégorie de niveau 1 et éventuellement catégorie de niveau 2) - Feuilles de liste (qui correspond à une page ou un document) 6.2. Créer une liste Pour créer une liste : 1. Placez-vous sur le niveau de navigation auquel votre liste doit être rattachée dans le Back-office. 2. Descendez jusqu à la rubrique «Sous-éléments» au centre de la page. 3. Cliquez sur le bouton choisissez et cliquez sur l objet «Liste», puis dans la liste qui apparait, sous «FAQ», 28

29 Le 05/12/ Page 29 / Renseigner le titre de la liste qui sera le nom que vous lui donnerez, ce nom étant repris dans la navigation du site. Puis saisissez une description si vous souhaitez voir apparaître une explication ou un texte de présentation au dessus de votre liste. 5. Enfin, sélectionner les bureaux pour lesquels la liste que vous êtes en train de créer doit s afficher. Désélectionner les bureaux pour lesquels votre liste ne doit pas apparaître. 6. Cliquer sur «Envoyer pour publication» pour valider la création de votre liste Créer une catégorie liste La catégorie de liste correspond au 1er niveau de la liste, c'est-à-dire au niveau qui va recevoir des éléments cliquables de type page ou documents. Pour créer une catégorie de liste : 1. Placez-vous sur votre liste créée précédemment dans le Back-office. 2. Descendez jusqu à la rubrique «Sous-éléments» au centre de la page., puis dans la liste qui apparait, sous «FAQ», 3. Cliquez sur le bouton choisissez et cliquez sur l objet «Catégorie de Liste» 4. Renseigner le titre de la catégorie liste. 5. Cochez la case si vous souhaitez que votre catégorie soit dépliée par défaut, dans le cas contraire elle sera fermée et l internaute devra cliquer dessus pour voir afficher les feuilles de listes présentes. 29

30 Le 05/12/ Page 30 / Enfin, sélectionner les bureaux pour lesquels la liste que vous êtes en train de créer doit s afficher. Désélectionner les bureaux pour lesquels votre liste ne doit pas apparaître. 7. Cliquer sur «Envoyer pour publication» pour valider la création de votre catégorie de liste. Si vous souhaitez créer des sous-catégories, reproduisez le même processus de création d une catégorie de liste mais directement dans la catégorie de liste que vous venez de créer, non depuis une liste comme vous venez de le faire Créer une feuille de liste La feuille de liste correspond au 2ème niveau de la liste, c'est-à-dire au niveau qui correspond aux éléments cliquables de type page ou documents et sont rattachés à une catégorie de liste. Pour créer une feuille de liste : 1. Placez-vous sur votre liste créée précédemment dans le Back-office. 2. Descendez jusqu à la rubrique «Sous-éléments» au centre de la page. 3. Cliquez sur le bouton, puis dans la liste qui apparait, sous «FAQ», choisissez et cliquez sur l objet «Feuille de Liste» 30

31 Le 05/12/ Page 31 / Renseigner le titre de la feuille de liste qui donnera le nom du document affiché sur le site en Front Office. 5. Datez votre feuille de liste. 6. Si vous souhaitez créer une page directement avec un contenu éditorial non existant, remplissez le «Chapeau» et la «Description». 7. Dans le cas contraire, si vous souhaitez que votre feuille de liste soit une page existante du site, ne remplissez pas les champs «Chapeau» et «Description», allez directement sélectionner un «lien interne» 8. Pour créer un lien vers un document (ex : PDF), télécharger ce document dans «Fichier à télécharger» 9. Pour créer un lien externe (vers un site distant autre que ucm.be), renseigner le lien sous la rubrique «Lien externe» en précisant bien le « devant l adresse URL du site à lier. 10. Pour tenir informé les internautes de la modification de votre liste par vos soins et donc de son actualisation, veuillez cocher «Afficher la dernière mise à jour». Renseignez la date correspondante dans le champ juste en dessous. 11. Enfin, sélectionner les bureaux qui permettront l affichage de votre liste et spécifiez en les désélectionnant les bureaux qui ne devront pas afficher votre liste. 12. Renseigner les «Eléments complémentaires» qui vous permettront d attacher en bas de page de votre liste d autres pages ou documents. Cette rubrique correspond en Front Office à la rubrique «Voir aussi». 31

32 Le 05/12/ Page 32 / 32 32