Manuel utilisateur du CMS Anan6

of 72
245 views
PDF
All materials on our website are shared by users. If you have any questions about copyright issues, please report us to resolve them. We are always happy to assist you.
Document Description
Manuel utilisateur du CMS Anan6 Sommaire Fonctionnalités générales 05 - Paramétrage du navigateur 06 - Connexion au CMS Anan Visualisation de l interface du CMS 08 - Détails de la liste des composants
Document Share
Document Transcript
Manuel utilisateur du CMS Anan6 Sommaire Fonctionnalités générales 05 - Paramétrage du navigateur 06 - Connexion au CMS Anan Visualisation de l interface du CMS 08 - Détails de la liste des composants 09 - Barre d outil de la fenêtre principale 10 - Créer ou renommer un dossier 11 - Créer un nouveau composant image, Flash ou document 1/ 1 - Créer un nouveau composant image, Flash ou document / 13 - Créer un nouveau composant Page Html 1/ 14 - Créer un nouveau composant Page Html / 15 - Créer un nouveau composant «à partir de» 16 - Modifier un composant 17 - Editer un composant Page Html 18 - Barre d outils de la fenêtre d édition 19 - Editer une Page Html 1 - Le texte 0 - Editer une Page Html 1 Modifier un tableau 1 - Editer une Page Html 1 Modifier un tableau - Editer une Page Html - Les Images 3 - Editer une Page Html 3 - Les liens 4 - Editer une Page Html 4 - Le Flash 5 - Editer une Page Html 5 Gestion de la zone blocs notes 6 - Editer une Page Html 6 - Gestion de la zone blocs notes 7 - Créer un formulaire Choix des questions 8 - Créer un formulaire Mise en forme 1/ 39 - Créer un formulaire Mise en forme / 30 - Créer un formulaire Validation et réception 31 - Editer un menu 1/4 3 - Editer un menu / Editer un menu 3/ Editer un menu 4/ Editer le pied de page 36 - Editer les propriétés d un composant 37 - Valider et Publier 38 - Supprimer un composant 39 - Rechercher un composant 40 - Déplacer un composant 41 - Vérifier les liens Com6 - Rue Lavoisier - ZA du Triasis LAUNAGUET - Tél : Fax : Sommaire Fonctionnalités administrateurs 44 - Module de sauvegarde 1/ 45 - Module de sauvegarde / 46 - Gérer les groupes d utilisateurs 47 - Gérer les groupes d utilisateurs 48 - Gérer les utilisateurs individuels 49 - Gérer les abonnés 1/ 50 - Gérer les abonnés / 51 - Accessibilité et Statistiques Les Modules spécifiques (disponibilité selon options) 53 - Créer une actualité 1/ 54 - Créer une actualité / 55 - Créer une newsletter 1/ Créer une newsletter / Créer une newsletter 3/ Plan interactif 1/ 59 - Plan interactif / 60 Agenda1/ 61 Agenda / 6 - Marchés publics 1/ Marchés publics / Marchés publics 3/ Marchés publics 4/ Blog 1/ 67 - Blog / 68 - Quizz 1/ Quizz / Quizz 3/ Quizz 4/5 7 - Quizz 5/ Forum 1/ 74 - Forum / 75 - Photothèque Les modules suivis d un * sont activés sur votre environnement, les autres peuvent l être en option. 3 Fonctionnalités générales Fonctionnalités générales 4 Paramétrage du navigateur Paramétrage du navigateur 1. Dans Internet Explorer, cliquez sur le menu «outils» et choisissez «Options Internet». Choisissez l onglet «Sécurité» puis cliquez sur l icône vert «Site de confiance» 3. Cliquez sur le bouton «Sites» 4. Dans la fenêtre qui s ouvre, décochez la case «Nécessite un serveur sécurisé», et saisissez l url : 5. Cliquez sur le bouton «Ajoutez» Cliquez «OK» sur les deux fenêtres ouvertes Fermez Internet Explorer et rouvrez le pour que les changements soient pris en compte. Vous n aurez pas à répéter cette procédure lors de vos prochaines connexion sur un même poste de travail! 5 Connexion au CMS Anan6 Ouvrez votre navigateur (IE 6 ou 7 impérativement) Saisissez l adresse : Ajoutez l adresse à vos favoris pour y revenir facilement ultérieurement Renseignez vos identifiants et mots de passe dans les zones prévues à cette effet Cliquez sur «OK» pour accéder à la gestion du contenu 6 Visualisation de l interface du CMS Anan6 Visualisation de l interface du CMS Barre d outils de la fenêtre principale (détail page 8) Listes des dossiers et sous-dossiers Listes des composants pour un dossier donné (détail page suivante) 7 Détails de la liste des composants Détails de la liste des composants Etat du composant Nom du composant ( =nom html) Libellé ( =nom sémantique) Date de création Date de modification Nom de l auteur Type de composant Langue du composant Date de publication Nom du composant : c est le nom du composant au format HTML, il ne doit comporter ni espace ni caractères spéciaux ou accentués. Libellé : Nom sémantique à destination exclusive des gestionnaires du site. Date de création : date de création de la version sélectionnée (ici nous avons plusieurs version du composant «accueil». Date de modification : date de la dernière modification de la version sélectionnée. Nom de l auteur : nom de l éditeur de la dernière modification pour la version sélectionnée. Type de composant : les différents types possibles sont flash, pdf, css, txt, doc., zip, xml, img, js, ou html, en fonction de la nature du composant crée. Langue du composant : français ou autre en cas de site multi langues. Date de publication : date à laquelle le composant a été mis en ligne (état pub) ou date à laquelle le composant sera mis en ligne (état prepub). Etat du composant : edit (le composant est en cours de création ou de modification), aval (le composant attend une validation avant publication), val (le composant est validé et prêt à être publié), prepub (la mise en ligne du composant a été demandée pour une date donnée), pub (le composant est en ligne et visible par les internautes), arc (le composant est archivé, il n est plus visible par les internautes). 8 Barre d outil de la fenêtre principale Barre d outil de la fenêtre principale Précédente Actualiser Rechercher Nouvelle version Valider Supprimer Visualiser la page Accès statistiques Aide Suivante Dossier Nouveau Modifier Publier Propriétés Visualiser le site Vérifier les liens Accéder aux sauvegardes Fonctionnalités des boutons : Précédente et Suivante : naviguer dans la liste des composants des dossiers déjà consultés. Actualiser : rafraîchir la liste des dossiers et des composants en cours de consultation. Dossiers : revenir à la liste des dossiers (depuis la gestion utilisateurs par exemple). Rechercher : rechercher un composant dans le CMS en fonction de son état (pub, prepub, edit, ), de son nom, de ses mot-clés, Nouveau : créer un nouveau composant (page html, image, document, ). Nouvelle version : créer une nouvelle version d un composant (composant publié ou archivé le plus souvent). Modifier : modifier un composant en cours de création (edit), de validation (aval) ou de publication (prepub). Valider : selon le niveau d accréditation de l utilisateur, demander ou confirmer la validation d un composant. Publier : mettre en ligne un composant. Supprimer : archiver un composant publié ou supprimer définitivement tout autre composant. Propriétés : afficher et modifier les propriétés d un composant (Titre, description, mots-clés, source d une image ou d un documents, langue, ). Visualiser la page : visualiser uniquement le composant sélectionné, tel que le verra l internaute après publication des composants. Visualiser le site : visualiser l ensemble du site à partir de la page d accueil tel que le verra l internaute après publication des composants (lorsqu un composant existe en plusieurs version, l affichage donne la priorité au dernier composant en état «edit» crée). Accès statistiques : Consulter les statistiques de visite du site. Vérifier les liens : Valider les liens internes et externes du site. Aide : télécharger le manuel utilisateur au format.pdf. Accéder aux sauvegardes : Module de sauvegarde de la base de données du site. 9 Créer ou renommer un dossier ou sous-dossier Créer ou renommer un dossier Cliquez sur le dossier parent devant contenir votre dossier ou sous-dossier (le dossier sélectionné doit apparaître de couleur bleue ou rouge). Faire un click droit sur ce même dossier, un menu contextuel vous permet de créer un «nouveau dossier» ou de «renommer» le dossier sélectionné. 3. Le nom du dossier apparaît dans un cadre, vous pouvez saisir le nouveau nom. 10 Créer un nouveau composant image, document ou flash 1/ Créer un nouveau composant image, Flash ou document 1/ Placez-vous dans le dossier parent devant contenir image, document, ou animation flash (le dossier sélectionné doit apparaître de couleur bleue ou rouge), il s'agit en général d un sousdossier «images» ou «documents» du dossier «médias».. Cliquez sur le bouton «Nouveau» ( ), une liste de types de documents apparaît ou clic droit nouveau dans la liste des composants. 3. Sélectionner «Animation Flash» pour un composant Flash, ou «Image» pour un composant image ou «Document PDF» pour un document pdf (idem pour un doc. Word ou zip, etc ). 11 Créer un nouveau composant image, document ou Flash Créer un nouveau composant image, Flash ou document / / Dans la fenêtre «Propriétés» qui apparaît, onglet «Général», cliquez sur le bouton «Parcourir» pour chercher votre image ou document sur votre disque dur.. Lorsque vous avez choisi votre fichier source, les champs «Nom» et «Libellé» sont renseignés par défaut avec le nom de votre composant. Vous pouvez les conserver ainsi (attention le champs nom ne supporte ni les espaces ni les caractères accentués), ou les renommer à votre convenance. 3. Sélectionner la «langue» de votre document (fr par défaut). 4. Dans l onglet «description» renseignez une courte description de l image ou du document à destination des navigateurs textes (type Lynx) ou des non voyants équipés d outils spécifiques Dans l onglet «Mots clés» renseignez des mots significatifs de votre composant, à destination du moteur de recherche interne. Vous pouvez visualiser votre image avec l onglet «Aperçu» 6. Cliquez «OK», Votre composant image ou document est prêt à être inséré dans vos pages html. N oubliez pas de le publier, sans quoi vos pages en ligne n afficherons pas vos images! 1 Créer un nouveau composant page html 1/ Créer un nouveau composant Page Html 1/ Placez-vous dans le dossier parent devant contenir image, document, ou animation flash (le dossier sélectionné doit apparaître de couleur bleue ou rouge), il s'agit en général d un sousdossier «rubrique» du dossier «Pages».. Cliquez sur le bouton «Nouveau» ( ), une liste de types de documents apparaît ou clic droit nouveau dans la liste des composants. 3. Sélectionner «Page HTML». 13 Créer un nouveau composant page html Créer un nouveau composant Page Html / / 1 1. Dans la fenêtre «Propriétés» qui apparaît, onglet «Général», renseignez les champs «Nom» (nom html de votre page, sans espaces ni accents), «Libellé» (nom sémantique à destination des utilisateurs de l outil), et «Langue» (fr par défaut).. Choisissez un «Titre» significatif pour votre page, celui-ci apparaîtra dans la barre de titre du navigateur de vos visiteurs et influera sur le référencement de votre site plus encore que les motsclés. Ne modifiez pas le champ «Rubrique» Dans l onglet «Meta balises» renseignez les «descriptions» et «keywords» (mots clés) de votre composant, à destination du moteur de recherche interne et des moteurs de recherche Web (type Google), en sélectionnant le champ correspondant puis «Modifier». 5. Dans la fenêtre qui s ouvre, renseignez le champ «content» avec votre description ou vos motsclés (séparés par une virgule) puis «OK» dans chacune des deux fenêtres (suite page 15). 14 Créer un nouveau composant «à partir de» Créer un nouveau composant «à partir de» 1. Vous pouvez créer un composant de tout type sur le modèle d un composant de même type déjà existant. Effectuez un click droit sur le composant modèle et choisissez «Copier». 3. Effectuez un second click droit n importe où dans la liste des composants du dossier où vous désirez créer votre composant et choisissez «Coller». 4. La fenêtre de Propriétés s ouvre comme dans le cas d une création normale, mais les champs sont pré remplis, modifiez les différents champs des onglets «Général» et «Meta balises» et cliquez «ok» pour ouvrir la fenêtre d édition (suite page 16) Modifier un composant Modifier un composant Cas 1 : Le composant est publié (pub) ou archivé (arc) vous devez créer une nouvelle version du composant, puis la publier le cas échéant. Cas : Le composant est en cours d édition (edit), en attente de validation (aval) ou en attente de publication (val ou prepub) vous pouvez l éditer directement (! la précédente version sera écrasée). Cas Cas 1 Fenêtre d édition Cas 1 : Sélectionnez votre composant à modifier et cliquez sur l icône «Nouvelle version». Une boite de dialogue vous demande de confirmer votre action. Cliquez «OK», la fenêtre d édition (ou la boite propriété pour les images et documents) s ouvre. Effectuez vos modifications puis enregistrez et fermez. Le composant ainsi crée apparaîtra en haut de votre liste de composant de même nom, en état «Edit». Vous pouvez procéder à sa mise en ligne si nécessaire, le composant ainsi publié écrasera l ancien composant en état «pub» du même nom, qui sera luimême archivé. Cas : Sélectionnez votre composant à modifier et cliquer sur l icône «Modifier». La fenêtre d édition s ouvre directement. (Suite page 15). 16 Editer un nouveau composant Page html Editer un composant Page Html Dans la fenêtre de dialogue «Sélection Modèle» qui s ouvre, choisissez le modèle de page à concevoir. Vous pouvez visualiser directement le résultat de votre choix dans la fenêtre d édition. Quand votre choix est fait, cliquez «OK» Barre d outils de la fenêtre édition (détail page suivante) Vous pouvez alors effectuez toutes les actions nécessaires à la création de votre page : Insérer ou modifier du texte, insérer un titre ou sous-titre de paragraphe. Insérer une image, un flash ou un lien vers un document. Insérer un lien sur un texte ou une image. Appliquez un style prédéfini à un texte ou une image. Les utilisateurs avancés pourront modifier le code source de la page si nécessaire grâce à l onglet «Source». Visualiser le résultat de vos modifications grâce à l onglet «Aperçu». Visualiser votre page sans mise en forme grâce au bouton «mode plan» ( icône fauteuil roulant). Voir les détail de la barre d outils «Edition» page suivante. 17 Barre d outils de la fenêtre d édition Barre d outils de la fenêtre d édition Enregistrer Copier Annuler Mode plan (sans styles) Listes Mettre en retrait Alignement gauche Alignement centré Alignement droit Justifié Formulaires Couper Coller Répéter Afficher bordures Listes numérotées Annuler retrait Lien Ancre Image Flash Sondage Gras Italique Exposant Indice Propriétés d un tableau Insérer une ligne Insérer une colonne Supprimer une colonne Scinder horizontalement une cellule Insérer ou changer le niveau d un titre Appliquer ou modifier un style Changer la taille de la police Supprimer une ligne Fusionner des cellules Scinder verticalement une cellule 18 Editer une page html / Insérer ou modifier un texte, ou un titre Editer une Page Html 1 - Le texte Pour insérer ou modifier du texte tout en conservant la mise en forme de la page, cliquez dans un paragraphe puis tapez ou collez (depuis un doc. Word par exemple) votre texte. Ensuite seulement effacez le texte superflu. Choisissez si besoin un alignement pour votre paragraphe. - La touche «Entrée» de votre clavier créera un nouveau paragraphe (balises P /P ). - Les touches «Shift + Entrée» créeront un simple saut de ligne (balise BR / ). Pour appliquer un style à une portion de texte, sélectionner celui-ci à l aide de la souris puis cliquez sur le menu styles et choisissez votre style prédéfinis. Pour créer une liste à puce ou une liste numérotée, taper le premier élément de votre liste, cliquez dessus puis cliquez sur le bouton liste. Chaque «Entrée» suivante créera une nouvelle élément de liste. Pour créer ou modifier le niveau d un titre sélectionner celui-ci à l aide de la souris puis cliquez sur le menu «Titres» et choisissez votre niveau de Titre, ou choisissez «normal» pour revenir à un texte normal (style par défaut pour le corps de texte). Enregistrez votre page. 19 Editer une page html / Insérer un tableau Editer une Page Html 1 Modifier un tableau Vous devez tout d abord modifier la description de votre tableau avec le bouton Dans l onglet «Général», remplissez ou modifiez les champs de votre tableau : - «En-tête», - «Titre» - «description» Définissez un espacement entre les cellules = 0 Choisissez le nombre de lignes et de colonnes de votre tableau, et la largeur en % qu il occupera dans la page. O Dans l onglet «tableau», choisissez un modèle avec colonne gauche (contextuel) ou sans colonne gauche (générique) Ne modifiez pas les onglets «Ligne», «Colonne», et «Cellule». Tableau Générique Tableau Contextuel 0 Editer une page html / Modifier un tableau Editer une Page Html 1 Modifier un tableau Vous pouvez ensuite : Ajouter ou Supprimer des lignes Ajouter ou supprimer des colonnes Fusionner ou scinder des cellules de votre tableau - Pour ajouter une ligne ou une colonne, placez-vous dans la ligne ou la colonne devant précéder celle que vous souhaitez ajouter, - Pour fusionner des cellules, sélectionnez-les simplement de gauche à droite, ou de haut en bas, à l aide de la souris - Pur scinder une cellule, cliquez dedans puis sur le bouton adéquat (fraction horizontale ou verticale). Ces fonctions sont également accessibles par un clic droit à l intérieur du tableau. Modifiez le contenu des cellules : Exactement de la même façon que le reste du texte de la page. Modifiez le format du tableau, des colonnes, ou des cellules : Cliquer dans le tableau puis sur l icône tableau. Effectuer vos modification sur les différents champs avant de cliquer «OK». 1 Editer une page html / Insérer ou modifier une image Editer une Page Html - Les Images Pour insérer ou modifier une image, positionnez-vous en début du paragraphe où doit apparaître l image (créez un nouveau paragraphe avec la touche «Entrée» si nécessaire), sélectionnez une image existante, et cliquez sur l icône «Image». Dans la boite de propriété qui s ouvre, recherchez l image dans le CMS à l aide du bouton «Parcourir». - Le champ «Texte alternatif» se complétera automatiquement avec l onglet «Description» du composant image correspondant. Vous pouvez néanmoins le modifier si nécessaire. - Les champs tailles et hauteur se compléteront automatiquement. Il ne devraient pas être modifiés (déformation de l image). - Le champ «Description longue» doit pointer vers une page décrivant précisément l image dans le cas de schémas complexes (règles d accessibilités). Il doit rester vide dans les autres cas. Choisissez un alignement et un style optionnel (encadrement par ex.) de l image avec le menu «Mise en forme». Cliquez «OK». Votre image est insérée. Enregistrez votre page. Editer une page html / Insérer ou modifier un lien vers une page ou un pdf Editer une Page Html 3 - Les liens Pour insérer un lien sur un texte ou une image, sélectionnez le texte ou l image avec la souris et cliquez sur le bouton «Lien» ou «Ancre» pour créer une ancre (Taper juste le nomdelancre). Dans la boite de propriété qui s ouvre, recherchez le composant ciblé (page ou document) dans le CMS à l aide du bouton «Parcourir» dans le cas d in lien intra site, ou taper le nom intégral du lien sous la forme dans le cas d un lien extra site. Taper #nomdelancre dans le cas d un lien vers une ancre dans la page. - Le champ «Titre du lien» doit comporter une description significative du lien quand celui-ci ne l est pas par défaut (voir règles d accessibilités). Choisissez le format d ouverture du composant ciblé : - dans la même fenêtre (la composant ciblé remplacera la page en cours). - dans une nouvelle fenêtre (le composant s ouvrira dans une fenêtre entièrement fonctionnelle, superposée à la page en cours)
We Need Your Support
Thank you for visiting our website and your interest in our free products and services. We are nonprofit website to share and download documents. To the running of this website, we need your help to support us.

Thanks to everyone for your continued support.

No, Thanks
SAVE OUR EARTH

We need your sign to support Project to invent "SMART AND CONTROLLABLE REFLECTIVE BALLOONS" to cover the Sun and Save Our Earth.

More details...

Sign Now!

We are very appreciated for your Prompt Action!

x