CREER DES ARTICLES Mise en ligne de vos informations

Transcription

1 CREER DES ARTICLES Mise en ligne de vos informations FFF Direction des Systèmes d Informations Service Applications Digitales Cécile RODIER pole-technique@fff.fr Matthieu TOURIGNY pole-technique@fff.fr Armelle KUS SAINT-SUPERY (Directrice des Systèmes d Informations)

2 Sommaire Avant-propos 1 I. Prise en main de l outil de publication 2 1. Connexion à l outil de publication Présentation de l outil de publication... 3 II. Les différents types d article 5 III. Accès à la page d article 6 3. Accès avec présélection de la rubrique Accès sans présélection de la rubrique... 7 IV. Données générales communes à tous les types d article 8 V. Mise en ligne d un article d actualité Choix du type d article Renseignement des données spécifiques de l article Modification de l article VI. Mise en ligne d un article de PV Choix du type d article Renseignement des données spécifiques de l article Modification de l article de PV VII. Mise en ligne d un article de PV au format HTML Choix du type d article Renseignement des données spécifiques de l article Modification de l article de PV en HTML VIII. Mise en ligne d un diaporama Choix du type d article Renseignement des données spécifiques de l article Modification du diaporama IX. Mise en ligne d un article vidéo Choix du type d article Renseignement des données spécifiques de l article Modification de l article vidéo... 32

3 X. Mise en ligne d un article de redirection Choix du type d article Renseignement des données spécifiques de l article Modification de l article de redirection XI. Affichage d un article en page d accueil 36 Annexes 38 Annexe 1 : palette de mise en forme et d outils pour vos textes Annexe 2 : Création d un lien d intégration pour vos vidéos à l aide d un site hébergeur... 42

4 Avant-propos Dans ce document, vous trouverez les différentes étapes à suivre pour effectuer la mise en ligne de vos articles. Vous pourrez intégrer vos textes, ajouter des photos, insérer des liens hypertexte, gérer le rubriquage de vos communiqués, etc. Outil de publication : nouveautés et évolutions Les articles valides pour mise en ligne paraissent sur le site sans que l utilisateur ait besoin de publier la rubrique à laquelle ils ont été rattachés. L outil de publication vous propose une palette de mise en forme de vos textes sur le modèle de Word : la saisie de code HTML n est donc plus nécessaire pour mettre du gras, faire des liens, etc. Procès-verbaux : il est possible d insérer vos PV en HTML plus simplement, en conservant la mise en forme des textes. Ressources : vous pouvez désormais insérer des ressources de plus de 2 Mo (jusqu à 10 Mo). Nous vous conseillons toutefois de veiller à alléger vos documents le plus possible. Pour insérer des documents PDF de plus de 2 Mo, consulter la documentation «Insérer des documents PDF sur votre site». Consultation de votre site Procès-verbaux : pour chaque PV (fichier PDF), les date et heure d insertion s affichent. Plusieurs modules sont à votre disposition pour mettre en valeur vos contenus : Infos de la Semaine : à partir du bouton situé en haut à droite de votre site, vous accédez à tous les articles mis en ligne au cours de la semaine (article d actualité, diaporama, article vidéo, article de PV, article de redirection). Un calendrier sur cette page vous permet de sélectionner un jour. Les informations de la semaine concernée s affichent. Le bloc Informations Générales : zone en colonne centrale du site affichant une liste de d articles choisis par vos soins (affichage des titres des articles cliquables). Permet de mettre en avant des informations importantes et/ou intemporelles. Consulter la documentation «Mettre en valeur vos informations», chapitre «Utilisation de l animation Bloc Informations Générales». Le bloc Mise En Avant (MEA) : zone en colonne centrale du site affichant une information de type événementielle (grande photo et texte mis en valeur). Consulter la documentation «Mettre en valeur vos informations», chapitre «Utilisation de l animation Mise En Avant (MEA)». 1

5 I. Prise en main de l outil de publication 1. CONNEXION A L OUTIL DE PUBLICATION L outil de publication est accessible par Internet. Dans la barre d adresse de votre navigateur, tapez Vous accédez alors à la fenêtre d identification de l outil de publication. Indiquez : votre Identifiant / Login, votre Mot de passe / Password. Ces accès sont fournis par le Service Technique DC. Valider en faisant. 2

6 2. PRESENTATION DE L OUTIL DE PUBLICATION La page d accueil de l outil se compose de 3 éléments La liste des rubriques Cette zone affiche l arborescence complète de votre site. Cliquez sur à gauche du nom de votre site pour déployer la liste des rubriques de votre site. D une façon générale, le signe devant le nom d une rubrique indique que celle-ci a des sous-choix. Il suffit de cliquer dessus pour les afficher. La rubrique possède des sous-rubriques Pour plier ou déplier l arborescence, vous pouvez également utiliser les liens Plier et Déplier audessus de la liste des rubriques. Le menu général C est l ensemble des fonctions disponibles dans l outil de publication. Pages Vous permet de gérer vos articles (création, modification, suppression). Publication Vous permet de mettre un article en page d accueil. Rubriques Menu utilisable seulement par l Administrateur FFF. 3

7 Images Vous permet de gérer votre bibliothèque d images. Ressources Vous permet de gérer votre bibliothèque de fichiers PDF. Outil Ressources Ce menu sert à l insertion de fichiers PDF dont le poids est supérieur à 2 Mo. Animations En cliquant sur ce menu, vous accédez à deux nouveaux modules. Ceux-ci vous permettent de mettre en valeur les informations que vous jugez importantes. Animation Bloc Informations Générales Vous permet de faire remonter dans un bloc situé en colonne centrale de votre site, une liste d articles. Animation Mise en Avant Vous permet de mettre une information en valeur dans un bloc situé en colonne centrale de votre site. Partage Vous permet de visualiser les articles proposés en partage par d autres sites de Ligues ou de Districts et de les mettre en ligne sur votre site. Aides en ligne Vous permet de télécharger les documentations d aide concernant toutes les applications de l outil de publication. Programmes FFF Vous permet d accéder à des modules spécifiques. - Gestion des arbitres : suivre les consultations des désignations, envoyer des messages aux officiels, mettre à disposition des documents dans les espaces de désignations. - Sondages : mettre en ligne un sondage sur votre site. - Gestion des clubs : insérer le logo et le site Web dans les fiches des clubs de votre rubrique «Clubs». L espace de publication Cette zone affiche l ensemble des commandes du menu préalablement sélectionné. 4

8 II. Les différents types d article Depuis l accueil de l outil de publication (accessible en cliquant sur le logo FFF, en haut à gauche de l écran) ou du menu Pages, il est possible de créer plusieurs types d article via le menu déroulant cidessous : Ligue / District Article Article avec du contenu rédactionnel pouvant contenir un mini-diaporama, des ressources PDF à consulter, des informations mises en valeur dans deux zones «Encadré». Ligue / District Procès-verbal Article affichant une liste de documents PDF (PV). Ligue / District Diaporama Article permettant d insérer une suite d images de grand format (555 x 502 pixels) dans un lecteur. Ligue / District Vidéo Ligue / District Article permettant d insérer un lien exportable d une vidéo (hébergée sur un site extérieur, tels Dailymotion ou Youtube) et de faire afficher celle-ci dans un lecteur. Ligue / District Page de redirection Article permettant de rediriger l Internaute vers une autre page. Ligue / District Liste Flux Rss Type d article utilisable seulement par l Administrateur FFF. Ligue / District Bloc partenaire Type d article utilisable seulement par l Administrateur FFF. Ci-après, nous allons détailler : L accès à la page d article (quel que soit le type choisi), L insertion d informations dans le bloc Données générales (commun à tous les types d article), L insertion d informations dans le bloc Données spécifiques (différent pour chaque type d article). 5

9 III. Accès à la page d article Pour créer un article dans une des rubriques de votre site, deux cheminements sont possibles : Accès à la création de l article avec présélection de la rubrique, Accès à la création de l article sans présélection de la rubrique. 1. ACCES AVEC PRESELECTION DE LA RUBRIQUE Dans l arborescence du site (colonne de gauche), cliquer sur la rubrique dans laquelle votre article devra apparaître. Dans le menu des fonctionnalités (en haut), cliquer sur Pages. Choisir le type d article souhaité dans le menu déroulant Créer une nouvelle page du type et cliquer sur. Vous accédez alors à la page de création de l article. 6

10 2. ACCES SANS PRESELECTION DE LA RUBRIQUE 1 Choisir directement le type d article dans le menu déroulant Créer une nouvelle page du type et cliquer sur. Vous accédez alors à la page de création de l article. 7

11 IV. Données générales communes à tous les types d article Voici le détail des champs présentés ci-dessous. Ceux-ci sont présentés en deux parties : Les Données générales de l article celles-ci sont présentes de la même façon dans chaque type d article ; Les Données spécifiques celles-ci sont différentes selon le type d article. Ci-après, nous indiquons la marche à suivre pour remplir les champs des Données générales Date de création Champ renseigné automatiquement. Cette donnée n a pas d utilité à être modifiée. Date de modification Champ renseigné automatiquement à la création. Cette donnée pourra être modifiée ultérieurement pour remonter un article dans une rubrique ou en page d accueil (en modification de l article). 8

12 Rubrique principale Donnée renseignée automatiquement s il y a eu présélection de la rubrique avant le choix du type d article. Sinon, cliquer sur pour afficher la liste des rubriques de votre site. Dans la fenêtre qui s affiche, cliquer sur à gauche de Accueil suivi du nom de votre site, pour déployer la liste des choix. Sélectionner la rubrique souhaitée en cliquant dessus. Le champ Rubrique principale est alors renseigné. Attention : ne jamais choisir article. comme rubrique principale d un Remonté Il s agit de définir l endroit où vous souhaitez faire afficher votre article (en plus de sa rubrique principale). Par défaut : coché automatiquement. L article s affiche uniquement dans la rubrique sélectionnée. Accueil de rubrique Page d accueil : l article s affiche dans la rubrique sélectionnée et sur la page d accueil sous le bloc A La Une. La publication du bloc A La Une et Page d accueil est nécessaire (voir page 36). Page d accueil 9

13 A La Une : l article s affiche dans la rubrique sélectionnée et sur la page d accueil dans le bloc A La Une. La publication du bloc A La Une et Page d accueil est nécessaire (voir page 36). Page d accueil ou A La Une (sans date) : l article s affiche dans la rubrique sélectionnée et sur la page d accueil dans le bloc A La Une, mais sa date de modification n apparaît pas. Ainsi, une information peut rester affichée dans cette zone, sans qu elle paraisse périmée. La publication du bloc A La Une et Page d accueil est nécessaire (voir page 33). Article A La Une > Affichage de la date de modification Article A La Une > Pas de date de modification Auteur Par défaut, les nom et prénom de l utilisateur connecté s affiche. Il est possible de choisir un autre auteur ou pas d auteur en utilisant le menu déroulant. Surtitre Champ optionnel. Il est cependant conseillé de le renseigner en indiquant le thème général de l article. Titre Champ obligatoire. Choisir un intitulé précis, clair et court. 10

14 Chapeau / Résumé Champ optionnel. Il est cependant conseillé de le renseigner, pour inciter les Internautes à lire la suite de l article (5 à 6 lignes).vous pouvez mettre en forme votre texte (voir l annexe 1, page 39). Insertion d images : il n est pas possible d insérer des visuels dans cette zone. Insertion de ressources : il est possible d insérer des liens vers des fichiers à télécharger (voir l annexe 1, page 39). Image principale Champ optionnel. Il n est pas utile de recadrer l image avant de l insérer : l outil de publication la redimensionne automatiquement. De plus, un module de retouche est intégré à l outil, vous permettant ainsi de modifier vos visuels. L emplacement de l image est de 434 x 239 pixels. Les formats d image possibles sont : «.jpg», «.gif» et «.png». L image ne doit pas dépasser 2 Mo. Plusieurs cas de figure : L image est sur votre ordinateur : cliquer sur pour sélectionner votre image. L image est dans la bibliothèque de l outil de publication : cliquer sur. Un pop-up s affiche avec deux blocs : l un (en vert) permettant d insérer votre image dans la bibliothèque, l autre (Image disponibles) affichant la liste des images de la bibliothèque. Si vous souhaitez insérer votre image dans la bibliothèque pour ensuite l utiliser, consulter la documentation «Insérer des images sur votre site». Si la photo est affichée dans la liste du bloc Images disponibles, cliquer sur souhaité. au niveau du visuel 11

15 Si la photo n est pas directement disponible, vous pouvez utiliser les outils de filtre pour y accéder : Catégorie : les images peuvent être rangées dans des catégories. Ces catégories sont créées à votre demande pour faciliter la recherche et l indexation de vos visuels. A sélectionner via le menu déroulant. Nb de réponses : par défaut, 50 images vous sont proposées. Le nombre de réponses peut être augmenté. A sélectionner via le menu déroulant. Titre contenant : il est possible de rechercher une photo par un ou des mots de son titre. Vous pouvez utiliser les 3 filtres en même temps (par exemple, rechercher une photo par son titre, au sein d une catégorie, avec 100 réponses demandées), ou 2 sur 3 ou simplement un seul. Une fois vos critères de recherche définis, cliquez sur le bouton. Une liste de résultats s affiche. Cliquez sur au niveau du visuel souhaité. Si aucune des images proposées ne vous convient ou s il n y a aucune réponse qui s affiche, modifiez vos critères et relancez une recherche. Astuce : En passant la souris sur le nom de la photo, un aperçu de celle-ci s affiche. Vous pouvez alors vous assurer de choisir la photo souhaitée. L image est sur votre ordinateur et vous souhaitez la retravailler : cliquer sur le pop-up qui s affiche, cliquer sur pour aller chercher l image et faire.. Dans La photo téléchargée s affiche. Si vous souhaitez redimensionner l image, utilisez le bloc Sauvegarde de l image. Vous pouvez augmenter ou abaisser la qualité de l image (par défaut 70%), réduire la largeur (par défaut 310, la hauteur sera réduite proportionnellement) ou choisir une largeur prédéfinie (Vignette MEA* 310px, Mini-Diaporama 310 px ou Diaporama 555px). * MEA : Mise En Avant 12

16 Redimensionnement de l image - Qualité (alléger le poids de l image au chargement de la page) - Largeur à réduire éventuellement (hauteur proportionnelle) - Utilisation des largeurs prédéfinies (Vignette MEA 310px, Mini-Diaporama 310 px, Diaporama 555 px) Faire. Votre image ainsi modifiée s affiche dans le bloc Image Résultat en bas de la fenêtre. S affichent aussi les nouveaux paramètres de votre visuel (poids, largeur et hauteur). Aperçu de la photo modifiée Nouveaux paramètres de la photo : - Poids (en ko) - Largeur («width», en pixels) - Hauteur («height», en pixels) 13

17 Si le résultat vous convient, cliquez sur pour insérer le visuel modifié dans votre article. Dans ce dernier, s affiche alors un lien du type common/ligue/vignette/imgs/[suivi de l identifiant de l image]. Si le résultat ne vous convient pas, modifiez les paramètres désirés (qualité, largeur ou largeur prédéfinie), puis cliquez à nouveau sur pour visualiser le résultat. Si vous souhaitez rogner l image selon les gabarits prédéfinis, choisissez un format dans le menu déroulant (au choix : Vignette MEA 310px, Mini-Diaporama 310 px ou Diaporama 555px). Ensuite, cliquez sur le lien. Le choix Déplacer la sélection se coche automatiquement. Un cadre blanc de la taille du format choisi s affiche en haut à gauche du visuel. Avec le pointeur de votre souris, cliquez sur la zone que vous souhaitez conserver (l endroit où vous cliquez est le centre de la sélection). Répétez cette opération si la sélection obtenue n est pas satisfaisante. Une fois le résultat souhaité obtenu, cliquez sur puis procédez comme indiqué précédemment. 14

18 Crédit Image principale Champ obligatoire du point de vue juridique. Vous devez utiliser des visuels qui sont votre propriété ou dont vous possédez les droits. Indiquer ici l auteur de l image. Ce crédit s affiche en passant la souris sur l image. Crédit image principale Flash info A cocher si vous avez seulement renseigné le champ Chapeau / Résumé. Cela évite que le lien Lire la suite soit créé dans l index de rubrique, alors qu il n y a pas plus à lire sur l article. Article «non Flash info» Article «Flash info» Validée Champ obligatoire. Laisser sur Non tant que vous n avez pas visualisé votre article ou que celui-ci n est pas conforme à vos attentes. Si vous cochez Oui et que vous validez votre article, ce dernier apparaîtra immédiatement sur votre site. A ce stade, vous avez renseigné les données communes aux différents types d articles disponibles (article, article de PV, article de redirection, diaporama et vidéo). Nous allons, à présent, détailler pour chaque type d article son utilité et son utilisation. 15

19 V. Mise en ligne d un article d actualité (de type rédactionnel) 1. CHOIX DU TYPE D ARTICLE Si vous souhaitez présélectionner la rubrique avant de créer l article : Sélectionner la rubrique concernée dans l arborescence. Cliquer sur le menu Pages et choisir Ligue / District Article dans le champ Créer une page du type. Si vous souhaitez créer directement votre article : Depuis l accueil de l outil et le menu Pages, choisir Ligue / District Article dans le champ Créer une page du type. Une fois que vous êtes sur la page de saisie de l article, renseignez les Données générales, comme spécifié pages 8 à 15. Dans le champ Validée, laisser sur Non

20 2. RENSEIGNEMENT DES DONNEES SPECIFIQUES DE L ARTICLE Remplir les champs proposés comme suit. Contenu Champ optionnel. Corps de l article (uniquement consultable après avoir cliqué sur Lire la suite). Saisir votre texte dans cet espace. Vous pouvez mettre en forme votre texte (voir l annexe 1, page 39). Encadré 1 Champ optionnel. Zone de mise en valeur de texte située sous Contenu dans votre article. Celle-ci se compose d un titre (champ obligatoire) et d un contenu. Titre encadré 1 Saisir un texte court et parlant. Pas de mise en forme possible. Ne pas insérer de code HTML. Contenu encadré 1 Saisir le contenu de votre encadré. Mise en forme possible (voir l annexe 1, page 39). Encadré 2 Champ optionnel. Zone de mise en valeur de texte située dans la colonne centrale de votre site. Celle-ci fonctionne de la même façon que l Encadré 1. Autres auteurs Champ optionnel. Ajout d auteur(s) à la suite de celui spécifié dans le champ Auteur des Données générales. A ce stade, vous pouvez enregistrer votre article en faisant. 17

21 Un message confirme la création de l article et une liste de liens vous est proposée : Page publiée : cliquer pour visualiser votre article (le numéro en fin de lien correspond au numéro de l article). Infos de la semaine JJ/MM/AAAA HH:MM publiée : cliquer pour visualiser l insertion de votre article dans le module. L article apparaît uniquement si le champ Validée est sur Oui (voir page 15). Infos de la semaine publiée : idem ci-dessus. Accueil section publié : cliquer pour visualiser l insertion de votre article dans l index de la rubrique dans laquelle vous l avez créé. L article apparaît uniquement si le champ Validée est sur Oui (voir page 15). Cliquer ici pour visualiser l article Une fois l article créé, vous pouvez accéder à des fonctions supplémentaires : Mise en partage de votre article, Insertion de photos dans un mini-diaporama, Création d une liste pré-formatée de documents à télécharger, Multi-rubriquage de l article. 18

22 3. MODIFICATION DE L ARTICLE Pour accéder à la page de saisie d un article existant, 3 possibilités : A partir la page Résultat (voir page 18), cliquer sur. Avec le numéro de l article, au choix : Cliquer sur le logo FFF en haut à gauche de l écran pour revenir à l accueil de l outil et utiliser le champ. Cliquer sur le menu Pages et utiliser le champ. A partir de la liste des articles : cliquer sur le menu Pages. La liste des Pages disponibles s affiche. Vous pouvez filtrer selon plusieurs critères : Validée : choisir Oui (affiche uniquement les pages en ligne sur le site) ou Non (articles non en ligne). Type : sélectionner le type d article recherché (Page de redirection, Procès-verbal, Article, Diaporama, Vidéo, les autres types sont gérés par l Administrateur FFF). Mot clé ou ID : saisir un mot du titre de l article recherché ou son numéro. Nb Réponses : par défaut, 100 articles vous sont proposés. Le nombre de réponses peut être augmenté. A sélectionner via le menu déroulant. Il est possible d utiliser plusieurs filtres en même temps. Une fois vos critères de recherche définis, cliquez sur le bouton. Une liste d articles s affiche. Cliquer sur le titre de l article ou sur l icône pour l éditer. Vous pouvez également afficher les articles d une rubrique. Pour cela, cliquer sur le choix désiré dans l arborescence, puis faire Pages (voir page 6). Vous pouvez ensuite utiliser les filtres décrits ci-dessus dans cette rubrique. Quand vous avez trouvé l article souhaité, procédez de la même façon que précédemment. Vous accédez alors à la page de modification de l article. Vous pouvez modifier les éléments insérés au cours de la création de l article. 19

23 De nouvelles fonctionnalités s affichent désormais sur cette page Partager Permet de proposer votre article à des sites de Ligues ou de Districts que vous aurez sélectionnés. Pour tout savoir sur le fonctionnement de ce module, consulter la documentation «Partager vos articles avec d'autres sites de Ligues et de Districts». Rubriques de la page Vous pouvez placer votre article dans des rubriques secondaires, si vous souhaitez le rendre accessible aux Internautes depuis plusieurs endroits. Par défaut, la rubrique dans laquelle vous avez inséré votre article lors de sa création s affiche (colonne Type Principale). 20

24 Cliquer sur l icône à droite de Sélectionner une rubrique pour afficher la liste des rubriques de votre site. Dans la fenêtre qui s affiche, cliquer sur à gauche du nom de votre site, pour déployer la liste des choix. Sélectionner la rubrique souhaitée en cliquant dessus. Puis, faire. Répéter l opération si l article doit être accessible depuis plusieurs choix. Vous pouvez également retirer des rubriques secondaires en cliquant sur. Ressources de la page Vous pouvez utiliser cet espace dédié en colonne centrale de votre site, pour proposer des documents à télécharger à vos Internautes. Cliquer sur l icône à droite de Sélectionner une ressource. Un pop-up s affiche avec deux blocs : l un (en vert) permettant d insérer votre ressource dans la bibliothèque, l autre (Ressources disponibles) affichant la liste des ressources de la bibliothèque. Si vous souhaitez insérer votre ressource dans la bibliothèque pour ensuite l utiliser, consulter la documentation «Insérer des documents PDF sur votre site». Si la ressource est affichée dans la liste du bloc Ressources disponibles, cliquer sur au niveau du document souhaité. Si d autres documents sont nécessaires, cliquer de nouveau sur la coche verte les concernant pour les ajouter. Ceux-ci s ajoutent sans avoir besoin de cliquer sur. Si la ressource n est pas directement disponible, vous pouvez utiliser les outils de filtre pour y accéder (même utilisation que pour le filtre des images, voir page 12). Fermer le pop-up. Vous pouvez retirer des ressources en cliquant sur. Affichage sur le site : Ordre des ressources : la première ressource que vous avez insérée apparaît en bas, la suivante au-dessus et ainsi de suite. Si cet ordre ne vous convient pas, vous le modifier en modifiant la position de chaque document dans la colonne Ordre. Nom de la ressource : c est le nom que vous avez attribué à la ressource lors de son enregistrement qui apparaît. Si celui-ci ne vous convient pas, double-cliquez sur son numéro (colonne ID). Le pop-up Ressources apparaît. Dans le bloc vert, modifiez le titre puis cliquez sur ou. Peuvent être modifiés ainsi : le fichier à télécharger (faire ) et la catégorie de la ressource. 21

25 Images de la page Vous pouvez utiliser cet espace dédié en colonne centrale de votre site, pour mettre en place un mini-diaporama. Si vous avez des photos qui accompagnent votre rédactionnel, c est à ce niveau qu elles doivent être insérées (il n est pas possible de les mettre dans le corps de votre article). Avant toute opération dans l outil de publication, il faut mettre les visuels aux dimensions suivantes : 312 x 215 px. Cliquer sur l icône à droite de Sélectionner une image. Un pop-up s affiche avec deux blocs : l un (en vert) permettant d insérer votre image dans la bibliothèque, l autre (Images disponibles) affichant la liste des ressources de la bibliothèque. Pour vous aider à sélectionner les visuels aux dimensions adaptées, les tailles des photos sont indiquées dans la colonne Nom du fichier. Sélectionner l image souhaitée en utilisant la coche verte (au besoin, utiliser les filtres pour trouver celle-ci). Si vous souhaitez insérer votre image dans la bibliothèque pour ensuite l utiliser, consulter la documentation «Insérer des images sur votre site». Si vous souhaitez utiliser une image qui n est pas dans la bibliothèque, renseignez les champs du bloc vert de la façon suivante : Titre : indiquer le nom de l image. Catégorie : sélectionner le dossier dans lequel vous voulez ranger ce visuel (les catégories sont créées à votre demande pour faciliter la recherche et l indexation de vos photos). Image : insérer le fichier en cliquant sur. Crédits : à renseigner obligatoirement (vous devez utiliser des visuels qui sont votre propriété ou dont vous possédez les droits). Légende : le texte saisi s affichera sous la photo dans le mini-diaporama (utile pour commenter, faire court). Une fois les champs renseignés, faire. L image s ajoute dans l article et dans la bibliothèque de l outil de publication. Si vous souhaitez ajouter une nouvelle image, cliquer sur dans le pop-up et répéter la procédure. Fermer le pop-up. Vous pouvez retirer des images en cliquant sur. Affichage sur le site : Ordre des images : la première image que vous avez insérée apparaît en 1 er, la suivante en 2 e et ainsi de suite. Si cet ordre ne vous convient pas, modifiez la position de chaque image dans la colonne Ordre. 22

26 Légende : si vous souhaitez ajouter ou modifier le texte qui s affiche sous l image, doublecliquez sur son numéro (colonne ID). Le pop-up Images apparaît. Dans le bloc vert, modifiez la légende puis cliquez sur ou. Peuvent être aussi modifiés : le titre de l image, l image elle-même (faire ), sa catégorie et son crédit. Pour mettre en ligne votre article sur le site : cocher Oui dans le champ Validée. Puis, faire Votre article apparaît directement dans la rubrique souhaitée du site, sans aucune manœuvre supplémentaire. Supprimer la page Si vous ne souhaitez pas conserver cet article, vous pouvez le supprimer en cliquant sur. Une confirmation de suppression est demandée. Valider. Page suivante, vous visualisez un aperçu de la saisie des champs effectuée lors de la création et de la modification d un article. Cela peut aider à utiliser au mieux les différentes fonctionnalités, en fonction de vos objectifs d information et de communication. 23

27 Visualisation d un article de type rédactionnel Image principale Images de la page (mini-diaporama) - Image - Légende l image - Navigation entre les images - Date de modification - Surtitre - Titre Ressources de la page Chapeau / Résumé Contenu Encadré 2 - Titre de l encadré (bloc dégradé) - Contenu Liste des articles de la rubrique Auteur Autres auteurs Encadré 1 - Titre de l encadré (bloc dégradé) - Contenu 24

28 VI. Mise en ligne d un article de PV 1. CHOIX DU TYPE D ARTICLE Si vous souhaitez présélectionner la rubrique avant de créer l article : Sélectionner la rubrique concernée dans l arborescence (par exemple : Procès-verbaux > Saison ). Cliquer sur le menu Pages et choisir Ligue / District Procès Verbal dans le champ Créer une page du type. Si vous souhaitez créer directement votre article : Depuis l accueil de l outil et le menu Pages, choisir Ligue / District Procès Verbal dans le champ Créer une page du type. Une fois que vous êtes sur la page de saisie de l article, renseignez les Données générales, comme spécifié pages 8 à 15. Dans le champ Titre, indiquer le nom de la Commission ou la semaine de PV concernée. Dans le champ Validée, laisser sur Non. Il est possible de remonter un article de PV sur la page d accueil de votre site (affichage dans la zone A La Une ou dans la zone Page d accueil (liste des articles sous A La Une). C est pour cela que nous vous conseillons de renseigner les champs suivants : Chapeau / Résumé Image principale Crédit image principale Ces données ne s affichent pas dans l article de PV, ni dans la rubrique. Elles seront visibles uniquement si votre article de PV est remonté en page d accueil de votre site. 2. RENSEIGNEMENT DES DONNEES SPECIFIQUES DE L ARTICLE Ne pas tenir compte du champ Commentaire. A ce stade, vous pouvez enregistrer votre article en faisant. Vous pouvez alors visualiser le résultat (voir page 18). 3. MODIFICATION DE L ARTICLE DE PV Pour accéder à la page de saisie d un article existant, suivez les indications données page 19. En modification, il vous est possible : d insérer des fichiers PDF (vos PV), à l aide bloc Ressources de la page (voir page 21), de proposer cet article en partage sur des sites sélectionnés par vos soins. Pour tout savoir sur le fonctionnement de ce module, consulter la documentation «Partager vos articles avec d'autres sites de Ligues et de Districts». d insérer des images dans un mini-diaporama, à l aide du bloc Images de la page (voir page 22), de rendre votre article de PV accessible depuis une ou d autre(s) rubrique(s), à l aide du bloc Rubriques de la page (voir page 20). 25

29 Validez en cliquant sur et visualisez la page (voir page 18). Vérifiez que celle-ci vous convient et que le fichier que vous avez inséré se télécharge bien. Pour mettre en ligne votre article sur le site : cocher Oui dans le champ Validée. Visualisation d un article de PV - Surtitre de l article de PV - Titre de l article (nom de la Commission) Liste des PV (le dernier inséré se place toujours en haut) DATE ET HEURE D INSERTION DES PV A chaque fois d un fichier PDF est ajouté, les date et heure d insertion s affichent automatiquement. Possibilité d insérer un mini-diaporama Votre article de PV est également accessible dans le module.. Les Commissions pour lesquelles des PV ont été publiés au cours d une semaine apparaissent dans l Infos de la Semaine concernée. Nom de la Commission (cliquable pour accéder à l article) Nom du département de la Commission Date et heure d insertion du PV (cliquables pour télécharger le document) Nom du PV (cliquable pour télécharger le document) 26

30 VII. Mise en ligne d un article de PV au format HTML 1. CHOIX DU TYPE D ARTICLE Si vous avez besoin de diffuser un procès-verbal en HTML, il vous faut : Créer un article d actualité dans la rubrique Procès-verbaux (ou dans le département concerné). Dans les Données générales, renseignez les champs comme indiqué pages 8 à 15. Nous vous conseillons de préciser dans le Titre qu il s agit d une version en HTML. Ne pas oublier d insérer un chapeau et une image d illustration. Dans le champ Validée, laisser sur Non. 2. RENSEIGNEMENT DES DONNEES SPECIFIQUES DE L ARTICLE Dans le champ Contenu, vous allez insérer votre texte en faisant un copier-coller de Word. Au préalable, il faut bien vérifier les paramètres de votre document d origine : environ 25 pages ou 7800 mots ou caractères maximum (espaces compris). Si votre document dépasse ces données, il se peut qu un message d erreur s affiche à la validation de l article dans l outil, ou que l insertion du texte ne soit pas prise en compte. Pour obtenir ces informations dans Word, ouvrir le document concerné. Cliquer sur en bas à gauche de votre écran. La boite de dialogue Statistiques s affiche. 27

31 Si votre navigateur est Internet Explorer 7 ou 8, il se peut que au moment du copier-coller vous ayez des messages du type : - «Voulez-vous autoriser l accès de cette page Web au presse-papier?» cliquer sur. - «Le texte à coller semble venir de Word. Désirez-vous le nettoyer avant de coller?» cliquer sur. - Dans la fenêtre Coller à partir de Word, coller le texte et cliquer sur. Les images ne sont pas récupérées. Si les tableaux sont trop larges, ils peuvent déformer la page. Concernant la présence de tableaux : il vous faut insérer, dans la source du champ Contenu (voir l annexe 1, page 39), le code suivant <!--FFF-->. Ceci pour éviter l insertion d espaces trop grands dans votre article. Vous pouvez, au besoin, renseigner d autres champs (Encadré 1 et Encadré 2). A ce stade, vous pouvez enregistrer votre article en faisant. Vous pouvez alors visualiser le résultat (voir page 18). 3. MODIFICATION DE L ARTICLE DE PV EN HTML Pour accéder à la page de saisie d un article existant, suivez les indications données page 19. En modification, il vous est possible : de proposer cet article en partage sur des sites sélectionnés par vos soins. Pour tout savoir sur le fonctionnement de ce module, consulter la documentation «Partager vos articles avec d'autres sites de Ligues et de Districts». d insérer des fichiers PDF, à l aide bloc Ressources de la page (voir page 21), d insérer des images dans un mini-diaporama, à l aide du bloc Images de la page (voir page 22), de rendre votre article de PV en HTML accessible depuis une ou d autre(s) rubrique(s), à l aide du bloc Rubriques de la page (voir page 20). Pour mettre en ligne votre article sur le site : cocher Oui dans le champ Validée. 28

32 Visualisation d un article de PV au format HTML Copier-coller de Word dans l outil de publication 29

33 VIII. Mise en ligne d un diaporama Avant toute opération dans l outil de publication, il faut procéder à un ajustement de vos photos comme suit : Formats acceptés : «.jpg», «.gif» et «.png», Dimensions maximum : 555 x 502 px, Poids maximum : 2 Mo. 1. CHOIX DU TYPE D ARTICLE Si vous souhaitez présélectionner la rubrique avant de créer l article : Sélectionner la rubrique concernée dans l arborescence. Cliquer sur le menu Pages et choisir Ligue / District Diaporama dans le champ Créer une page du type. Si vous souhaitez créer directement votre article : Depuis l accueil de l outil et le menu Pages, choisir Ligue / District Diaporama dans le champ Créer une page du type. Ensuite, vous complétez les champs proposés des Données générales, comme indiqué dans les pages 8 à 15. Dans le champ Validée, laisser sur Non. 2. RENSEIGNEMENT DES DONNEES SPECIFIQUES DE L ARTICLE Autres auteurs : Champ optionnel. Ajout d auteur(s) à la suite de celui spécifié dans le champ Auteur des Données générales. A ce stade, vous pouvez enregistrer votre article en faisant. 3. MODIFICATION DU DIAPORAMA Pour accéder à la page de saisie d un article existant, suivez les indications données page 19. En modification, il vous est possible : d insérer des images dans le diaporama, à l aide du bloc Images de la page (voir page 22). de proposer cet article en partage sur des sites sélectionnés par vos soins. Pour tout savoir sur le fonctionnement de ce module, consulter la documentation «Partager vos articles avec d'autres sites de Ligues et de Districts». de rendre votre diaporama accessible depuis une ou d autre(s) rubrique(s), à l aide du bloc Rubriques de la page (voir page 20). Dans un diaporama, il n est pas possible d insérer des ressources dans le bloc Ressources de la page. 30

34 Une fois que vos images ont été toutes insérées, vous pouvez enregistrer votre article en faisant. Vous pouvez alors visualiser le résultat (voir page 18). La page de visualisation du diaporama n est pas celle qui apparaîtra sur le site : le diaporama est une fenêtre qui s ouvre depuis l index de la rubrique. La page de visualisation vous permet de vérifier la bonne insertion des images et des légendes. Pour mettre en ligne votre article sur le site : cocher Oui dans le champ Validée. Visualisation d un diaporama Vignettes des autres images du diaporama Légende de chaque image Article support du diaporama Lien vers le diaporama 31

35 IX. Mise en ligne d un article vidéo 1. CHOIX DU TYPE D ARTICLE Au préalable, vous devez enregistrer votre vidéo sur un site hébergeur type etc., (voir l annexe 2, page 42). Ensuite, récupérer le lien exportable de votre vidéo. Si vous souhaitez présélectionner la rubrique avant de créer l article : Sélectionner la rubrique concernée dans l arborescence. Cliquer sur le menu Pages et choisir Ligue / District Vidéo Ligue / District dans le champ Créer une page du type. Si vous souhaitez créer directement votre article : Depuis l accueil de l outil et le menu Pages, choisir Ligue / District Vidéo Ligue / District dans le champ Créer une page du type. Ensuite, vous complétez les champs proposés des Données générales, comme indiqué dans les pages 8 à 15. Dans le champ Validée, laisser sur Non. 2. RENSEIGNEMENT DES DONNEES SPECIFIQUES DE L ARTICLE Lien vers la vidéo : coller le code fourni par le site hébergeur de la vidéo. Autres auteurs : saisir d éventuels co-auteurs. A ce stade, vous pouvez enregistrer votre article en faisant. La page de visualisation de l article vidéo n est pas celle qui apparaîtra sur le site : le lecteur vidéo est une fenêtre qui s ouvre depuis l index de la rubrique. La page de visualisation vous permet de vérifier la bonne insertion de votre vidéo. 3. MODIFICATION DE L ARTICLE VIDEO Pour accéder à la page de saisie d un article existant, suivez les indications données page 19. En modification, il vous est possible : de proposer cet article en partage sur des sites sélectionnés par vos soins. Pour tout savoir sur le fonctionnement de ce module, consulter la documentation «Partager vos articles avec d'autres sites de Ligues et de Districts». de rendre votre article vidéo accessible depuis une ou d autre(s) rubrique(s), à l aide du bloc Rubriques de la page (voir page 20). Dans un article vidéo, il n est pas possible d insérer des ressources dans le bloc Ressources de la page et d insérer des images dans le bloc Images de la page. Pour mettre en ligne votre article sur le site : cocher Oui dans le champ Validée. 32

36 Visualisation d un article vidéo Vidéo Article support de la vidéo Lien vers la vidéo 33

37 X. Mise en ligne d un article de redirection 1. CHOIX DU TYPE D ARTICLE L article de redirection vous permet d orienter l Internaute vers une autre page. Un exemple d utilisation : Vous créez un article court (texte uniquement dans Chapeau / Résumé) pour annoncer les reports de matches. Vous souhaitez qu en cliquant sur Lire la suite, on accède directement à la rubrique «Championnats» de votre site. Cela évite de faire un lien manuellement (l Internaute clique sur Lire la suite pour accéder à la nouvelle page). Si vous souhaitez présélectionner la rubrique avant de créer l article : Sélectionner la rubrique concernée dans l arborescence. Cliquer sur le menu Pages et choisir Ligue / District Page de redirection dans le champ Créer une page du type. Si vous souhaitez créer directement votre article : Depuis l accueil de l outil et le menu Pages, choisir Ligue / District Page de redirection dans le champ Créer une page du type. Ensuite, vous complétez les champs proposés des Données générales, comme indiqué dans les pages 8 à 15. Dans le champ Flash info, ne pas cocher Oui, auquel cas la redirection ne sera pas accessible. Dans le champ Validée, mettre sur Oui. 2. RENSEIGNEMENT DES DONNEES SPECIFIQUES DE L ARTICLE Lien de redirection : insérer l URL de la page de destination (« A ce stade, vous pouvez enregistrer votre article en faisant. La visualisation d un article de redirection n est pas possible car celui-ci amène automatiquement vers la page de destination. C est pourquoi il convient de le valider pour ensuite consulter l index de la rubrique dans laquelle il est inséré ou la page concernée. Lien de visualisation qui redirige automatiquement sur la page destinataire Sert à tester que la redirection fonctionne Lien de visualisation de l insertion de l article dans la rubrique principale Permet de voir l aspect de votre article Lien de visualisation de l insertion de l article dans le module Infos de la Semaine Permet de voir l aspect de votre article 34

38 3. MODIFICATION DE L ARTICLE DE REDIRECTION Pour accéder à la page de saisie d un article existant, suivez les indications données page 19. En modification, il vous est possible : de proposer cet article en partage sur des sites sélectionnés par vos soins. Pour tout savoir sur le fonctionnement de ce module, consulter la documentation «Partager vos articles avec d'autres sites de Ligues et de Districts». de rendre votre article de redirection accessible depuis une ou d autre(s) rubrique(s), à l aide du bloc Rubriques de la page (voir page 20). Dans un article de redirection, il n est pas possible d insérer des ressources dans le bloc Ressources de la page et d insérer des images dans le bloc Images de la page. Visualisation d un article de redirection (aperçu depuis l index de la rubrique principale) Lien qui redirige automatiquement sur la page destinataire 35

39 XI. Affichage d un article en page d accueil La page d accueil dispose de trois emplacements dans lesquels vous pouvez faire remonter vos articles : La zone A La Une, La zone Page d accueil, Le bloc Informations Générales. Pour tout savoir sur le fonctionnement de ce module, voir la documentation «Mettre en valeur vos informations», chapitre «Utilisation de l animation Bloc Informations Générales». A La Une Informations Générales 16 articles maximum Page d accueil 5 articles affichables par défaut (paramétrable) 36

40 Vous pouvez faire remonter tous les types d article en A La Une ou Page d accueil : Article d actualité Article de PV Article de redirection Diaporama Vidéo Pour cela, il faut paramétrer le champ Remonté de votre article comme indiqué page 9. Une fois que votre article est validé, allez dans le menu Publication. Ensuite, faire. Un message vous confirme le bon déroulement de la publication. Publication de la zone A La Une Publication de la zone Page d accueil 37

41 CREER DES ARTICLES Aide à la mise en ligne de vos informations Annexes Annexe 1 Palette de mise en forme et d outils pour vos textes Annexe 2 Création d un lien d intégration pour vos vidéos à l aide d un site hébergeur

42 Annexe 1 : Palette de mise en forme et d outils pour vos textes Voici le détail et l utilisation des outils proposés dans la palette ci-dessous. Sélectionner le texte concerné. Puis, choisir parmi les options. Affiche le code source Permet de visualiser le code HTML du texte saisi et des mises en forme effectuées. Dans la mesure du possible, éviter de modifier quoi que ce soit dans cette fenêtre (ne pas supprimer <!--WAAPS_HTML-->). Edition pleine page Agrandit la zone de saisie pour une meilleure visibilité. Fermer en cliquant sur l icône. Annuler une action Annule la dernière action effectuée (flèche de gauche) ou remet dans la situation précédente (si on a annulé une action auparavant). Tout sélectionner Sélectionne tout votre texte d un coup. Gomme Supprime la mise en forme du texte sélectionné (à utiliser si vous souhaitez retirer le style ou le gras appliqué à un texte). Gras Met du texte en gras. Liste numérotée Présente le texte sous forme de liste numérotée. Liste à puces Présente le texte sous forme de liste à puces. Retrait Présente le texte avec un retrait vers la droite ou vers la gauche (par défaut, pas de retrait). Alignement Aligne le texte à gauche (par défaut) ou à droite. Possibilité de centrer ou de justifier le texte. Lien hypertexte Insère des liens vers des pages de votre site, vers d autres sites ou sur une adresse mail. En cliquant dessus, la fenêtre Propriétés du lien s affiche. 1. Lien entre deux pages du site Mettre l URL de la page concernée Ex. : 39

43 Cliquer sur l onglet Destination Choisir Nouvelle fenêtre (permet d ouvrir la page de destination dans une nouvelle fenêtre) 2. Lien vers une page d un autre site Procéder d abord comme pour insérer un lien vers une page de votre site (1, voir page 39). Puis, suivre la démarche ci-contre. Cliquer sur l onglet Destination 3. Lien vers une page d un autre site (affichage dans un pop-up) Procéder d abord comme pour insérer un lien vers une page de votre site (1, voir page 39). Puis, suivre la démarche ci-contre. Choisir <fenêtre popup> et définir les caractéristiques de la pop-up. Les tailles (largeur et hauteur) et les positions sont à exprimer en pixels. 4. Lien mail Choisir et définir les caractéristiques du message qui s ouvrira en cliquant sur le lien : - Adresse indiquer l adresse destinataire du message, - Sujet du message : indiquer le texte inséré automatiquement dans le champ Objet du message (optionnel), - Corps du message : indiquer le texte inséré automatiquement dans le message (optionnel). Une fois le lien paramétré, cliquer sur. Pour supprimer un lien hypertexte sur un mot ou groupe de mots dans votre article, sélectionner le lien et cliquer sur. 40

44 Insertion d un caractère spécial Propose une palette de caractères spéciaux à insérer dans votre texte. Couleurs prédéfinies de textes 5 mises en forme sont proposées (en plus du style Normal) : Rouge Gras Bleu Gras Rouge Gras Vert. Le style exergue est également disponible : il s agit plus exactement d une mise en forme de paragraphe (il n est pas possible de l appliquer à un seul mot, sauf si celui-ci forme un paragraphe à lui tout seul). Tailles de caractères d un paragraphe 6 tailles sont proposées : En-tête 6 (32 px), En-tête 5 (24 px), En-tête 4 (18 px), En-tête 3 (16 px), En-tête 2 (13 px), En-tête 1 (10 px). Les formats s appliquent à des paragraphes (il n est pas possible de l appliquer à un seul mot, sauf si celui-ci forme un paragraphe à lui tout seul). Il est possible d appliquer un style à des mots qui font partie d un paragraphe formaté (par exemple, un paragraphe formaté En-tête 1 peut avoir des mots en Gras Rouge. En revanche, il n est pas possible de faire coexister un format En-tête quel qu il soit avec le style exergue. Insertion de ressources (fichiers PDF à télécharger) Un pop-up s affiche avec deux blocs : l un (en vert) permettant d insérer votre ressource dans la bibliothèque, l autre (Ressources disponibles) affichant la liste des ressources de la bibliothèque. Si vous souhaitez insérer votre ressource dans la bibliothèque pour ensuite l utiliser, consulter la documentation «Insérer des documents PDF sur votre site». Si la ressource est affichée dans la liste du bloc Ressources disponibles, cliquer sur au niveau du document souhaité. La ressource s affiche automatiquement à la suite de votre texte (vous pouvez la déplacer en coupant-collant le lien). Si la ressource n est pas directement disponible, vous pouvez utiliser les outils de filtre pour y accéder (même utilisation que pour le filtre des images, page 12). 41

45 Annexe 2 : Création d un lien d intégration pour vos vidéos à l aide d un site hébergeur Voici comment récupérer le lien exportable de votre vidéo. Sous votre vidéo, cliquer sur le bouton personnaliser certains éléments :. Dans la fenêtre qui s affiche, il est possible de «Taille du lecteur» : choisir «Taille personnalisée» et saisir 635 px (largeur optimale pour l affichage sur votre site). «Couleurs» : vous pouvez modifier les paramètres initiaux. Nous vous recommandons d être sobre (ne pas multiplier les couleurs), cohérent (en accord avec la charte de votre site) et uniforme (définir un aspect unique pour toutes vos vidéos), dans vos choix esthétiques. «Autres» : à vous de voir ce que vous souhaitez modifier. Une fois les paramètres définis, copier le code «embed» (sous la vidéo). Sous votre vidéo, cliquer sur le bouton personnaliser certains éléments :. Dans la fenêtre qui s affiche, il est possible de Les couleurs du lecteur, La taille : sélectionner 640 x 385 px ou «personnalisée» (indiquer 635 px, la hauteur s ajuste), Pour les autres paramètres, à vous de voir ce que vous souhaitez modifier. Une fois les paramètres définis, copier le code (sous la vidéo). A droite de votre vidéo, cliquer sur le bouton dans le champ «Code player».. Dans la fenêtre qui s affiche, copier le code proposé Ce lecteur n est pas personnalisable. 42