PLAN DE FORMATION MODULO

PLAN DE FORMATION MODULO Sommaire Plan de formation Modulo... 1 Création des pages Sections Menus... 2 Exercices :... 3 Création du contenu Menu Pages (GDA)... 4 Les différentes options d un document... 5 Exercice :... 6 Mise en page générale Menu Document (GIM)... 7 Voici les différents éléments de la section Document de Modulo.... 7 Exercice :... 8 Exercice final... 8 Exercices spécifiques... 9 Ajout d images dans le carrousel de la page d accueil et des pages produits... 9 Différents outils de Modulo... 10 Grille d accès usager... 10 Vidéos Modulo de Vision3W... 11 1

Interface de connexion Comment se rendre à l interface de connexion : Pour l instant : http://www.podiatresquebec.com/modulo Login : Gestionnaire Mot de passe : GVidal_V9 Je vous conseille de mettre le tout en favoris. Création des pages Sections Menus 1. Dans cette section vous pourrez : a. Gérer les menus et sous menus b. Créer des pages ou des répertoires c. Choisir les différents modèles de pages d. Référencer votre site e. Sécuriser vos pages 2. Création d une page a. Peser sur le bouton de la navigation désirée Par exemple pour ajouter une page dans le menu Haut de page b. Remplir les informations générales c. Sélectionner le modèle de page d. Assurer un bon référencement de la page i. Titre : Maximum de 60 caractères ii. Description : Max 300 caractères iii. Mots clés : 250 caractères e. Sécuriser la page si nécessaire i. Mot de passe général à tous ii. Par usagers ou groupe de personne (si vous posséder une base de donnée Contacts dans Modulo) 3. Création d un dossier Différence entre un dossier et une page : Un dossier n est pas une page, c est un regroupement de pages. Chaque dossier doit contenir au minimum une page. Pour quelle raison créer un dossier : Lorsque vous voulez faire apparaitre un item au menu sans nécessairement avoir du contenu pour cet item. Ex : Vous créer un dossier Sports qui contiendra une page sur le hockey, une page sur le baseball et 2

une page sur le football. Sport ne contient aucun contenu, c est seulement un titre au menu. Quand l utilisateur cliquera sur Sports, il tombera sur le premier sous item de ce dossier. Dans ce cas ci, il tombera sur la page Hockey. 4. Éditer les options d une page ou d un dossier Informations générales, modèle de page, référencement et sécurité 5. Suppression d une page ou d un dossier Appuyer sur le bouton de la page 6. Publication Toutes les modifications que vous faites à l intérieur de Modulo ne pourront être vu par le visiteur que si le site est où la page est publié. La publication supprime toutes les pages du site et les recréés. Publication du site : Supprime toutes les pages du site et les récrés. À utiliser si vous créer/supprimer une page. Publication de la page : Supprime seulement la page et la recrée. Attention : Si vous changez le nom de la page au menu, assurez vous de publier le site au complet. Publication de la navigation : Supprime toutes les pages de la navigation et les récrés. Attention : Si vous changez le nom de la page au menu, assurez vous de publier le site au complet. Exercices : 1. Dans le menu FORMATION, sous la rubrique Utilisateur 1, changer le modèle de page la page Page 1. Mettre n'importe quel autre modèle de page sauf Accueil. 2. Création de la page Page 2 dans la navigation FORMATION, sous la rubrique Utilisateur 1 comme titre de la page : Titre de la page 2. Sélectionner le modèle de page de votre choix sauf Accueil. 3. Création d un dossier : Services dans la navigation FORMATION (sous la rubrique Utilisateur 1) Dans ce dossier, ajouter une page Service 1 portant n importe quel modèle de page. 3

Création du contenu Menu Pages (GDA) 1. Dans cette section vous pourrez : a. Changer le titre de la page, son modèle et ses archives b. Création de documents constituant une page c. Traitement des options liées à un document : i. Ordre de classement ii. Résumé iii. Activation ou désactivation d un document iv. Options de mise en ligne automatisées 2. Les zones de contenus modifiables Les zones de contenus sont des zones pouvant contenir des documents. Habituellement nous avons 1 ou 2 zones de contenus éditables par modèle de page. Ils sont représentés par ceci : 3. Les nouveaux documents Un document est un ensemble d objets multimédia : texte, images, vidéos, liens, fichier, etc. Chaque document contient un titre et une date. Il est important de bien identifier chacun des documents. Lorsque l on créer un document, il faut toujours penser que l on pourrait le reprendre dans une nouvelle page. Exemple : Le document présentant les coordonnées peut être repris intégral dans une autre page. Chaque document est un sujet traité. Un document est déplaçable. Tenez la souris enfoncée dans la barre orange (X) du document et déplacer de haut en bas. Relâcher lorsqu une barre verte apparait. 4. Les documents existants et les liaisons Chaque document peut être intégré dans une autre page du site. Par exemple, vous aimeriez ajouter les coordonnées de votre entreprise sur une deuxième page. Au lieu de réécrire les coordonnées, vous pourriez utiliser l option Ajout d un document existant. Vous pourriez également décider que ce document est lié avec le premier. Donc toute modification qui est faite dans un document se répétera automatiquement dans le deuxième document. Sinon, faire une copie simple. 5. Les iframes Utile pour ajouter un site dans votre site. Vous pouvez ajouter un site externe (exemple un Google 4

Document) ou une page interne du site (page dynamique faite par le programmeur par exemple). Pour un ou l autre spécifier, l adresse du document ainsi que les grandeurs de la page (en pixels) Les différentes options d un document Pour accéder aux options du document, passer la souris sur le petit marteau bleu 1. Les résumés Les résumés sont une option intéressante dans Modulo. Il permettre de raccourcir un document sans en perde l intégral du contenu. Dans une page nous pouvons avoir de nombreux sujets contenant beaucoup de texte. Pour aider la lisibilité de chacun des sujets, nous pouvons les raccourcir grâce au Résumé. Chaque résumé peut être accompagné d une image. Il existe 3 types de résumé : Nouvelle page Le contenu complet s ouvrira dans une nouvelle page Glissé Le contenu complet glissé s ouvrira dans la même page Nouvelle fenêtre Le contenu complet s ouvrira dans une fenêtre de type pop up 2. Les archives Utile pour la gestion des nouvelles. Par exemple, classer les nouvelles par année. Modulo peut afficher les nouvelles de l année en cours et donnée la disponibilité de voir les documents des années antérieures. Pour que les archives fonctionnent, vous devez vous assurer que chaque document contient une date. 3. Inscription, commentaires et module emploi Dans les Propriétés do document, cocher les options : a) Allouer les commentaires Ajoute un bouton Commentaires dans le bas du document faisant ouvrir un formulaire. Ce formulaire vous sera envoyé par courriel. Aucune donnée n est gardée dans une base de données b) Allouer les inscriptions Ajoute un bouton Inscription dans le bas du document qui permet l inscription d un usager à une activité par exemple. Le formulaire est envoyé par courriel. Aucune donnée n est gardée dans une base de 5

données. c) Recevoir les candidatures Ajoute un bouton Poser sa candidature. Ceci permet d accéder à un formulaire d emploi. Le formulaire est envoyé par courriel et est sauvegardé dans une base de données. Tous les champs de ces formulaires sont modifiables par un membre de l équipe de Vision3W. Le courriel de destination doit être fourni à Vision3W pour qu il puisse configurer le tout. 4. Verrouillé/ désactivé Lorsqu un document est verrouillé, celui ci apparaitra dans toutes les nouvelles pages créées ayant un modèle de page compatible. La fonction désactiver permet mettre hors ligne un document. Cette fonction est utile lorsque l on veut publier le site, mais qu un document dans une page n est pas terminé. Dans ce cas, on peut désactiver le document et continuer à le travailler plus tard. Le document ne s affichera pas sur le Web 5. Gestion des publications (dates d affichages) Vous pouvez choisir la période pour laquelle un document apparaitra sur le site. Ceci peut être utile pour un événement ou une période d affichage d un emploi par exemple. Dans les propriétés du document, choisissez une date de début et une date de fin. Assurez vous de publier la page pour que les dates soient prises en compte. Exercice : 1. Création d un résumé dans la page Page 1 (menu FORMATION rubrique Utilisateur 1). Ce document de type résumé glissé. 2. Allez dans la page Service 1 (menu FORMATION rubrique : Utilisateur 1 sous rubrique Services) et faites une copie du résumé que nous venons de créer. (Ajout d un document existant). Cette copie sera de type Copie sans liaison. 3. Changer la date du document et archiver ce document en lot. 6

Mise en page générale Menu Document (GIM) Dans cette section vous pourrez : a. Ajouter du texte, des images, vidéos, fichiers, etc (éléments multimédias) b. Création de colonnes c. Ajout d extension (Album photos, plan du site) Voici les différents éléments de la section Document de Modulo. 1. Texte : Outil général WYSIWYG comme Word. L outil de textes de Modulo est du même type que celui de Word. Le texte est composé de formats et de styles. Le format est la grosseur de police et les styles sont les couleurs de polices. Ceux ci ont été prédéterminés en fonction de la maquette graphique. Si vous ressentez le besoin d ajouter des styles et des formats, aviser un membre de l équipe de V3W. Les tableaux : peut aider pour l alignement du texte. Un tableau a toujours deux formats (Classe) par défaut : Standard et vide. Le tableau standard contient des entêtes aux couleurs de votre site. Pour afficher les entêtes, clique droite de la souris sur la cellule du tableau, sélectionné : Cellule > propriété de la cellule > Entête Ligne > propriété de la ligne > Entête Les liens : Sélectionner le texte sur lequel vous voulez appliquer un lien. Cliquer sur l icône de la chaîne. Vous pouvez faire 4 sortes de liens : Externes : vers un site externe au vôtre. Exemple : google.ca Page du site : Un lien vers une autre page de votre site Fichier : Un lien vers un fichier que vous aurez préalablement télé verser grâce a l élément Fichier de cette même section. 2. Fichier pour télé versé des documents de types : PDF, Excel, Word, etc 3. Image, permet de télé verser des images, de la modifié et de l aligner correctement. À noter que pour chaque image télé versé, vous devriez mettre un titre (pour le référencement) 4. Média pour l ajout de vidéo Flash Attention avant d utiliser nous appelé. Beaucoup de restriction de ce côté. Par exemple la grosseur limite du fichier. 5. Hyperlien, je vous conseille plutôt d utiliser l éditeur Texte (voir point 1) 6. GIP n est pas utile pour vous. 7. Séparateur, permet d insérer des lignes séparatrices. Deux formations de lignes ont été prévues : Standard (pleine) et pointillé. 8. Extension (plan du site, album photo), permet d ajouter des albums photo préalablement créés via l outil Album photo (situé via le menu Extensions dans le haut de la page). Permet aussi d installer le plan du site généré automatiquement. 7

9. Gestion des colonnes Permets de créer des colonnes à l intérieur du document. Vous remarquerez lorsqu une nouvelle colonne est créée, de nouvelles icônes apparaissent. servent à éditer les grandeurs et les marges de la colonne ou tout simplement supprimer la colonne. que Elles Exercice : 1. Dans la page Page 1 (menu FORMATION rubrique Utilisateur 1) créer un document avec deux colonnes (30% et 70%). 2. Mettre une marge de droite de 20 pixels dans la première colonne. 3. Dans la première colonne, ajouter une image et la redimensionner afin qu elle cadre bien dans la zone. 4. Ajouter du texte dans la deuxième colonne. 5. Mettre deux zones de textes (avec du texte bidon) séparés par une ligne pointillée. 6. Sortir de la zone Document pour revenir à la page présentant la page (Section Page) Exercice final 1. Dans le menu FORMATION (rubrique Utilisateur 1), créer une nouvelle page Page 3 avec un modèle de page autre que l accueil. 2. Dans cette page créer 2 documents, un premier document devra contenir 1 colonne, 1 image positionner dans le texte à droite. Un tableau standard ayant 2 colonnes et 2 lignes. 3. Dans le deuxième document, mettre du texte et transformer ce document en un résumé de type glissé. Permettre l ajout de commentaire à ce document ainsi que l inscription. 4. Dans une autre page (Page 2) insérez le document de type résumé que nous venons de créer. 5. Supprimer la page Page 3 8

EXERCICES SPÉCIFIQUES Ajout d images dans le carrousel de la page d accueil et des pages produits Dans la section Menus, sous la navigation Pages indépendantes, cliquer sur la rubrique Carrousel et ensuite sur la page Accueil Dans un nouveau document, ajoutez : 1) Une image 2) Un texte 3) Un lien 4) Un titre au document L image doit avoir les dimensions suivantes : Largeur : 1920px Hauteur : 497px DPI : 72 Publier le site ou publier la page Carrousel > Accueil et la page Accueil (menu haut de page) Vous pouvez gérer la période d affichage dans les propriétés de chaque document (marteau bleu du document puis marteau rouge). 9

Différents outils de Modulo 1. Gestionnaire de fichiers a. Permets de faire le ménage dans les images et les fichiers. L outil détecte les images et les fichiers non utilisés dans le site. b. En supprimant les fichiers, une copie de secours se crée permettant de revenir à l arrière 2. Outils de référencement Interface permettant de travailler le référencement sur l ensemble des pages du site. Un guide de référencement et plusieurs petits outils sont également disponibles dans cette section. 3. Album photo Permet de créer des albums photos pouvant être présenté dans différents styles. Création de photos versions petites (thumbnail) et grosses. Grille d accès usager 10

Vidéos Modulo de Vision3W Des vidéos de formation Modulo sont disponibles sur le site de Vision3W http://www.vision3w.com/fra/modulo_cms/support modulo/video de support modulo.asp Le mot de passe est : video 11