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)...3 Les différentes options d un document...5 Exercice :...6 Mise en page générale - Menu Document (GIM)...6 Voici les différents éléments de la section Document de Modulo....7 Exercice :...8 Exercice final...8 Différents outils de Modulo...9 Interface de connexion Comment se rendre à l interface de connexion : Pour l instant : http://www.votredomaine.com/modulo 1
Login : Mot de passe : 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 Dynaco en action 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 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 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. 2
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és 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 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. Changer le modèle de page de la page d Accueil. Mettre n'importe quel autre modèle de page. 2. Création de la page Nous joindre dans la navigation Menu Haut de page portant comme titre : Pour nous joindre. Sélectionner le modèle de page de votre choix. 3. Création d un dossier : Services dans la navigation Menu haut de page. Dans ce dossier, ajouter une page Service 1. 4. Mettre le dossier Services ainsi que ces sous-pages dans la navigation Menu principal Une fois réussie, remettre le modèle de page Accueil pour la page d accueil et supprimer la page Service1 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 3
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 page. 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 Google Map, un Google document, etc) 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) 4
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 Utiles 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 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. 5
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 FAQ Ce document de type résumé glissé. 2. Allez dans la page Documentation et faites une copie de la nouvelle que nous venons de créer. (Ajout d un document existant). Cette copie sera de type Copie sans liaison. 3. Changer la date de la nouvelle et archiver ce document Une fois le tout réussi, supprimer le document dans les deux pages. 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) 6
Voici les différents éléments de la section Document de Modulo. 1. Sous titre = ne pas utiliser (utiliser plutôt l élément Texte). Cet élément sera supprimé dans la prochaine version de Modulo. 2. 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. 3. Outils fichier pour télé versé des documents de types : PDF, Excel, Word, etc 4. 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) 5. 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. 6. Hyperlien, je vous conseille plutôt d utiliser l éditeur Texte (voir point 2) 7. GIP n est pas utile pour vous. 8. Séparateur, permet d insérer des lignes séparatrices. Deux formations de lignes ont été prévues : Standard (pleine) et pointillé. 9. 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. 10. Gestion des colonnes Permets de créer des colonnes à l intérieur du document. Vous remarquerez que lorsqu une nouvelle colonne est créée, de nouvelles icônes apparaissent. Elles servent à éditer les grandeurs et les marges de la colonne ou tout simplement supprimer la colonne. 7
Exercice : 1. Dans la page Vos droits 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 Autre, créer une nouvelle page TEST 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 nouvelle page (Vie coopérative) insérez le document de type résumé que nous venons de créer. 5. Publier le site 6. Supprimer la page Test et tout le contenu de la page Vie coopérative 7. Publier de nouveau 8
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. 9