Support de formation Contribution CMS Eolas Plan de

• Support de formation Contribution CMS. Eolas

Plan de formation • Notions préalables Définitions et étapes de la gestion de contenu • Les écrans du Backoffice • Mise en pratique Création de page, paragraphe , Insertion d’image et liens , agencement des paragraphes • Webothèque Gestion images, documents, liens, multimédia • Approfondissement mise en page Partage, copie, sommaire, styles • Formulaire 2

Notions préalables • Qu’est ce qu’un CMS ? Content management System Historique et origine du CMS. Eolas • Etapes de la gestion de contenu du CMS. Eolas Organisation du contenu : Arborescence Edition du contenu : structure de page Publication du contenu : cycle de vie de la page : 3

Notions préalables : Arborescence • Organisation du contenu : Arborescence Rubrique 1. 1. 1 Rubrique 1. 1 Page Accueil Rubrique 1. 2 Rubrique 1 …. Rubrique 2 Rubrique 3 Rubriques filles de niveau 2 Rubriques filles de niveau 1 4

Notions préalables : Structure de page • Edition du contenu : Structure de page Eléments récurrents : identité visuelle, liens permanents, … Menu de navigation Rédactionnel éditeur HTML, images, liens, documents Template modules dynamiques pré définis Pied de page : liens permanents, … Menu de navigation Eléments récurrents : Rédactionnel éditeur HTML, images, liens, documents Template modules dynamiques pré définis Pied de page : liens permanents, … 5

Notions préalables : Publication • Publication du contenu : Cycle de vie de la page (workflow) Archivé Mettre hors ligne + date expiration dépassée A Rédiger Transmettre pour validation Modification Mettre en ligne A Valider Mettre en ligne Publié 6

Notions préalables : Récapitulatif • Arborescence • Structure de page A Rédiger • Publication Modification Transmettre pour validation Publié 7

Les écrans du backoffice CMS. Eolas • Accès authentification http: //www. [URL-SITE]/cms • Accueil / tableau de bord • Barre de support • Les onglets : Arborescence, Webothèque, Contribution, … 8

Mise en pratique : création de page • Création d’une page Choix de la page parente, Clic sur « Ajouter une page » • Renseigner les propriétés de page Titre et titre menu Texte et image d’accroche Cliquez sur bouton « Enregistrer » en bas de page 9

Mise en pratique : édition de page • Création de paragraphe Ajout nouveau paragraphe rédactionnel 10

Mise en pratique : édition paragraphe • Création de paragraphe : édition contenu Saisie du titre du paragraphe Pour faire apparaitre un paragraphe dans les sous rubriques Boutons de mise en forme du texte Insertion liens, images, … Gestion de tableaux Zone de saisie du contenu Validation des saisies effectuées par un clic sur bouton « Ajouter » ou « Modifier » , selon le cas Permet de revenir à la page sans enregistrer les mises à jour effectuées 11

Mise en pratique : insertion image • Création de paragraphe : insertion image Position du curseur à gauche du texte à illustrer Clic sur icône dans éditeur puis Sélection image dans écran webothèque Ou Ajout image webothèque Saisie caractéristiques affichage 12

Mise en pratique : insertion lien • Création de paragraphe : insertion lien Saisie texte Sélection souris Lien interne = lien vers une page du site Lien document = lien vers un document de la webothèque Lien externe = lien vers un site partenaire 13

Mise en pratique : agencements Edition de page : agencement des paragraphes Depuis le Bloc action depuis les propriétés ou l’espace « Contribution » Ou depuis l’icône dans l’arborescence en face de la page concernée Editer un paragraphe rédactionnel existant En colonne gauche Ajout nouveau paragraphe rédactionnel Supprimer un paragraphe rédactionnel existant En zone centrale 14

Mise en pratique : publication • Publication de page Cliquer sur l’état suivant dans le bloc « Action » Ou accéder aux propriétés de page Depuis le bloc « action » , cliquer sur « propriétés» Sélectionner dans le menu déroulant soit « Transmettre pour validation » soit « Mettre en ligne » Selon le profil et le besoin Cliquer sur le bouton « Enregistrer » 15

Webothèque • Gestion image Liste Modification Ajout Gestion dossier • Gestion documents • Gestion liens externes • Gestion élément multimédia Vidéos, son, animations flash, widgets 16

Formulaire • Création formulaire Propriétés Gestion question • Affectation formulaire 17