> Table des matières. Gestion des pages courantes... 4

Transcription

1 I N T E R FA C E A D M I N I S T R AT I O N M A N U E L D ' U T I L I S A T I O N D E T Y P O 3 V W W W. R O U S S E T - F R. C O M STRATIS JUIN 2010

2 > Table des matières Gestion des pages courantes > Accès à l'interface de mise à jour du site : 5 > Édition directement depuis le site > Présentation de l'organisation générale de l'interface d'administration > Navigation dans les pages > Pré-visualisation depuis l'interface d'administration > Gestion de l'espace de stockage > Déplacer (ou copier) une page ou une rubrique par Cliquez / déplacer > Déplacer (ou copier) une page ou une rubrique par copier / coller > Création d'une nouvelle page > Modifier le titre d'une page > Ajout de texte dans une page > Fonctions du traitement de texte intégré > Créer des liens > Créer des liens vers des contenus dynamiques > Créer des liens de type en savoir plus / télécharger / voir aussi > Ajout d'une ou plusieurs images dans une page > Détail des options d'ajout d'une (ou plusieurs) image(s) > Modification et gestion d'un contenu existant > Menu des sous-pages automatique STRATIS M A N U E L D ' U T I L I S A T I O N D E L ' I N T E R F A C E D ' A D M I N I S T R A T I O N JUIN 2010 PAGE 2

3 > Table des matières Gestion des contenus spécifiques > Page d accueil : éditer les modules de la colonne de gauche > Ajouter une vidéo sur une page Gestion des pages dynamiques > Créer une nouvelle actualité / actualité «Ma ville en mouvement» > Saisir le contenu d une actualité > Créer une nouvelle publication «A lire» > Saisir le contenu d une publication > Créer un nouvel événement dans l agenda > Saisir le contenu d un événement dans l agenda > Ajouter une entreprise dans l annuaire STRATIS M A N U E L D ' U T I L I S A T I O N D E L ' I N T E R F A C E D ' A D M I N I S T R A T I O N JUIN 2010 PAGE 3

4 Gestion des pages courantes STRATIS M A N U E L D ' U T I L I S A T I O N D E L ' I N T E R F A C E D ' A D M I N I S T R A T I O N JUIN 2010 PAGE 4

5 > Accès à l'interface de mise à jour du site : Identification du rédacteur Saisir les paramètres d'identification qui vous ont été transmis STRATIS M A N U E L D ' U T I L I S A T I O N D E L ' I N T E R F A C E D ' A D M I N I S T R A T I O N JUIN 2010 PAGE 5

6 > Édition directement depuis le site Action 1 Clic sur le crayon d'édition Une fois identifié le rédacteur voit apparaître dans les pages du site des crayons d'édition lui permettant de modifier des éléments de contenus. Résultat Retour sur la page contenant l'élément modifié. Action 3 Enregistrement des modifications Un clic sur l icône "disquette" permet à l'utilisateur de sauvegardez ses modifications. Action 2 Modification du contenu Une fenêtre d'édition apparaît permettant au rédacteur de modifier toutes les informations relatives à l'élément sélectionné : texte, photo... STRATIS M A N U E L D ' U T I L I S A T I O N D E L ' I N T E R F A C E D ' A D M I N I S T R A T I O N JUIN 2010 PAGE 6

7 > Présentation de l'organisation générale de l'interface d'administration Fonctionnalités spécifiques au rédacteur identifié Déconnexion Ferme la session utilisateur Page : Édition de l'ensemble des contenus Voir : Aperçu du rendu vu par les internautes Fichiers : Gestion de l'espace de stockage (FTP en ligne) Configuration : Options de configuration de l'interface pour l'utilisateur Manuel : Options de configuration de l'interface pour l'utilisateur Gestion de l'arborescence du site Selon ses droits d'accès, le rédacteur peut : > Sélectionnez la page à modifier > Créer des pages, > Supprimer une page > Cacher/afficher une page > Déplacer les pages par simple Cliquezdéplacer (fonctionnement similaire à l'explorateur de fichier Windows) Espace de travail Zone d'affichage spécifique à la page et à la fonctionnalité choisie STRATIS M A N U E L D ' U T I L I S A T I O N D E L ' I N T E R F A C E D ' A D M I N I S T R A T I O N JUIN 2010 PAGE 7

8 > Navigation dans les pages > Affichage du menu contextuel Cliquez sur l icône située devant le titre de la page pour faire apparaître le menu contextuel et les différentes options de gestions des pages : > Cliquez sur le + pour ouvrir une rubrique et afficher les sous pages > Cliquez sur le pour fermer une rubrique > Copier : Copie la page et ses sous-pages dans (ou après) une autre page de l arborescence. Après avoir cliqué sur copier, collez après ou dans une autre page en cliquant sur celle-ci. > Couper : Déplace la page et ses sous pages dans (ou après) une autre page de l arborescence. Après avoir cliqué sur couper, Cliquez sur la page où vous souhaitez dupliquer la page. > Cacher : Rend la page invisible et inaccessible aux internautes > Supprimer : Supprime la page si celle-ci ne contient pas de sous pages. STRATIS M A N U E L D ' U T I L I S A T I O N D E L ' I N T E R F A C E D ' A D M I N I S T R A T I O N JUIN 2010 PAGE 8

9 > Pré-visualisation depuis l'interface d'administration Sélectionnez le module «Voir» Aperçu de la page sélectionnée telle que la verrait l'internaute STRATIS M A N U E L D ' U T I L I S A T I O N D E L ' I N T E R F A C E D ' A D M I N I S T R A T I O N JUIN 2010 PAGE 9

10 > Gestion de l'espace de stockage Envoyer un fichier dans ce dossier Créer un nouveau dossier ou fichier texte Arborescence des dossiers de l'espace de stockage Sélectionnez le module «Fichiers» Liste des fichiers et sous-dossiers du dossier sélectionné Champs d envoi multiples de fichiers. Sélectionner le nombre de fichiers à envoyer dans le menu déroulant. STRATIS M A N U E L D ' U T I L I S A T I O N D E L ' I N T E R F A C E D ' A D M I N I S T R A T I O N JUIN 2010 PAGE 10

11 > Déplacer (ou copier) une page ou une rubrique par Cliquez / déplacer Objectif : Positionner la page "Page 2" après la page "Page 4" Action 1 Cliquez sur "Page" dans le menu de gauche Action 2 Sélectionnez la page à déplacer et maintenir le bouton gauche de la souris Action 3 Déplacer le curseur sur la page précédant le nouvel emplacement souhaité Action 4 Relâcher le bouton de la souris et choisir "Déplacer la page après" dans les options proposées. Dans le cadre d'une copie, Sélectionnez "Copier la page après". Résultat La page est positionnée à l'endroit souhaité. STRATIS M A N U E L D ' U T I L I S A T I O N D E L ' I N T E R F A C E D ' A D M I N I S T R A T I O N JUIN 2010 PAGE 11

12 > Déplacer (ou copier) une page ou une rubrique par copier / coller Objectif : Positionner la page «Page 2» après la page «Page 1» Action 1 Cliquez sur "Page" Action 2 Cliquez gauche sur l'icône devant le titre de la page, pour faire apparaître le menu contextuel Action 3 Cliquez sur "couper" Action 4 Cliquez gauche sur l'icône devant le titre de la page précédant le nouvel emplacement souhaité pour faire apparaître le menu contextuel, puis Cliquez sur "coller après". Un avertissement apparaît, Cliquez sur "OK" Résultat La page est positionnée à l'endroit souhaité STRATIS M A N U E L D ' U T I L I S A T I O N D E L ' I N T E R F A C E D ' A D M I N I S T R A T I O N JUIN 2010 PAGE 12

13 > Création d'une nouvelle page Objectif : Créer une page intitulée "Ma nouvelle page" après la page "Page 4" Résultat La page est créée dans la rubrique à la position souhaitée Action 3 Sélectionnez «Page de contenu» (par défaut)» Action 1 Sélectionnez la rubrique dans laquelle vous voulez créer une nouvelle page et cliquez sur le bouton "Créer une nouvelle page" Action 2 Cliquez sur une des flèches pour positionner la nouvelle page dans la rubrique Action 4 Entrez le nom de la page nouvellement créée STRATIS M A N U E L D ' U T I L I S A T I O N D E L ' I N T E R F A C E D ' A D M I N I S T R A T I O N JUIN 2010 PAGE 13

14 > Modifier le titre d'une page Action 4 Modifier le titre de la page puis enregistrer Action 1 Cliquez sur "Page" Action 2 Sélectionnez la page à éditer Action 3 Cliquez sur le crayon en haut de la page pour éditer l'entête de la page STRATIS M A N U E L D ' U T I L I S A T I O N D E L ' I N T E R F A C E D ' A D M I N I S T R A T I O N JUIN 2010 PAGE 14

15 > Ajout de texte dans une page Objectif : Ajouter du texte dans une page Action 1 Sélectionnez la page à éditer dans l'arborescence et cliquez sur le bouton "Ajouter un nouvel élément de contenu" dans la colonne "contenu de la page" Action 2 Sélectionnez "Élément texte" Action 3 Utilisez le traitement de texte intégré pour saisir votre contenu. Sauvegardez votre page en cliquant sur la disquette. STRATIS M A N U E L D ' U T I L I S A T I O N D E L ' I N T E R F A C E D ' A D M I N I S T R A T I O N JUIN 2010 PAGE 15

16 > Fonctions du traitement de texte intégré Fermer le formulaire sans enregistrer les changements Enregistrer Enregistrer et visualiser Enregistrer et fermer le formulaire d édition Supprimer l'élément de contenu Revenir à la version précédente Historique Les options de l'éditeur de texte avancé > Ligne 1 : Définition du niveau de titre, choix du style de mise en forme du paragraphe sélectionné > Ligne 2 : Mise en gras, italique, liste à puce ordonnée, liste à puce > Ligne 3 : Insérer un lien, insérer un tableau, afficher les bordures des tableaux, insérer un caractère spécial, correcteur d'orthographe, copier, couper, coller, annuler, rétablir, nettoyer le texte importé depuis Word. Mode "Pleine page" Un clic sur l icône permet de passer l éditeur de texte en pleine page STRATIS M A N U E L D ' U T I L I S A T I O N D E L ' I N T E R F A C E D ' A D M I N I S T R A T I O N JUIN 2010 PAGE 16

17 > Créer des liens Action 1 Sélectionnez le texte sur lequel appliquer le lien puis Cliquez sur le bouton "insérer un lien" Astuce : Ouvrir un lien dans une nouvelle page Si vous souhaitez ouvrir le lien dans une nouvelle page, sélectionnez dans la liste déroulante «Cible» Nouvelle fenêtre. Lien vers une page du site Action 2 Sélectionnez la page dans l'arborescence Lien vers un fichier à télécharger Action 2 Cliquer sur l onglet «Fichiers» dans la fenêtre de liens, puis sélectionnez le répertoire de l espace de stockage dans lequel se trouve votre fichier à télécharger Ajoute un/des fichier(s) à télécharger Action 3 Sélectionnez le répertoire de l espace de stockage dans lequel vous désirez placer votre fichier à télécharger, puis sélectionner vos fichiers à envoyer depuis les boutons Parcourir... Lien vers un autre site Remplissez l adresse du site distant et cliquez sur attribuer le lien Lien vers une adresse Saisissez l adresse puis cliquez sur attribuer le lien Action (optionnel) Créez un sous répertoire destiné à contenir votre fichier à télécharger grâce au champs en bas de la page. STRATIS M A N U E L D ' U T I L I S A T I O N D E L ' I N T E R F A C E D ' A D M I N I S T R A T I O N JUIN 2010 PAGE 17

18 > Créer des liens vers des contenus dynamiques Lien vers une actualité Sélectionnez l onglet Actualités, puis l un des modules d actualités dans la colonne de gauche, puis l actualité à lier. Lien vers un événement de l agenda Sélectionnez l onglet Agenda, puis le module d agenda dans la colonne de gauche, puis l événement à lier. STRATIS M A N U E L D ' U T I L I S A T I O N D E L ' I N T E R F A C E D ' A D M I N I S T R A T I O N JUIN 2010 PAGE 18

19 > Créer des liens de type en savoir plus / télécharger / voir aussi Action 1 Créez un lien (cf. Créer des liens), sélectionnez le texte et attribuez lui le style en «Liste à puces». Action 2 Sélectionnez «ul» dans la barre grise de l éditeur de texte. Cela «activera» le menu Style du bloc. Action 3 Sélectionnez le style de bloc que vous voulez lui appliquer. Résultat Le style choisi est alors appliqué. STRATIS M A N U E L D ' U T I L I S A T I O N D E L ' I N T E R F A C E D ' A D M I N I S T R A T I O N JUIN 2010 PAGE 19

20 > Ajout d'une ou plusieurs images dans une page Action 1 Sélectionnez la page à éditer dans l'arborescence et Cliquez sur le bouton "Ajouter un nouvel élément de contenu" dans la colonne "contenu de la page" Action 3 Cliquez sur pour choisir une image dans l espace de stockage du site. Cliquez sur "Parcourir" pour choisir une image sur votre ordinateur. Indiquer la largeur ou la hauteur d'affichage de l'image, elle sera automatiquement redimensionnée. Cocher "Cliquez pour agrandir" permet d'afficher l'image en pleine page lorsque l'on clique dessus. Cocher «Utiliser le mode diaporama» fait défiler les images les unes après les autres lors du «cliquer pour agrandir». Action 2 Sélectionnez "Images seules" STRATIS M A N U E L D ' U T I L I S A T I O N D E L ' I N T E R F A C E D ' A D M I N I S T R A T I O N JUIN 2010 PAGE 20

21 > Détail des options d'ajout d'une (ou plusieurs) image(s) Choix d'une image dans l'espace de stockage du site Vous pouvez transférer une image provenant de l espace de stockage du site Choix d une image sur votre ordinateur Vous pouvez transférer une image provenant de votre ordinateur Choix du positionnement de l'image relativement au texte Redimensionnement de l'image Saisissez la largeur ou la hauteur en pixels de l'image. Pour information, une image en pleine largeur fait 365px en affichage 4 colonnes, 550px en affichage 3 colonnes. Ajout d'un lien sur l'image Cliquer sur l icône a droite du champ pour afficher la fenêtre de sélection de liens. Nombre de colonnes Sélectionnez sur combien de colonnes doivent s afficher les images (attention à la taille que vous donnerez dans le champ Largeur) Nombre de colonnes Sélectionnez sur combien de colonnes doivent s afficher les images (attention à la taille que vous donnerez dans le champ Largeur) Légende & texte alternatif de l'image Si vous avez sélectionné plusieurs images, vous pouvez attribuer un titre à chacune d elles. Vous devez saisir les différents titres avec un retour à la ligne par image. Cliquez pour agrandir Si vous cochez cette case, l image s agrandira au clic. STRATIS M A N U E L D ' U T I L I S A T I O N D E L ' I N T E R F A C E D ' A D M I N I S T R A T I O N JUIN 2010 PAGE 21

22 > Modification et gestion d'un contenu existant Actions sur les contenus > Éditer le contenu Objectif : Modifier un élément de contenu existant depuis l'interface d'administration > Copier le contenu > Créer une référence vers le contenu > Couper le contenu > Supprimer le contenu Insertion d'un nouvel élément de contenu entre 2 contenus existants Vue schématique des différents éléments de contenus insérés dans la page STRATIS M A N U E L D ' U T I L I S A T I O N D E L ' I N T E R F A C E D ' A D M I N I S T R A T I O N JUIN 2010 PAGE 22

23 > Menu des sous-pages automatique Action 2 Sélectionnez «Menu des sous-pages» Action 3 Sélectionnez «Menu des sous-pages» dans «Type de menu», puis enregistrez et fermez. Action 1 Sélectionnez la page à éditer dans l'arborescence et cliquez sur le bouton un nouvel élément de contenu" dans la colonne "contenu de la page" "Ajouter STRATIS M A N U E L D ' U T I L I S A T I O N D E L ' I N T E R F A C E D ' A D M I N I S T R A T I O N JUIN 2010 PAGE 23

24 Gestion des contenus spécifiques STRATIS M A N U E L D ' U T I L I S A T I O N D E L ' I N T E R F A C E D ' A D M I N I S T R A T I O N JUIN 2010 PAGE 24

25 > Page d accueil : éditer les modules de la colonne de gauche Enregistrez et quitter une fois les modification effectuées Image du module Titre du bandeau (facultatif) Texte associé Lien du bouton Cliquez sur le picto pour créer un lien vers une page du site, un site externe, un fichier, une actualité... STRATIS M A N U E L D ' U T I L I S A T I O N D E L ' I N T E R F A C E D ' A D M I N I S T R A T I O N JUIN 2010 PAGE 25

26 > Ajouter une vidéo sur une page > Récupérer l identifiant sur Youtube > Récupérer l identifiant sur Vimeo > Récupérer l identifiant sur Dailymotion Action 3 Titre de la vidéo Facultatif, ne s affiche pas sur le site. Provenance de la vidéo Au choix : Vimeo, Dailymotion, Youtube Identifiant de la vidéo L identifiant se trouve dans l adresse URL de la vidéo Largeur de la vidéo à afficher Hauteur de la vidéo à afficher Action 1 Sélectionnez la page à éditer dans l'arborescence et cliquez sur le bouton un nouvel élément de contenu" dans la colonne "contenu de la page" "Ajouter Action 2 Sélectionnez «Ajouter une vidéo Dailymotion, Vimeo, Youtube» STRATIS M A N U E L D ' U T I L I S A T I O N D E L ' I N T E R F A C E D ' A D M I N I S T R A T I O N JUIN 2010 PAGE 26

27 Gestion des pages dynamiques STRATIS M A N U E L D ' U T I L I S A T I O N D E L ' I N T E R F A C E D ' A D M I N I S T R A T I O N JUIN 2010 PAGE 27

28 > Créer une nouvelle actualité / actualité «Ma ville en mouvement» > Cliquez sur le dossier Actualités ou Ma ville en mouvement Vue Liste Affiche la liste des actualités du site, avec la date de publication, la catégorie, le titre, une image (facultative) et une courte description. Nouvelle actualité > Cliquez sur l'icône pour créer une nouvelle actualité Éditer une actualité > Cliquez sur le titre d'une actualité, ou sur le crayon d édition pour modifier son contenu Menu contextuel > Cliquez sur l'icône pour afficher les options supplémentaires de gestion des actualités STRATIS M A N U E L D ' U T I L I S A T I O N D E L ' I N T E R F A C E D ' A D M I N I S T R A T I O N JUIN 2010 PAGE 28

29 > Saisir le contenu d'une actualité Titre de l actualité Vue Détaillée Affiche le contenu complet d'une actualité. Date/Heure de publication Ce champ est rempli automatiquement à la création de l actualité Introduction Ce texte sera affiché sous le titre en mode Liste, et en chapeau en vue Détaillée. Si ce champ n est pas rempli, les premiers caractères du champ Texte ci-dessous seront utilisés dans le mode Liste. Corps de l actualité Utilisez le traitement de texte intégré pour saisir votre contenu. Catégorie de l actualité Sélectionnez la catégorie «Focus» pour que cette actualité soit mise en évidence sur la page d accueil Médias de l actualité Ajoutez des photos à votre actualité (provenant de votre ordinateur ou du site) Légende et texte alternatif Vous pouvez remplir la légende, le texte alternatif (balise ALT) de chaque image. Une ligne par image. STRATIS M A N U E L D ' U T I L I S A T I O N D E L ' I N T E R F A C E D ' A D M I N I S T R A T I O N JUIN 2010 PAGE 29

30 > Créer une nouvelle publication «A lire» > Cliquez sur le dossier A lire Vue Liste Affiche la liste des publications du site, avec la date de publication, la catégorie, le titre, une image (facultative) et une courte description. Nouvelle publication > Cliquez sur l'icône pour créer une nouvelle actualité Éditer une publication > Cliquez sur le titre d'une publication, ou sur le crayon d édition pour modifier son contenu Menu contextuel > Cliquez sur l'icône pour afficher les options supplémentaires de gestion des publications STRATIS M A N U E L D ' U T I L I S A T I O N D E L ' I N T E R F A C E D ' A D M I N I S T R A T I O N JUIN 2010 PAGE 30

31 > Saisir le contenu d'une publication Titre de la publication Date/Heure de création Ce champ est rempli automatiquement à la création de la fiche Date de publication Ce champ correspond à la date de publication du magazine Description de la publication Utilisez le traitement de texte intégré pour saisir votre contenu. Image / Couverture du document Ajoutez la couverture du document publié Fichier à télécharger Ajoutez le fichier (PDF, Word, Zip, etc) proposé en téléchargement STRATIS M A N U E L D ' U T I L I S A T I O N D E L ' I N T E R F A C E D ' A D M I N I S T R A T I O N JUIN 2010 PAGE 31

32 > Créer un nouvel événement dans l'agenda Vue Liste Affiche la liste des événements de l'agenda, avec la date de publication, la catégorie, le titre, une image (facultative) et une courte description. > Cliquez sur le dossier Agenda Nouvel événement > Cliquez sur l'icône pour créer un nouvel événement Éditer un événement > Cliquez sur le titre d'un événement pour éditer son contenu Vue Calendrier Affiche un calendrier mensuel des événements. Menu contextuel > Cliquez sur l'icône pour afficher les options supplémentaires de gestion des événements STRATIS M A N U E L D ' U T I L I S A T I O N D E L ' I N T E R F A C E D ' A D M I N I S T R A T I O N JUIN 2010 PAGE 32

33 > Saisir le contenu d'un événement dans l agenda Vue Détaillée Affiche le contenu complet d'un événement Titre de l événement Date/Heure de l'événement > Entrez la date et l'heure de l'événement > Cochez la case "Événement toute la journée pour ne pas prendre en compte les heures Catégorie de l actualité Sélectionnez la catégorie «Événement» pour que cette actualité soit mise en évidence sur la page d accueil Lieu de l'événement Organisateur de l'événement Texte de l événement Utilisez le traitement de texte intégré pour saisir votre contenu. Photo(s)/Affiche de l'événement Texte alternatif de la photo/ affiche de l'événement Un texte par image, chaque texte séparé par un saut de ligne STRATIS M A N U E L D ' U T I L I S A T I O N D E L ' I N T E R F A C E D ' A D M I N I S T R A T I O N JUIN 2010 PAGE 33

34 > Ajouter une entreprise dans l annuaire Action 1 > Cliquez sur une sous page de la page Annuaire Vue Liste Affiche la liste des entreprises de l annuaire, avec le nom de la société, le domaine d activité, le nom du responsable et les coordonnées. Action 2 > Cliquez sur «Contenu de la ligne» Action 3 > Remplissez les champ concernant l entreprise > Les champs obligatoires sont suivis d une astérisque * > Enregistrez et quittez la page une fois les modifications effectuées STRATIS M A N U E L D ' U T I L I S A T I O N D E L ' I N T E R F A C E D ' A D M I N I S T R A T I O N JUIN 2010 PAGE 34