Guide d'utilisation du CMS pour les contributeurs Exposium

Slides:



Advertisements
Présentations similaires
Été INF1025 Driouch Elmahdi
Advertisements

1 Georgeta Bădău CRÉATION ET GESTION DUN BLOG AVEC LA PLATE-FORME LEWEBPEDAGOGIQUE.COM Séance no.4.
Gérer un site avec Kompozer
Initiation et perfectionnement à lutilisation de la micro-informatique Initiation à Microsoft Word 2008 Deuxième partie ©Yves Roger Cornil
Tutoriel SPIP Rédacteur.
Lexique des manœuvres de base pour utiliser à PowerPoint
La fonction Style Permet de créer des types de texte, par exemple
Principe de défilement du document dans un traitement de texte
Support Initiation Publisher 2010
Guide à l'usage des équipes éducatives
Notice d’utilisation ( activités word phase 1 )
Gestion de la communication par établissement sur le site ville
API Présentation Comment ajouter des pages. Vous voici dans notre site « laboratoire » pour la démonstration RAJOUTER UNE PAGE.
Procédure de commande des ressources
Chapitre 2 Production électronique
Enregistrement d’un document
Formation au module Structure de ZENTO
Université de La Rochelle Saisie et Mise à jour des fiches ECTS le 05/12/2001.
1 Comment utiliser votre Extranet Se connecter 2.My Site 3.Documentation 3.1 Documents dintégration 3.2 Documents types 4.Vos informations privées.
Prologue : les premiers préparatifs Première étape : Ouvrir le logiciel de création de pages au format HTML (pages Web) Deuxième étape : enregistrer la.
Concevoir un diaporama avec Power Point.
Rédacteur 1. Sommaire Connexion Interface SPIP Menu SPIP Rédiger un article Interface de création dun article Fonctionnalités de base Statut de larticle.
1 Guide de lenseignant-concepteur Vincent Riff 27 mai 2003.
18/05/ Utiliser le cahier de texte en ligne avec lapplication SPIP Adresse du site du lycée :
Ministère de la Justice/Tribunal de Commerce de Marrakech
A la découverte de la bureautique et des fichiers.
Mon passeport pour l’orientation et la formation
Guide à l'usage des élèves
1. 2 PLAN DE LA PRÉSENTATION - SECTION 1 : Code HTML - SECTION 2.1. : CSS (Méthode 1) - SECTION 2.2. : CSS (Méthode 2) - SECTION 3 : JavaScript - SECTION.
Comment réaliser une mise en page ?. Tracer une zone de texte.
+ Modifier sa page personnelle. + Connectez-vous Avec votre navigateur, rendez-vous surhttp://gramata.univ-paris1.fr et cliquez sur le lien : « Se connecter.
? PRISE EN MAIN FACILE DU CMS Fédéral ?.
Création de menus. Depuis la page d’accueil de votre site, cliquez sur le lien [Login] puis saisissez les identifiants qui vous ont été attribués. Connectez-vous.
Bienvenue sur le Net Personnel 1/23. 2 Saisir votre mot de passe en minuscule.
Bienvenue sur CAUTIONET l'outil On Line de gestion de caution
Biologie – Biochimie - Chimie
La Place du Village Guide d’utilisation
Création et présentation d’un tableau avec Word 2007
Gestion des fichiers et dossiers
Centre d’échange d’informations sur la Convention sur la Diversité Biologique Bienvenue dans le cours sur l’ajout d’une page web sur un site web développé.
DOC-DEPOT.COM - ‘' Mon essentiel à l'abri en toute confiance '' 29 mai 2014 Copies d’écrans Acteur Social Avec commentaires.
KIWAPP IS A B2B FULL-STACK APP-MANAGEMENT TOOL KIWAPP EN QUELQUES ETAPES Octobre 2014.
François PESTY Pharmacien, Institut Supérieur de Gestion Consultant ITG / Didacticiel pour les.
Le site-en-kit pour les locales 2. Créer des pages.
Nouveau site 1. Pour se connecter vous devez saisir : - Votre adresse - le mot de passe qui vous a été communiqué 2 LA CONNECTION.
Les guides de formation Conception de pages web. Guide Virtuose - version enseignant2 Guide - Conception de pages web Introduction Introduction, p. 3.
Vous indiquez d’abord votre identifiant, puis votre mot de passe et enfin vous cliquez sur ouvrir session.
Présente Conception d’un petit site Web. 2 4-nov-03© Préambule Cette présentation fait suite à celle intitulée « Imaginer, concevoir, mettre.
Introduction à l’informatique en gestion 1 Plan de la leçon Compagnon office Sections et Mise en page En-têtes et pieds de page Notes de bas.
Plan de la leçon Réf. p. WRD- 149 Les styles Les listes hiérarchiques
Lancement de Microsoft Word
LES INFOS de Philippe et Patrick Journal d'informations en ligne Infospp.free.fr Mai 2006.
CMS - Content Management System pour les bibliothèques valaisannes.
Tutoriel pour les contributeurs. Comment mettre des articles.
GEORGETA BĂDĂU CRÉATION ET GESTION D’UN BLOG AVEC LA PLATE-FORME LEWEBPEDAGOGIQUE.COM Séance no.2.
1 Tutoriel SPIP Rédacteur. 2 Sommaire Connexion Interface SPIP Menu SPIP Rédiger un article Interface de création d’un article Fonctionnalités de base.
Lancement de Microsoft Word 1. Cliquer avec le bouton droit de la souris sur le raccourci de « Microsoft Office Word 2003 » sur le bureau, 2. Dans le menu.
Contribution CMS.Eolas
Conception des pages Web avec
GUIDE D’UTILISATION SITE STE BATHILDE. Sommaire 1.Connexion - La page d’accueil 2.Gérer les articles: - Création - Modification - Suppression 3.Gérer.
Scénario Les scénarios permettent de modifier la position, taille … des calques au cours du temps. Son fonctionnement est très proche de celui de Macromedia.
Dreamweaver Séance 1.
1 Présentation de DREAMWEAVER (1) Gaël TREMEAU GI05 Printemps 2006.
Présentation de Dreamveawer
Dreamweaver MX Jauneau Marie Claude-Antoine Zarate.
Guillaume MICHAUD – Yvan LECOMTE
DREAMWEAVER SEANCE 1 Axel JACQUET GM05 – Julien VAN MOORLEGHEM GM05 A2008 Écriture interactive & multimédia Présentation Dreamweaver 8.
Les calques Les Template (modèles) Les Comportements Les scénarios Les formulaires Les CSS Le serveur Web de l’UTC Présentation.
1 er séance SI28 A2004 YIN Lei Emmanuel Eugene. Plan de l’exposé  Introduction au HTML  Le HTML dans le bloc-notes (notepad)  Présentation de Dreamweaver.
Mise à jour en février 2013 Ecrire un commentaire Accéder au tableau de bord Changer son mot de passe Écrire un nouvel article Importer une image Publier.
Transcription de la présentation:

Guide d'utilisation du CMS pour les contributeurs Exposium Janvier 2008

A mettre en favori : http://exposium-admin/exposium-admin/index.html Adresse de production : http://exposiumcms/ExposiumCms/ Adresse de test : http://webexposium-recette10/ExposiumCms/ Page de connexion : Entrer son login et son mot de passe

Page d'accueil : Zone centrale avec lien vers la liste de site et rappel de l'utilisateur connecté Menu de gauche avec lien "Liste" de sites "Administration" : gestion du compte utilisateur et de ses demandes "Manuel" : Guide d'utilisation du CMS pour le profil "contributeur". Déconnexion du système

Liste de sites / Cliquer sur le nom du site. Il faut disposer des droits pour pouvoir modifier un site. Si vous ne les avez pas, faites une demande au responsable internet en charge du site à partir du menu "Mes demandes" ou sur le lien en haut de la page.

Icônes : Edition : si l'icône est colorée, vous avez les droits en édition. Vous pouvez modifier le site soit en cliquant sur l'icône représentant le crayon soit sur la loupe. La loupe permet de visualiser le site et de l'éditer si vous avez les droits. Les 3 autres icônes ont toujours grisées pour le contributeur. Elles servent au responsable internet à donner les droits, publier un site et à l'enregistrer. On peut aussi cliquer sur le nom du site pour y accéder en administration. Le clic sur l'adresse web (URL) du site permet d'y accéder quand il est en ligne (sur Internet). Le drapeau indique la version linguistique. L'identifiant du site permet d'être sûr que l'on travaille sur la bonne version (il y a des sites de test).

Un menu apparaît en haut du site que l'on a décidé d'éditer : Les premiers boutons permettent de faire ajouts et modifications. Les 2 derniers donnent des informations. Accueil ; Editer la page ; Nouvelle page de navigation ; Nouvelle page orpheline ; n° du site ; page en cours d'édition

Clic sur le bouton "Editer la page" : La zone centrale pourra être modifée. L'éditeur pourra être utilisé. On navigue dans le site avec la navigation (menu) ou en cliquant sur le bouton "Accueil" qui permet de toujours retourner sur la homepage. On choisit la page que l'on veut éditer en cliquant dessus.

On a choisi une page à éditer et on a cliqué sur "Editer la page", la zone centrale est rendue active. Les zones header (bandeau du haut), footer (bandeau du bas), menu de navigation, bonus (colonne de droite ou de gauche) ne peuvent pas être modifiées par le contributeur. Il doit faire une demande au responsable internet s'il a besoin de faire une mise à jour.

On peut ajouter tout le texte que l'on souhaite dans la page en cours d'édition. Soit on saisit directement le texte. Soit on fait du copié-collé à partir de Word.

Les zones que l'on veut modifier doivent être surlignées. Elles pourront être passées en gras (bouton "B"), en italique ("I"), ...

On peut faire des modifications du même type que celles proposée dans Word : Gras / Italique / Souligné / Barré / Ferré à gauche, à droite, centré ou justifié Choix du style / Choix du niveau de titre / Choix de la police / Choix de la taille Couper / Copier / Coller / Coller en tant que texte seul / Coller à partir de Word Mettre des puces / Mettre des numéros / Supprimer l'indentation / Indenter

On peut faire des modifications du même type que celles proposée dans Word : Annuler l'action / Refaire l'action / Lien (grisé si pas de texte sélectionné) / Supprimer le lien Mettre une ancre (lien vers un paragraphe du texte) / Mettre une image (cf loin) Tableau Mettre un flash / Changer la couleur du texte (cf loin) / Surligner le texte (cf loin) / Calque Gomme / Indice / Exposant / Caractères spéciaux / Utiliser un modèle / Signes visibles / Aide

Le texte peut être passé en couleur et surligné en couleur. Mais cette fonctionnalité peut être bloquée sur certains sites quand la charte (le style) a été définie et ne permet pas d'utiliser d'autres couleurs.

Le nuancier sert à changer la couleur du texte Le nuancier sert à changer la couleur du texte. On clique sur la couleur choisie pour la sélectionner. On peut aussi mettre un code couleur dans la zone en bas à droite avec le code couleur connu. Un nuancier similaire sert au surlignage.

Utilisation des niveaux de titre : Le menu "paragraphe" permet de sélectionner le style de chaque niveau de titre. Il faut que le texte à modifier soit dans un paragraphe (faire "entrée" avant et après le texte).

Utilisation des styles : Le menu "style" permet de sélectionner les styles prédéfinis. Selon les sites, certains styles sont définis. Tous les cas peuvent être gérés (sous-titres, boutons, alignement à droite, etc...). Les styles sont différents selon les sites. Certains sites n'ont pas de styles et n'utilisent que les niveaux de titres. On peut combiner niveau de titre et style.

Copié-Collé depuis Word : Si on a créé un document word avec des niveaux de titres, on peut le copier puis le coller dans le CMS. Les niveaux de titre du site s'appliqueront au texte formaté dans Word.

Différence entre la touche "Entrée" et les touches "Maj" + "Entrée" : Il est très important de faire la différence entre ces 2 manières d'insérer du texte. Quand on insère du texte et que l'on clique sur "Entrée", on génère un paragraphe. Un style est appliqué à l'ensemble du paragraphe. Si on insère du texte et que l'on veut passer à la ligne en restant dans le même paragraphe (pour garder les mêmes caractéristiques de style, on fait "Maj" + "Entrée".

IMAGES Pour mettre une image, on clique sur le dessin de l'arbre. Cela ouvre une pop-up qui permet d'accéder à la liste des images contenues dans le site.

Dans la pop-up qui contient la liste des images du site, on visualise les images (si elles sont trop grandes, on peut cliquer sur le "+" pour les visualiser en entier). Puis on la sélectionne en cliquant sur son nom ce qui a pour effet d'afficher le lien de l'image dans la fenêtre des liens images. Il faut donner un nom à l'image (utile pour l'accessibilité et le référencement). On valide Le contributeur ne peut pas intégrer d'images dans le site. Il doit demander au Responsable Internet de les mettre dans la bibliothèque des images.

L'image est insérée dans la page. On peut la copier et la coller ailleurs dans la même page (Ctrl+C, Ctrl V).

LIENS Pour mettre un lien, on clique sur la chaîne. Le lien peut être : un lien interne (page du site), un lien externe (site internet), une ressource (pdf par exemple) ou un contact. On peut ouvrir le lien dans la fenêtre initiale ou dans une nouvelle fenêtre. Pour faire un lien "contact" on écrit dans la 1ere ligne "link URL" : mailto:prenom.nom@unibail.fr (c'est à dire le mail du contact).

Une fenêtre s'ouvre avec la liste des liens internes (pages du site) ainsi qu'avec la liste des ressources (pdf par exemple). Il suffit de cliquer sur le nom de la page ou le nom de la ressource pour que son adresse s'intègre dans la ligne "link URL".

L'adresse du lien sélectionné s'affiche dans la zone adresse. Pour lier à une ancre, on sélectionne le nom de l'ancre dans la liste déroulante. Le lien peut s'afficher dans la même page ou dans une nouvelle fenêtre. Il faut rester dans la même fenêtre pour un lien vers une page et ouvrir une nouvelle fenêtre pour un lien vers un site. Il n'y a plus qu'à cliquer en bas de la fenêtre sur "Insert" pour intégrer le lien à la page.

Le lien est visible dans la page (le texte a changé de couleur).

Gestion des tableaux : Création d'un tableau : Tableau avec 2 lignes et 2 colonnes, une bordure à 1 en gris et un fond gris clair

On peut redéfinir le tableau, ses lignes, ses cellules : Sélection de tout le tableau (table) Sélection d'une ligne (tr) Sélection d'une cellule (td) On peut aussi utiliser le clic droit sur le tableau pour ajouter ou supprimer des lignes et des colonnes, scinder ou fusionner des cellules, etc...

MODELES : Sélectionner l'icone "modèle". Cela ouvre une pop-up avec un menu déroulant qui contient tous les modèles présents sur le site. On choisit un modèle, on insère, on valide. On peut dans une même page ajouter plusieurs modèles.

Pour insérer une nouvelle page, il suffit de créer un nom pour cette page puis de cliquer sur l'endroit de la navigation dans lequel on veut insérer la page.

Quand la page a été insérée, il suffit de mettre du contenu dedans Quand la page a été insérée, il suffit de mettre du contenu dedans. On va l'ouvrir à partir de la navigation du site, on clique sur "éditer la page" et on intègre textes et images.

Même mécanique pour insérer une nouvelle page orpheline, il suffit de créer un nom pour cette page puis de cliquer dans le haut de la fenêtre au-dessus des premières rubriques. Une page orpheline n'est pas visible dans le menu du site. Elle peut servir à faire un lien en savoir plus ou à rajouter des infos dans le header, footer, bloc-notes ou à préparer des pages en avance...

Une page orpheline est une page qui n'est pas visible dans la navigation. Il peut être utile de demander au responsable internet de créer une rubrique "Orpheline" non visible dans la navigation et dans laquelle vous pourrez placer vos pages. Dans les cas où il y a un style par rubrique (Exposer en vert, Visiter en rouge par exemple), il faut demander au responsable internet de créer autant de rubriques orphelines que de rubriques existantes. Vous ne pouvez visualiser votre page orpheline (et travailler dessus) que si vous faites un lien depuis une autre page pour l'appeler. Les pages orphelines sont utiles pour : placer des pages non liées à des rubriques (complément d'info sur une page sans que cela apparaisse comme une page) ; placer des pages contenant une grande image (plutôt que de mettre une pop-up image puisque beaucoup de navigateurs bloquent les pop-ups) ; - placer des pages en cours de création ;

Deux nouvelles fonctionnalités ont été ajoutées et sont en cours de recette : 1°) Renommer une page créée par un contributeur 2°) Ajouter des ressources : Permet de mettre dans la bibliothèque des ressources des nouveaux pdf.

Ajouter des ressources Télécharger un pdf unique Télécharger un ensemble de pdf dans un zip On peut classer le ou les pdf dans une catégorie existante ou que l'on crée Note : ne pas mettre d'espace ni d'accent dans les titres des pdf

Page d'accueil : Zone d'information centrale avec : possibilité de faire une nouvelle demande, récapitulatif des demandes. Menu de gauche avec lien "Mon compte / Mes demandes".

Mon compte : Rappel : Seul l'utilisateur connecté (ou l'administrateur) à le droit de modifier les login / password. Il est possible de changer son mot de passe pour en choisir un plus simple à mémoriser.

Mes demandes : Création d'une nouvelle demande avec sélection du type de demande.

Nouvelle demande : Choix d'un type de demande D'un site Titre de la demande Contenu descriptif de la demande Destinataire de la demande Cliquer sur "Envoyer"

Dans la page "Etat des demandes", affichage du résumé de la demande en cours avec possibilité de la modifier en cliquant sur son identifiant. Le responsable internet visualise sur son interface les pages modifiées depuis la dernière mise en ligne. Il n'est pas nécessaire de lui indiquer les pages que vous avez touchées, il les voit obligatoirement. Mais toute précision peut lui être utile (si vous souhaitez qu'il vérifie des liens par exemple).