SITE WEB Service Client. Charte graphique et technique

Save this PDF as:
 WORD  PNG  TXT  JPG

Dimension: px
Commencer à balayer dès la page:

Download "SITE WEB Service Client. Charte graphique et technique"

Transcription

1 Service Client Charte graphique et technique 1

2 Sommaire a / MISE EN FORME Introduction... 3 Les logos Veolia... 4 Police & taille - généralité... 6 Police & taille gabarits principaux... 7 Palette de couleur... 8 La boîte à outils graphique... 9 Images b / ARCHITECTURE ET GABARITS Ecran d accueil principe de construction Ecran d accueil exemples Ecran général principe de construction Entête constructions des têtières Ecran d accueil contenu et bas d écran Formulaire c / NAVIGATION ET FONCTIONNALITES Le système de navigation Conseil d ergonomie Normes de développement /compatibilité

3 Introduction Ce guide sur la charte graphique du site Internet Client de Veolia eau précise les recommandations graphiques nécessaires à la conception du site. Les modèles de construction graphique présentés dans cette charte sont disponibles sous forme de fichier électronique. Ce document à été réalisé à partir du guide «SITES WEB, tome 7» de l identité visuelle de Veolia Environnement. 3

4 Les logos Veolia La marque Veolia ne se traduit pas et est mondiale. Environnement ne se traduit pas. La marque Veolia est commune. Les substantifs descriptifs des divisions sont traduits dans la langue du pays de présence. Expression du savoir-faire technique ou industriel de Veolia. L entité abandonne son logo mais garde son nom propre, qui s écrit dans la typographie Veolia. Dans ce cas, la marque est endossée par Veolia Division. L évolution de ces identités visuelles locales est laissée au choix du client : Adoption de la marque Veolia Division, si le client l accepte ; Conservation de la marque locale, avec endossement Veolia Division ; Conservation de la marque locale, sans endossement. Dans ce cas, il s agit d une exception à notre système de marque. L architecture de marque respecte les polices et couleurs suivantes : 4

5 a Mise en forme 5

6 a Mise en Forme Police & taille - généralité Les polices La police de caractère du site est l Arial et la famille de police utilisé par les feuille de style (CSS) est la suivante : Arial, Helvetica, Sansserif. D autres polices comme TheSans, TheMix ou TheSerif ou Verdana présente dans la charte graphique web VE peuvent être aussi utilisées sur le site. Taille du texte Tous les textes doivent être redimensionnables par les internautes : les unités de taille de police sont définies de manière relative, en em ou % et non en px. Les marges verticales entre les éléments de texte (paragraphes, titres, listes) sont également définies en em ou % de façon à conserver un espacement proportionnel lors du redimensionnement. Titres Les titres sont en Arial avec la couleur prévue pour l entité. La taille du caractère varie selon le niveau du titre. Les typographies «systèmes» POLICE Arial Verdana Helvetica Sans-serif PRINCIPALE Les typographies «images» TheSans TheMix TheSerif NIVEAU DE TITRES/LIENS/TEXTE : Titre/lien 1 (24px) Titre/lien 5 (13px) Titre/lien 2 (21px) Titre/Texte (12px) Titre/lien 3 (18px) Titre/lien 6 (11px) Fil Ariane (9 px) Titre/lien 4 (16px) 6

7 a Mise en Forme Police & taille gabarits principaux TITRE/LIEN1 #407DB4 24px TITRE/LIEN 3 TITRE/LIEN 4 #407DB4 18px #407DB4 16px FIL ARIANNE # A7A9AC 9px TITRE/LIEN 6 #407DB4 11px GRAS TITRE/LIEN TITRE/LIEN 6 # px #3299D4 11px TITRE/LIEN 1 #407DB4 24px TITRE/LIEN 3 #407DB4 1 18px TITRE/TEXTE #407DB4 12px TITRE/TEXTE TITRE/TEXTE # px # px 7

8 a Mise en Forme Palette de couleur PALETTE DE COULEUR TEXTE. R.V.B > #407DB4 R.V.B > #3299D4 R.V.B > #0000FF PALETTE DE COULEUR FOND. R.V.B > #EA7F1D R.V.B > #ECF2F7 COULEUR FOND MENU R.V.B > # R.V.B > #CBDBEA COULEUR FOND BLOC R.V.B > #E05353-COULEUR L EAU DANS VOTRE VILLE R.V.B > #FEEAC3 COULEUR FOND BLOC R.V.B > #A7A9AC- COULEUR FIL ARIANE R.V.B > #C6006F-COULEUR BULLE VIOLETTE R.V.B > #FCAF17-COULEUR BULLE JAUNE R.V.B > #03BABC-COULEUR BULLE QUESTION R.V.B > #F5F4F0-COULEUR FOND LE SAVIEZ VOUS 8

9 a Mise en Forme La boîte à outils graphique La boîte à outils graphiques regroupe des outils nécessaires à la création du site internet. Ces outils doivent servir de base de travail et de source d inspiration pour la conception des futurs sites Veolia. Tous ces outils sont disponibles au format.psd pour leur intégration dans le site. BOITE A OUTIL ACTUELLE DU SITE (NON EXHAUSTIVE): Ce bouton gris correspond à des actions du type : - Ouverture de formulaire - Téléchargement - Impression - Modification de données à l intérieur d un formulaire 9

10 BOITE A OUTIL PRESENTE DANS LA CHARTE VEOLIA ENVIRONNEMENT. Cette boîte à outils graphiques s applique à l ensemble des sites Internet Veolia. Ces outils peuvent être réutilisés et compléter les outils utilisés actuellement. 10

11 a Mise en Forme Images Les images du site doivent respectés certains standards pour que l ensemble du site reste homogène. La largeur des images contenues dans les blocs (majorité des images du site) est donc fixe et doit être de 113px. Les vignettes des pdf ont des dimensions fixes qui sont 80 px en hauteur. Actuellement ces images se présentent sous la forme d un cercle mais celles-ci peuvent prendre toutes les formes suivantes. LES DIFFERENTS TYPES D IMAGES : 11

12 b Architecture et Gabarits 12

13 b Architecture et gabarits Ecran d accueil principe de construction Dimensions Le site de Veolia est optimisé pour une résolution d écran de 1024x768 pixels, mais peut être aussi visible pour une résolution de 800x 600 pixels. Positionnement Les pages du site sont toujours centrées horizontalement et calées en haut de l écran du navigateur. Fond de page Le fond de page et le fond de l écran sont blancs, le site n a pas de bordure verticale. L écran d accueil est divisé en trois zones, une zone bandeau pour la têtière, une zone centrale accueillant le contenu et une zone de bas d écran. La hauteur de la zone bandeau peut varier (entre 225 et 300 pixels). La largeur de l écran varie entre 800 et 1024 pixels. Ci-dessous le gabarit actuel du site Veolia Consommateur (France). Le gabarit de construction de l écran d accueil est disponible en fichier électronique au format Photoshop psd. Il est conçu pour fonctionner en 800 et 1024 pixels. 13

14 b Architecture et gabarits La têtière de la page d accueil peut aussi respecter le gabarit suivant défini dans la charte Veolia Environnement La têtière de la page d accueil est composée de trois parties. La partie supérieure contenant à gauche le logotype du site émetteur (en pages de suite, ce logo est un lien vers la page d accueil) ; à droite - le moteur de recherche et les liens vers les autres versions du site. - les liens vers les versions linguistiques, énoncées dans la langue de destination (english version, versión española ) ; - le lien vers la page adaptée aux internautes mal-voyants - le champ de recherche - un lien vers le site parent ou l adresse du site dans le cas de Veolia Environnement. La partie centrale est destinée à accueillir un visuel et un titre. La partie inférieure sert de séparation entre les éléments de la zone centrale de l écran et les éléments de la têtière. Ainsi lorsque la largeur de l écran se réduit à 800 pixels les seuls changements sont le cadrage plus serré de l ensemble de la têtière et le déplacement des éléments de la partie supérieure. 14

15 b Architecture et gabarits Ecran d accueil exemples SITE INTERNET CONSOMMATEURS : TITRE/ LIEN 2 #407DB4 21px SITE EXEMPLE : 15

16 b Architecture et gabarits Ecran général principe de construction Dimensions Le site de Veolia est optimisé pour une résolution d écran de 1024x768 pixels, mais peut être aussi visible pour une résolution de 800x 600 pixels. Positionnement Les pages du site sont toujours centrées horizontalement et calées en haut de l écran du navigateur. Fond de page Le fond de page et le fond de l écran sont blancs, le site n a pas de bordure verticale. L écran d accueil est divisé en trois zones, une zone bandeau pour la têtière, une zone centrale accueillant le contenu et une zone de bas d écran. La hauteur de la zone bandeau est de 140px La largeur de l écran varie entre 800 et 1024 pixels. Le gabarit de construction de l écran d accueil est disponible en fichier électronique au format Photoshop psd. Il est conçu pour fonctionner en 800 et 1024 pixels. FIL D ARIANNE MENU MENU CONTENU 16

17 b Architecture et gabarits BANNIERE La bannière doit faire 120 pixels de hauteur (elle fait 140px avec le moteur de recherche). Sa construction est détaillée plus loin dans ce document. TOP MENU Le menu du haut doit comprendre les zones d entrée de niveau 1. Il peut être présent ou non sur la page d accueil mais doit être présent sur toutes les autres pages. Lorsque l on se situe dans un page d entrée de niveau 1, la section du top menu correspondante doit être mise en avant. (Mis en couleur, en gras, souligné ) EXEMPLE : FIL D ARIANE Le fil d Ariane doit être présent sur toutes les pages. Il permet à l utilisateur de se repérer au niveau de sa navigation. La page active dans le fil d Ariane devra être mise en valeur. (Mis en couleur, en gras, souligné ) EXEMPLE : MENU DE GAUCHE Le menu de gauche contient les zones d entrée de niveau 1 ainsi que les soussections (niveaux 2 et 3). La hiérarchie de la page active consulté est mise en évidence par un changement de couleur. <- EXEMPLE CONTENU Au niveau du contenu, il est conseillé d appliquer les préconisations de la charte dans le chapitre Police & Taille. Les liens devront changer d apparence au survol de la souris afin de renforcer la notion de lien. 17

18 b Architecture et gabarits Entête constructions des têtières La têtière des écrans de suite est composée de trois parties. La partie supérieur contenant : à gauche le logotype du site émetteur ( en pages de suite, ce logo est un lien vers la page d accueil) ; à droite le moteur de recherche. La partie de droite peut cependant être complétée conformément a la charte VE avec - les liens vers les versions linguistiques, énoncées dans la langue de destination (english version,version espanola ) ; -le lien vers la page adaptée aux internautes mal-voyants ; - le champ de recherche ; La partie centrale est destinée à accueillir un visuel et un titre. La partie inférieure sert de séparation entre les éléments de la zone centrale de l écran et les éléments de la têtière. Les têtières actuelles possèdent des courbes propres au site service consommateurs. Il est cependant aussi possible de revenir au têtières de la charte VE.(Voir schéma ci-dessous) TETIERE ACTUELLE : TETIERE CHARTE VE : 18

19 b Architecture et gabarits Ecran d accueil contenu et bas d écran La zone centrale de contenu comporte diverses informations et peut être composée facilement à l aide des éléments contenus dans la boîte à outils graphiques disponible en fichier électronique. Le choix de l iconographie est libre. La zone de bas d écran des sites du groupe Veolia comporte les caractéristiques suivantes : Première ligne : liens vers les entrées de niveau 1 de l arborescence. Deuxième ligne : liens vers les pages outils : contact, mentions légales, crédits, politique d accessibilité, etc. Troisième ligne : liens vers les fils d information (RSS), la mention du copyright. Ces lignes sont centrées dans la page, sous un trait horizontal de toute la largeur de la page. Dans le cas où plusieurs lignes sont présentes, elle devra se présenter conformément à la charte VE. BAS D ECRAN ACTUEL BAS D ECRAN CHARTE VE 19

20 b Architecture et gabarits Exemples de bas de page 20

21 b Architecture et gabarits Formulaire MISE EN PAGE Les formulaires sont des gabarits a part. Ils doivent respecter certaines règles au niveau de leur structure. Tous les formulaires doivent être liés au niveau de leur label (Lorsque l on clique sur le label, le champ correspondant s active).. Les labels ainsi que les zones de saisies doivent être alignées pour assurer une certaine homogénéité du formulaire. De même l espacement entre les différents champs du formulaire doit être constant GESTION DES ERREURS Si besoin, chaque message d erreur apparaît de manière générique en tête de formulaire au sein d un bloc dédié. Cet avertissement à l utilisateur est également affiché et caractérisé dans le titre de la page afin d en différencier les états lors du rechargement de celle-ci. Chaque erreur affichée comporte un lien ancré vers le champ erroné pour guider l internaute. Au niveau de chaque champ erroné, la nature de l erreur est insérée. Si une seule erreur est relevée, le pointeur de l internaute se positionne directement au niveau du champ concerné. FIL D ARIANNE MENU MENU ZONE DE COMMENTAIRES SUR LE FORMULAIRE ZONES D INFORMATIONS SUR LE FORMULAIRE ZONE CONTENANT LE FORMULAIRE 21

22 b Architecture et gabarits LES BOUTONS A COCHER Les cases à cocher et bouton radio doivent se trouver en début de phrase et être comprises à l intérieur du formulaire. Dans l ordre, l internaute valide cette information autant que les précédentes puis valide sont formulaire. BOUTONS Sur les pages de formulaire du site les boutons suivants ont pour action : BOUTON «SUIVANT»: Passe à l étape suivante du formulaire. BOUTON «VALIDER» : Valide l ensemble du formulaire BOUTON «PRECEDENT» : Retour à l écran précédent ou à l étape précédente (Sans perte des données saisies précédemment) BOUTON D AIDE PREMETTANT D AFFICHER DES INFORMATIONS SUPPLEMENTAIRES LABEL CASE A COCHER A GAUCHE Dans le cas des select-box, un bouton «OK» devra être présent à droite de celle-ci (critère d accessibilité).exemple : 22

23 c Navigation et fonctionnalité 23

24 c Navigation et fonctionnalité Le système de navigation Le système de navigation peut varier selon la nature, les objectifs et la richesse du site, mais le système préconisé est le suivant : Menu de niveau 1 - À l horizontal, sous la têtière en images, ferré à droite. - Les entrées de niveau 1 sont toujours visibles. Menus de niveaux inférieurs - Uniquement en pages de suite. - En colonne, sur la gauche de l écran. - Les entrées de niveau 2 sont visibles lorsque l on navigue à l intérieur d un niveau 1. Les entrées de niveau 3 sont visibles lorsque l on navigue à l intérieur d un niveau 2. Idem pour d éventuels niveaux inférieurs. Il est recommandé de ne pas dépasser trois niveaux de profondeur. ECRAN D ACCUEIL ECRAN DE SUITE Zone entrées niveau 1 Zone entrées niveau 1 Zone entrées niveau 2 et 3 Zone entrées niveau 1 de bas de page Zone entrées niveau 1 de bas de page 24

25 c Navigation et fonctionnalité Conseil d ergonomie LIENS : Il est conseillé pour les liens externes ainsi que les documents (PDF, flash ), que l ouverture se fasse dans une nouvelle page. A l inverse il est déconseillé d ouvrir des liens internes dans une nouvelle fenêtre car cela perturbe la navigation de l utilisateur et lui donne l impression qu il quitte le site. TELECHARGEMENT : Lors de téléchargement, des informations complémentaires peuvent être renseignées tel que la taille du fichier, son contenu REPERAGE : L internaute doit pouvoir se repérer à n importe quel moment au sein du site. Les outils ergonomiques incontournable pour la navigation ou la localisation sur un site internet sont notamment : - le fil d Ariane - l état (actif ou non) des liens de la navigation principale et secondaire - les titres de la page - les niveaux de titraille Il est conseillé d afficher la navigation principale sur toute les pages. ACCESSIBILITE : Pour des soucis d accessibilité les images et titres doivent présenter des alternatives (renseignées par «title» et «alt» dans les feuilles de styles CSS). Dès lors que l on se situe sur une page du site situé dans une section spécifique, au sein des menus la page ainsi que la section doivent être mise en évidence et les liens vers cette page et vers la section doivent être désactivés. De même dans un souci d accessibilité les infos bulles doivent être renseignées et pertinentes. LIEN A DESACTIVER 25

26 c Navigation et fonctionnalité Normes de développement /compatibilité Accessibilité Pour être accessibles à tous et dans un souci d efficacité, les sites internet de Veolia devront être conçus selon les recommandations d accessibilité émanant du W3C (World Wide Web Consortium) et de la WAI (Web Accessibility Initiative). Les normes suivantes devront être respectées : l XHTML 1.0 strict l CSS 2.1. Configurations minimales Les sites de Veolia doivent être visibles pour les configurations suivantes. Navigateurs Internet Explorer 5.5 et suivants Firefox, Netscape 8 et suivants Safari 2 et suivants Opera 8 et suivants Google Chrome et suivants Systèmes d exploitation Windows Mac Connexions à haut débit et à bas débit. Les sites doivent également être entièrement consultables avec désactivation du javascript. Feuilles de style Les sites doivent disposer d un jeu de feuilles de style alternatives dédiées à l affichage d une version allégée des pages, en particulier pour les internautes mal-voyants. Les sites doivent également être entièrement consultables sans aucune feuille de style (en version texte). Optimisation du référencement Pour un bon référencement des sites : Chacune des pages doit avoir des métadonnées différentes (titre, description et mots-clés). Les URL des pages doivent également être signifiantes. Document de référence Les recommandations sur le site du W3C Versioning DATE AUTEURS VERSION 25/09/2009 Direction des Consommateurs Version

Aide à l utilisation du logiciel IziSpot.Mobi

Aide à l utilisation du logiciel IziSpot.Mobi 1 Sommaire 1. Description logiciel (explication des menus)... 3 1.1. Description de la barre de menu... 3 2. Onglet configuration... 4 2.1. Gestion du logo... 4 2.1.1. Affichage du zoom... 4 2.1.2. Disposition

Plus en détail

Modèle de charte graphique

Modèle de charte graphique Modèle de charte graphique Pour donner à l utilisateur des repères au sein d un site et faciliter sa visite, il est impératif de développer une cohérence pour l ensemble de vos pages. Lors de la conception

Plus en détail

1 Module 1 : feuille de style, position des blocs, nombre d éléments

1 Module 1 : feuille de style, position des blocs, nombre d éléments Plugin d'habillage d'eva-web 4 Le plugin d'habillage d'eva-web permet de : adapter la position, la taille des divers éléments la composant choisir les couleurs de fonds des divers secteurs choisir la taille,

Plus en détail

Identité visuelle de l Etat de Fribourg. Manuel Internet, Intranet et applications Web Janvier 2012

Identité visuelle de l Etat de Fribourg. Manuel Internet, Intranet et applications Web Janvier 2012 Identité visuelle de l Manuel Internet, Intranet et applications Web Janvier 202 Charte graphique Internet, Intranet et applications Web 6.0 Internet, Intranet et applications Web Sommaire 6. Généralités:

Plus en détail

Version 4.0. Multinet Ressources Inc. Page 1 sur 13

Version 4.0. Multinet Ressources Inc. Page 1 sur 13 Version 4.0 Page 1 sur 13 Introduction Lorsque vous obtenez l accès à Méganet, votre site est déjà construit. C est-à-dire qu il a fait l objet d une étude de style selon les couleurs de votre entreprise

Plus en détail

Tapez le titre de la page «BASTIA ville méditerranéenne», puis allez deux fois à la ligne à l aide de la touche Entrée.

Tapez le titre de la page «BASTIA ville méditerranéenne», puis allez deux fois à la ligne à l aide de la touche Entrée. Créer un site Internet à l aide du logiciel NVU Le logiciel NVU, permet l édition Wysiwyg (What You See, Is What You Get, ce que vous voyez, est ce que vous obtenez ) d un site internet. Vous rédigez le

Plus en détail

Introduction à Expression Web 2

Introduction à Expression Web 2 Introduction à Expression Web 2 Définitions Expression Web 2 est l éditeur HTML de Microsoft qui répond aux standard dew3c. Lorsque vous démarrez le logiciel Expression Web 2, vous avez le choix de créer

Plus en détail

TUTORIAL. www.benevolat.org TUTORIAL. Créez en quelques minutes votre site Internet!

TUTORIAL. www.benevolat.org TUTORIAL. Créez en quelques minutes votre site Internet! Créez en quelques minutes votre site Internet! SOMMAIRE : Choisir une interface graphique - Nommez votre site... page 03 5 étapes de création... page 04 Les outils de création graphique... page 05 Mise

Plus en détail

Module Article. Plate-forme de gestion de contenu. PubliShare utilise la librairie javascript (AJAX - Web 2.0)

Module Article. Plate-forme de gestion de contenu. PubliShare utilise la librairie javascript (AJAX - Web 2.0) G U I D E D U T I L I S AT I O N Publishare Plate-forme de gestion de contenu Module Article PubliShare utilise la librairie javascript (AJAX - Web.0) Sommaire Généralités Schéma de navigation Identification

Plus en détail

Bootstrap 3 pour l'intégrateur web CSS et Responsive Web Design

Bootstrap 3 pour l'intégrateur web CSS et Responsive Web Design Chapitre 1 : Introduction A. Le développement des sites Web 14 B. Les fonctionnalités de Bootstrap 14 C. La compatibilité avec les navigateurs 15 D. Télécharger les exemples 15 Chapitre 2 : Installer Bootstrap

Plus en détail

Le logiciel de création de site internet IZISPOT est un outil très puissant et qui est assez simple après quelques temps d utilisation.

Le logiciel de création de site internet IZISPOT est un outil très puissant et qui est assez simple après quelques temps d utilisation. 1 Le logiciel de création de site internet IZISPOT est un outil très puissant et qui est assez simple après quelques temps d utilisation. Voici un mode opératoire qui vous guidera dans l utilisation de

Plus en détail

Ergonomie. Accessibilité et référencement. Master Caweb - Ergonomie - Chloé Temesvari

Ergonomie. Accessibilité et référencement. Master Caweb - Ergonomie - Chloé Temesvari + Ergonomie Accessibilité et référencement + Plan Chapitre 5 : Accessibilité et référencement Qu est-ce l accessibilité? Critères à prendre en compte La taille et a résolution d écran La police Les navigateurs

Plus en détail

Portail des communes Guide Référent ville

Portail des communes Guide Référent ville Portail des communes Guide Référent ville Services aux communes Introduction Vous êtes Référent pour votre commune et venez de recevoir vos identifiants de connexion à l ENT école. Ce document va vous

Plus en détail

ACE-PTM 2.1 Guide de l utilisateur. À l intention des utilisateurs. 2011 Hospitalis - Tous droits réservés. Version 2.4.

ACE-PTM 2.1 Guide de l utilisateur. À l intention des utilisateurs. 2011 Hospitalis - Tous droits réservés. Version 2.4. ACE-PTM 2.1 Guide de l utilisateur À l intention des utilisateurs Version 2.4 16 Septembre 2014 2011 Hospitalis - Tous droits réservés 2011 Hospitalis - Tous droits réservés 1 Table des matières 1 INTRODUCTION...

Plus en détail

THEME RESPONSIVE DESIGN

THEME RESPONSIVE DESIGN THEME RESPONSIVE DESIGN Tablettes, smartphones, netbooks, ordinateurs les résolutions d écrans sont nombreuses. Adaptez vous aux nouvelles habitudes des utilisateurs en étant visible de façon optimale.

Plus en détail

Procédurier des principales fonctions

Procédurier des principales fonctions SYSTÈME DE PUBLICATION POUR L INTERNET PARTAGÉ SQUELETTE SARKA Procédurier des principales fonctions 2012-2013 avec éditeur de texte TinyMCE DOCUMENT DE TRAVAIL Le site de référence pour les formations

Plus en détail

A3W GUIDE UTILISATEUR

A3W GUIDE UTILISATEUR A3W GUIDE UTILISATEUR AGENA 3000 - Rue des Pagannes - BP 726-49307 CHOLET CEDEX Tél : 02.41.46.33.00 - Fax : 02.41.46.38.58 E-courriel :mb@monclocher.com SOMMAIRE 1- Publier des informations et/ou Photos

Plus en détail

EXCEL 1 - PRISE EN MAIN

EXCEL 1 - PRISE EN MAIN EXCEL 1 - PRISE EN MAIN I - Qu est-ce qu un tableur? Excel est un logiciel permettant d élaborer des feuilles de calculs automatiques présentées la plupart du temps sur de grandes feuilles quadrillées.

Plus en détail

Analyse comparative de trois sites d e commerce

Analyse comparative de trois sites d e commerce Analyse comparative de trois sites d e commerce M1105 Par Benjamin ANDRE Romain LUTIC - Jérémy MONIER (A/B) I/ Analyse des sites Amazon.com 1 ère 1 ère impression bonne, site épuré, bien organisé, on reconnait

Plus en détail

Sommaire. [page 4] Lancement Identification Multi Comptes. [page 5] Créer un nouveau projet. [page6] Editer un projet

Sommaire. [page 4] Lancement Identification Multi Comptes. [page 5] Créer un nouveau projet. [page6] Editer un projet Sommaire [page 4] Lancement Identification Multi Comptes [page 5] Créer un nouveau projet [page6] Editer un projet [page 7] Supprimer un projet Prévisualiser un projet Mettre un projet par défaut [page

Plus en détail

REFONTE DU SITE DE LA FEDERATION ALGERIENNE DE FOOTBALL

REFONTE DU SITE DE LA FEDERATION ALGERIENNE DE FOOTBALL REFONTE DU SITE DE LA FEDERATION ALGERIENNE DE FOOTBALL CAHIER DES CHARGES TECHNIQUE Client Fédération Algérienne de Football (FAF) Chef de projet WEBQAM Marine CHARLES Solution retenue WordPress multilingue

Plus en détail

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

> Table des matières. Gestion des pages courantes... 4 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 4. 2. 1 0 W W W. R O U S S E T - F R. C O M STRATIS JUIN 2010 > Table des matières Gestion des pages courantes.............................................

Plus en détail

>> Ajouter une page web Ordre Lien urlpage titre description Actif Lien au menu niveau cliquable type Consulter Enregistrer

>> Ajouter une page web Ordre Lien urlpage titre description Actif Lien au menu niveau cliquable type Consulter Enregistrer 1 C R É AT I O N D E S PAG E S D É S I R É E S > Pour ajouter des pages au site, cliquer sur >> Ajouter une page web > Des champs blancs à remplir apparaissent. L Ordre est le rang qu occupera cette page

Plus en détail

Web-Interactive Mai 2010. Interactive 2.0. Manuel d utilisation

Web-Interactive Mai 2010. Interactive 2.0. Manuel d utilisation Interactive 2.0 Manuel d utilisation 1 Contenu Chapitre 1 : L Arborescence... 3 Créer un menu.... 3 Ordonner les menus... 6 Destruction d un menu.... 6 Chapitre 2 : Les pages... 7 Titre de votre page....

Plus en détail

VISIONet MANUEL UTILISATEUR

VISIONet MANUEL UTILISATEUR VISIONet MANUEL UTILISATEUR I. VISIONet... 2 A. A quoi sert VISIONet?... 2 B. Comment accéder à VISIONet?... 2 II. La page d accueil... 3 A. Le bandeau... 3 B. Le moteur de recherche... 3 C. Les actualités...

Plus en détail

Guide Ultra-book / 2012

Guide Ultra-book / 2012 Guide Ultra-book / 2012 Avant de commencer Le logiciel Ultra-book est optimisé pour les derniers navigateurs web standards : Firefox 10 ou 11 Chrome 18 Safari 5 Vous trouverez ces navigateurs en téléchargement

Plus en détail

Création WEB avec DreamweaverMX

Création WEB avec DreamweaverMX Creation Web avec DreamweaverMX MX Initiation Sommaire.preparation.mise en forme.liens hypertextes.images.liens sur images.images avec zones sensibles.images survolees.liens de type courriel.apercu dans

Plus en détail

SITE INTERNET BLOG SITE E-COMMERCE GRILLE D ANALYSE / AUDIT PREMIERE ANALYSE. Entreprises. o Public spécialisé o Etudiants o Enfants

SITE INTERNET BLOG SITE E-COMMERCE GRILLE D ANALYSE / AUDIT PREMIERE ANALYSE. Entreprises. o Public spécialisé o Etudiants o Enfants PREMIERE ANALYSE Nom du site web : Url du site : Objectif du site / description (balise description) : Mots-clés du site (balise keywords) : Cible du site : o Entreprises o Public spécialisé o

Plus en détail

Service Général des Lettres et du Livre

Service Général des Lettres et du Livre Charte webdesign Sommaire 1 2 3 4 5 6 7 8 9 Présentation Structure du site Page accueil Sites satellites Familles chromatiques Principe de navigation éléments graphiques Familles typograhiques Traitement

Plus en détail

Utilisation de l éditeur.

Utilisation de l éditeur. Utilisation de l éditeur. Préambule...2 Configuration du navigateur...3 Débloquez les pop-up...5 Mise en évidence du texte...6 Mise en évidence du texte...6 Mise en page du texte...7 Utilisation de tableaux....7

Plus en détail

ACCESSIBILITE. Dans le domaine de l informatique pour le handicap, "l Accessibilité" consiste à adapter et optimiser l ergonomie :

ACCESSIBILITE. Dans le domaine de l informatique pour le handicap, l Accessibilité consiste à adapter et optimiser l ergonomie : ACCESSIBILITE Définition de l Accessibilité en Informatique Dans le domaine de l informatique pour le handicap, "l Accessibilité" consiste à adapter et optimiser l ergonomie : - des matériels et dispositifs

Plus en détail

4. Créer des compteurs, des curseurs ou des bandes déroulantes : a) Création des objets. b) Affectation à une cellule et réglage du pas.

4. Créer des compteurs, des curseurs ou des bandes déroulantes : a) Création des objets. b) Affectation à une cellule et réglage du pas. Logiciel Excel version Office 2007. Voici une liste non exhaustive de fonctions de ce logiciel en relation avec le stage. Au sommaire : 1. Créer des boutons de raccourci dans une barre d outils: a) Sélection

Plus en détail

TECHNOLOGIE DE L INFORMATION

TECHNOLOGIE DE L INFORMATION Les FICHES-GUIDE du tableur-grapheur WORKS 3 pour WINDOWS TECHNOLOGIE DE L INFORMATION PRÉSENTATION de L ÉCRAN du TABLEUR de WORKS 3 pour WINDOWS Barre de titre Barre des menus Barre de commande (icônes

Plus en détail

Grille d analyse ergonomique

Grille d analyse ergonomique Grille d analyse ergonomique Sophie Dauphant Simon Larue Nom du site : Adresse du Site : Détails / commentaires : Grille d'analyse de site Internet Ce questionnaire se base sur 7 catégories : présentation-graphique

Plus en détail

MODE D EMPLOI DE CKFINDOR ET CKEDITOR AVERTISSEMENTS

MODE D EMPLOI DE CKFINDOR ET CKEDITOR AVERTISSEMENTS MODE D EMPLOI DE CKFINDOR ET CKEDITOR AVERTISSEMENTS En renommant, déplaçant ou supprimant des images déjà insérées dans des pages, ou en renommant, déplaçant ou supprimant des sous-dossiers, les images

Plus en détail

Nous allons détailler dans cette documentation les fonctionnalités pour créer un objet colonne.

Nous allons détailler dans cette documentation les fonctionnalités pour créer un objet colonne. Généralités Dans le générateur d états des logiciels Ciel pour Macintosh vous avez la possibilité de créer différents types d éléments (texte, rubrique, liste, graphiques, tableau, etc). Nous allons détailler

Plus en détail

Activation et personnalisation de votre site mobile

Activation et personnalisation de votre site mobile Activation et personnalisation de votre site mobile Page 1 / 1 Table des matières 1. Activation de la version mobile 3 2. Personnalisation de la version mobile : premiers pas 2.1. Apparence générale et

Plus en détail

Manuel de mise en page de l intérieur de votre ouvrage

Manuel de mise en page de l intérieur de votre ouvrage Manuel de mise en page de l intérieur de votre ouvrage Merci de suivre strictement les recommandations de ce manuel qui a pour but de vous aider à préparer un livre dont la qualité de mise en page est

Plus en détail

DOSSIER RESSOURCES CRÉATION DE PAGES HTML UTILISATION DU LOGICIEL DREAMWEAVER

DOSSIER RESSOURCES CRÉATION DE PAGES HTML UTILISATION DU LOGICIEL DREAMWEAVER DOSSIER RESSOURCES CRÉATION DE S HTML UTILISATION DU LOGICIEL DREAMWEAVER SOMMAIRE SITE Créer un nouveau site Page 1 Ouvrir un site Pages 1-2 Créer une nouvelle page Page 2 Modifier les propriétés d'une

Plus en détail

CHARTE GRAPHIQUE. Cahier de normes UNÎMES juin 2008. UNÎMES Charte graphique ÉTINCELLE

CHARTE GRAPHIQUE. Cahier de normes UNÎMES juin 2008. UNÎMES Charte graphique ÉTINCELLE CHARTE GRAPHIQUE Cahier de normes juin 2008 1 SOMMAIRE Introduction Présentation de la charte.............................. 03 Logotype Couleurs & Identité visuelle............................ 04 Autopsie

Plus en détail

Comment utiliser votre espace association

Comment utiliser votre espace association PORTAIL ASSOCIATIF DE LA MAIRIE DE PESSAC http://portailasso.pessac.fr/ Comment utiliser votre espace association SOMMAIRE 1 ACCES A VOTRE COMPTE... 3 2 PAGE DE BIENVENUE... 4 3 RUBRIQUE «MES INFORMATIONS»...

Plus en détail

Wordpress Manuel utilisateur. Manuel utilisateur

Wordpress Manuel utilisateur. Manuel utilisateur Wordpress Manuel utilisateur Projet : WORDPRESS Auteur : Référence : Version : ALEOS2i Date de dernière modification : 13 septembre 2013 2.0 Objet : Manuel utilisateur Table des matières Connexion au BackOffice...3

Plus en détail

SITE INTERNET BLOG SITE E-COMMERCE GRILLE D ANALYSE / AUDIT PREMIERE ANALYSE NOM DU SITE WEB <TITLE> : URL DU SITE :

SITE INTERNET BLOG SITE E-COMMERCE GRILLE D ANALYSE / AUDIT PREMIERE ANALYSE NOM DU SITE WEB <TITLE> : URL DU SITE : PREMIERE ANALYSE NOM DU SITE WEB : URL DU SITE : OBJECTIF DU SITE / DESCRIPTION (BALISE DESCRIPTION) : MOTS-CLÉS DU SITE (BALISE KEYWORDS) : CIBLE DU SITE : o Entreprises o Public spécialisé o

Plus en détail

SFEA. Ce document peut être imprimé au format livret. Guide utilisateurs du site "Se Former en Alsace"

SFEA. Ce document peut être imprimé au format livret. Guide utilisateurs du site Se Former en Alsace SFEA Ce document peut être imprimé au format livret Guide utilisateurs du site "Se Former en Alsace" Version 1.2-28/11/2012 SOMMAIRE 1 INTRODUCTION... 9 2 FONCTIONNALITES...10 3 CONNEXION A L APPLICATION...11

Plus en détail

PROCÉDURES D ÉDITION. Guide de l usager TYPO3

PROCÉDURES D ÉDITION. Guide de l usager TYPO3 Guide de l usager TYPO3 Sommaire Connexion à TYPO 3...5 Gestion des pages dans TYPO 3...6 Ajouter une nouvelle page...7 Déplacer ou copier une page de l arborescence... 11 Supprimer une page... 12 Ouvrir

Plus en détail

MANUEL DE PROCÉDURE POUR LA MISE À JOUR DU SITE DE FIDAFRIQUE. Documentation utilisateur Octobre 2005

MANUEL DE PROCÉDURE POUR LA MISE À JOUR DU SITE DE FIDAFRIQUE. Documentation utilisateur Octobre 2005 MANUEL DE PROCÉDURE POUR LA MISE À JOUR DU SITE DE FIDAFRIQUE Documentation utilisateur Octobre 2005 I. Principes 1.1 - Généralités Les personnes autorisées à intervenir sur le site sont enregistrées par

Plus en détail

1. Assurer l intégrité graphique du projet

1. Assurer l intégrité graphique du projet Sommaire 1. Assurer l intégrité graphique du projet 2. Univers graphique 3. Structure des gabarits : marges, côtes... 4. Familles chromatiques 5. Typographie 6. Eléments graphiques 7. Traitement iconographique

Plus en détail

PAO Publication assistée par ordinateur 31 janvier, 1 er février 2011 3 h PPA 4 e année Marketing

PAO Publication assistée par ordinateur 31 janvier, 1 er février 2011 3 h PPA 4 e année Marketing PAO Publication assistée par ordinateur 31 janvier, 1 er février 2011 3 h PPA 4 e année Marketing Partiel : travaux pratiques avec Photoshop (à propos de typographie ) Attention! Pensez à sauvegarder vos

Plus en détail

Site Internet du CERCLE (version 1) CAHIER DES CHARGES

Site Internet du CERCLE (version 1) CAHIER DES CHARGES Site Internet du CERCLE (version 1) CAHIER DES CHARGES 1. Moyens préconisés Nature des contenus ACCUEIL Actualités vidéo INFOS PRATIQUES images RESSOURCES Catalogue de ressources images fichiers PDF à

Plus en détail

Microsoft WORD. Sommaire :

Microsoft WORD. Sommaire : Le traitement de texte avec : Microsoft WORD Sommaire : 1 Le traitement de texte : usages typographiques ITALIQUE Règles Typographiques On se sert de l italique pour attirer l attention sur un mot, sur

Plus en détail

Guide d'utilisation. De Kompozer. AUTEUR INITIAL : S. LOIZEL Collège Saint Joseph Caudan (56)

Guide d'utilisation. De Kompozer. AUTEUR INITIAL : S. LOIZEL Collège Saint Joseph Caudan (56) Guide d'utilisation De Kompozer AUTEUR INITIAL : S. LOIZEL Collège Saint Joseph Caudan (56) Table des matières Fiche1 : Créer, nommer et sauvegarder une page...2 Fiche2 : Modifier les couleurs et le fond

Plus en détail

Un Site Internet à votre mesure. www.votrecommune.fr. Un site internet gratuit sur mesure en toute indépendance

Un Site Internet à votre mesure. www.votrecommune.fr. Un site internet gratuit sur mesure en toute indépendance www.votrecommune.fr Un site internet gratuit sur mesure en toute indépendance Quelques exemples www.jouesurerdre.fr Quelques exemples www.mouzeil.fr Quelques exemples www.riaille.fr Quelques exemples www.saintherblon.fr

Plus en détail

OBJECTIFS DE CE GUIDE... 5 QU EST-CE QU UN DOCUMENT ACCESSIBLE... 5 LA STRUCTURE D UN DOCUMENT... 6 LES TITRES ET LES SOUS-TITRES...

OBJECTIFS DE CE GUIDE... 5 QU EST-CE QU UN DOCUMENT ACCESSIBLE... 5 LA STRUCTURE D UN DOCUMENT... 6 LES TITRES ET LES SOUS-TITRES... Diffusion de l information dans Internet Guide de création de documents Word accessibles 5 novembre 2009 OBJECTIFS DE CE GUIDE... 5 QU EST-CE QU UN DOCUMENT ACCESSIBLE... 5 LA STRUCTURE D UN DOCUMENT...

Plus en détail

MAILING KOMPOZER... 2 CREEZ UNE PAGE... 2 FORMAT DE LA PAGE... 2 AJOUTER DU TEXTE SUR UNE PAGE... 4

MAILING KOMPOZER... 2 CREEZ UNE PAGE... 2 FORMAT DE LA PAGE... 2 AJOUTER DU TEXTE SUR UNE PAGE... 4 MAILING Table des matières KOMPOZER... 2 CREEZ UNE PAGE... 2 FORMAT DE LA PAGE... 2 AJOUTER DU TEXTE SUR UNE PAGE... 4 INSERER UNE IMAGE (OU UNE PHOTO) PAS DE COPIER / COLLER... 5 INSERER UN TABLEAU...

Plus en détail

Impression de documents avec Optymo

Impression de documents avec Optymo Impression de documents avec Optymo Notes de lecture : dans ce document, les textes soulignés font référence aux libellés des fenêtres ou aux libellés associés à des boutons d Optymo. Les textes en caractères

Plus en détail

Prise en compte des handicaps

Prise en compte des handicaps Prise en compte des handicaps Stéphanie Jean-Daubias INFO Stephanie.Jean-Daubias - at - liris.univ-lyon1.fr http://liris.cnrs.fr/stephanie.jean-daubias/ L3 Plan du cours Prise en compte des handicaps Introduction

Plus en détail

Ergonomie des IHM. Karim Sehaba Maître de Conférences en Informatique. karim.sehaba@univ-lyon2.fr http://liris.cnrs.fr/~ksehaba

Ergonomie des IHM. Karim Sehaba Maître de Conférences en Informatique. karim.sehaba@univ-lyon2.fr http://liris.cnrs.fr/~ksehaba Ergonomie des IHM Karim Sehaba Maître de Conférences en Informatique karim.sehaba@univ-lyon2.fr http://liris.cnrs.fr/~ksehaba Université Lumière Lyon2 Conception Web Organisation du contenu Navigation

Plus en détail

InSite Prepress Portal

InSite Prepress Portal InSite Prepress Portal Système Version 6.0.1 Guide de démarrage rapide destiné au client SIB/IPP/CB/mars2010 2 Guide de démarrage rapide déstiné au client Insite 6.0 En quoi consiste InSite Prepress Portal?

Plus en détail

Créer des animations en ligne avec le site Loxiastudio

Créer des animations en ligne avec le site Loxiastudio Créer des animations en ligne avec le site Loxiastudio Le site Loxiastudio (http://www.loxiastudio.com/fr/) offre un moyen simple et efficace de réaliser des galeries photos flash et HTML5 en ligne, de

Plus en détail

Initiation Word_ Mod 1.doc Module 1. Avant propos.

Initiation Word_ Mod 1.doc Module 1. Avant propos. Initiation WORD. Module 1 : La présentation de Word Système d exploitation utilisé : Windows XP Service Pack 2 Créé par Xavier CABANAT Version 1.0 Document créé par Xavier CABANAT Page 1 sur 9 Avant propos.

Plus en détail

Nom :... Prénom :... Classe :... Techniques infographiques. InDesign

Nom :... Prénom :... Classe :... Techniques infographiques. InDesign Nom :... Prénom :... Classe :... Techniques infographiques InDesign 1 Insertion de blocs textes et images (bases) a Création d un nouveau document...p04 b Le plan de travail...p05 c Les outils de base...p06

Plus en détail

Modèle d article et recommandations aux auteurs

Modèle d article et recommandations aux auteurs Rubrique Arima en pratique Le modèle A R I M A Modèle d article et recommandations aux auteurs Gaston Leblanc Département d informatique Université de Paris XXV 75099 PARIS Cedex FRANCE Gaston.Leblanc@univ-paris25.fr

Plus en détail

Cours n 3 : Microsoft WORD

Cours n 3 : Microsoft WORD Cours n 3 : Microsoft WORD I. Introduction Il y a longtemps que l ordinateur a remplacé la machine à écrire, pour la saisie du texte. En effet, les gens on vite compris les apports et avantages que cela

Plus en détail

OPEN OFFICE.org. Sommaire :

OPEN OFFICE.org. Sommaire : Le traitement de texte avec : OPEN OFFICE.org OpenOffice Writer est la partie traitement de texte d'openoffice. org, la suite bureautique libre. Cette suite bureautique est téléchargeable librement et

Plus en détail

ERGONOMIE SITE WEB 3ème Partie APPARENCE DU SITE

ERGONOMIE SITE WEB 3ème Partie APPARENCE DU SITE SITE WEB 3ème Partie APPARENCE DU SITE 1 A- Charte graphique Il est indispensable de donner une cohérence entre l ensemble des pages. Lors de la création du site, est rédigé un document devant guidé les

Plus en détail

ESPACE MULTIMEDIA DU CANTON DE ROCHESERVIERE

ESPACE MULTIMEDIA DU CANTON DE ROCHESERVIERE 1 Environnement Lancement du logiciel : ESPACE MULTIMEDIA DU CANTON DE ROCHESERVIERE Atelier «pour approfondir» Le tableur OpenOffice Calc o Menu Démarrer > Tous les programmes > OpenOffice.org > OpenOffice.org

Plus en détail

GUIDE Word (version intermédiaire) Version 2013

GUIDE Word (version intermédiaire) Version 2013 GUIDE Word (version intermédiaire) Version 2013 Table des matières 1. Les rubans... 2 2. Pagination... 4 3. En-tête et pied de page... 4 4. Note de bas de page ou des notes de fin de document... 6 5. Table

Plus en détail

> Table des matières. Gestion des pages courantes

> Table des matières. Gestion des pages courantes I N T E R F A C E A D M I N I S T R A T 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 4. 2 R É D A C T E U R V. DARDENNE DÉCEMBRE 2009 > Table des matières Gestion des pages courantes > Accès

Plus en détail

Créer un site internet (ou des pages)

Créer un site internet (ou des pages) Ce qu il faut savoir avant de commencer Driss SABRI Une page Web est un outil de communication pour lequel on a des contraintes spécifiques 1. avant d en créer il faut se poser les questions habituelles

Plus en détail

Recueil des Fiches Utilisateurs de «SharePoint»

Recueil des Fiches Utilisateurs de «SharePoint» Recueil des s s de «SharePoint» Ce document regroupe les fiches utilisateurs décrivant la navigation et l utilisation de l application SharePoint. (Référence DSI-DT-Sharepoint-1 Avril 2014) ERGONOMIE GENERALE

Plus en détail

Recueil des Fiches Utilisateurs de «SharePoint»

Recueil des Fiches Utilisateurs de «SharePoint» Recueil des s s de «SharePoint» Ce document regroupe les fiches utilisateurs décrivant la navigation et l utilisation de l application SharePoint. (Référence DSI-DT-Sharepoint-1-4 Mai 2015) SOMMAIRE Accéder

Plus en détail

Comment accéder à d Internet Explorer

Comment accéder à d Internet Explorer Comment accéder à d Pour ouvrir l application, vous n avez qu à doublecliquer sur l icône de celle-ci : ou vous pouvez encore allez le chercher par le raccourci dans la barre des tâches : Lorsque l application

Plus en détail

SOMMAIRE 1. INTRODUCTION. 2. LE LOGOTYPE 2.1. La symbolique 2.2. Les paramètres

SOMMAIRE 1. INTRODUCTION. 2. LE LOGOTYPE 2.1. La symbolique 2.2. Les paramètres SOMMAIRE 1. INTRODUCTION 2. LE LOGOTYPE 2.1. La symbolique 2.2. Les paramètres 3. LA TYPOGRAPHIE 3.1. La typographie institutionnelle 3.2. La typographie administrative 3.3. La typographie de lecture 4.

Plus en détail

Création de page web avec Dreamweaver 2.0

Création de page web avec Dreamweaver 2.0 Création de page web avec Dreamweaver 2.0 Guide d accompagnement pour Windows avril 2002 Suzanne Harvey Responsable RÉCIT suzanne.harvey@prologue.qc.ca http://www.apinfo.qc.ca http://www.cssh.qc.ca/se/recit

Plus en détail

LIGHTROOM 4 pour les photographes

LIGHTROOM 4 pour les photographes LIGHTROOM 4 pour les photographes Groupe Eyrolles, 2012, pour la présente édition, ISBN : 978-2-212-13506-0 Chapitre 8 Imprimer 8 Aux débuts de Photoshop, peu de photographes auraient pu imaginer que l

Plus en détail

Microsoft Word barres d outils. Par : Patrick Kenny

Microsoft Word barres d outils. Par : Patrick Kenny Microsoft Word barres d outils Par : Patrick Kenny 17 novembre 2004 Table des matières Mode affichage :... 3 Barre d outils Standard :... 4-5 Barre d outils Mise en forme :... 6-7 Activation de la barre

Plus en détail

Réaliser une carte de vœux

Réaliser une carte de vœux Réaliser une carte de vœux - 6 janvier 2014 p 1 Réaliser une carte de vœux Un petit tutoriel de saison, qui utilisera les connaissances acquises autour de la gestion de vos photos, et le logiciel libre

Plus en détail

Créez votre premier site web De la conception à la réalisation

Créez votre premier site web De la conception à la réalisation Chapitre 1 : Introduction A. Introduction 17 Chapitre 2 : Les langages A. L objectif 21 B. L HTML 21 1. L état des lieux 21 2. Les éléments HTML 21 3. Les attributs 22 4. Les caractères 23 5. Les espaces

Plus en détail

Initiation Internet. Edité par Mac Pour Tous rue des Communaux 4 1800 Vevey. Sibold! page 1 / 33

Initiation Internet. Edité par Mac Pour Tous rue des Communaux 4 1800 Vevey. Sibold! page 1 / 33 Initiation Internet 2010 Edité par Mac Pour Tous rue des Communaux 4 1800 Vevey Sibold! page 1 / 33 Table des matières! pages Internet et le Web!...-3- Les navigateurs Internet!...-4- La Fenêtre de navigation

Plus en détail

Manuel utilisateur de l application

Manuel utilisateur de l application ENP 0 Application e-prev Manuel utilisateurs Manuel utilisateur de l application SOMMAIRE. Préambule 4.. A qui s adresse ce manuel 4.. Objectif et portée de ce manuel 4.3. Symboles utilisés dans ce manuel

Plus en détail

NOTICE D UTILISATION DE L ESPACE COLLABORATIF (POUR LES COLLABORATEURS)

NOTICE D UTILISATION DE L ESPACE COLLABORATIF (POUR LES COLLABORATEURS) NOTICE D UTILISATION DE L ESPACE COLLABORATIF (POUR LES COLLABORATEURS) Qu est-ce que l espace collaboratif? L espace collaboratif est un service vous permettant à vous, vos associés et collaborateurs

Plus en détail

Sites web propriétaires

Sites web propriétaires Ce document est disponible à : C:\Users\pc_samba\Documents\Doc sites prop.docx Sommaire 1 Introduction... 3 2 Création du mini-site... 4 2.1 Autorisation de création... 4 2.2 Création de votre site Web...

Plus en détail

2.1 Bien cerner le site et le concevoir sur de bonnes bases : - quel est l objectif du site?

2.1 Bien cerner le site et le concevoir sur de bonnes bases : - quel est l objectif du site? A quoi sert le cahier des charges? Un cahier des charges est un document contractuel définissant de façon exhaustive ce que le commanditaire attend de la réalisation d un produit ou d un service. Le cahier

Plus en détail

MA DEMARCHE FSE MANUEL PORTEUR DE PROJET : ACCES, ACCUEIL. Manuel Porteur de projet - Ma-Démarche-FSE Accès, Accueil 1 28

MA DEMARCHE FSE MANUEL PORTEUR DE PROJET : ACCES, ACCUEIL. Manuel Porteur de projet - Ma-Démarche-FSE Accès, Accueil 1 28 MA DEMARCHE FSE MANUEL PORTEUR DE PROJET : ACCES, ACCUEIL Manuel Porteur de projet - Ma-Démarche-FSE Accès, Accueil 1 28 TABLE DES MATIERES TABLE DES MATIERES... 2 INTRODUCTION... 3 1. PRESENTATION DU

Plus en détail

TECHNOLOGIE DE L INFORMATION

TECHNOLOGIE DE L INFORMATION Les FICHES-GUIDE du tableur-grapheur WORKS 4.5 pour WINDOWS TECHNOLOGIE DE L INFORMATION PRÉSENTATION de L ÉCRAN du TABLEUR de WORKS 4.5 pour WINDOWS Barre de titre Cellule sélectionnée ou cellule active

Plus en détail

Publier dans la Base Documentaire

Publier dans la Base Documentaire Site Web de l association des ingénieurs INSA de Lyon Publier dans la Base Documentaire Remarque : la suppression des contributions n est pas possible depuis le Front-Office. lbuisset Page 1 18/09/2008

Plus en détail

Créer son mini-site sur la plateforme Mécatronique LR

Créer son mini-site sur la plateforme Mécatronique LR Créer son mini-site sur la plateforme Mécatronique LR 1 Sommaire Accéder à l interphase de création.....3 Préambule d ergonomie...4 Ajouter votre logo.....5 Transférer des fichiers sur le serveur.6 Remplir

Plus en détail

KompoZer. Composition du site : _ une page d'accueil : index.html. _ une page pour la théorie : theorie.html. _ une page pour les photos : photos.

KompoZer. Composition du site : _ une page d'accueil : index.html. _ une page pour la théorie : theorie.html. _ une page pour les photos : photos. KompoZer Créer un site «simple» Composition du site : _ une page d'accueil : index.html _ une page pour la théorie : theorie.html _ une page pour les photos : photos.html _ une page avec la galerie : galerie.html

Plus en détail

Nouveau site Internet

Nouveau site Internet Nouveau site Internet de l union commerçante de Thonon Mini-Guide Adhérent www.thonon-vitrinesdevosenvies.com Introduction Le nouveau site de l union commerçante de Thonon-les-Bains est maintenant réalisé

Plus en détail

Le site Internet de FilCall.com

Le site Internet de FilCall.com Le site Internet de FilCall.com Visuel de la page d'accueil du site FilCall.com (Février 2008) Introduction Le développement du site FilCall.com (filiale de la société VitavieTravel.com) a été conçu à

Plus en détail

SITE INTERNET DE BOUD MER. Manuel de mise à jour

SITE INTERNET DE BOUD MER. Manuel de mise à jour SITE INTERNET DE BOUD MER Manuel de mise à jour www.boudmer.org Avril 2011 Mode d emploi site web Boudmer 1 Sommaire 1. Présentation du site et organisation des informations 3 Organisation générale 3 Arborescence

Plus en détail

Formation au logiciel Typo3, pour les rédacteurs.

Formation au logiciel Typo3, pour les rédacteurs. 1 Formation au logiciel Typo3, pour les rédacteurs. 1 Accéder au système 2 1.1 Configuration du navigateur 2 1.2 Identification 2 2 L interface 2 2.1 Le module Web 3 2.2 Le module Media 3 2.3 Le module

Plus en détail

Bienvenue chez Spluw

Bienvenue chez Spluw 1 Bienvenue chez Spluw Ce guide présente les principales fonctions de mise en page et d édition de votre site Web. Vous y trouverez les étapes essentielles de construction de page et de mise en forme pour

Plus en détail

Un fichier Excel peut être considéré comme un classeur dans lequel il y a plusieurs feuilles de calcul et plusieurs feuilles graphiques.

Un fichier Excel peut être considéré comme un classeur dans lequel il y a plusieurs feuilles de calcul et plusieurs feuilles graphiques. Interface Un fichier Excel peut être considéré comme un classeur dans lequel il y a plusieurs feuilles de calcul et plusieurs feuilles graphiques. Barre des menus Barres d outils Boutons Barre de formule

Plus en détail

Mairie de Bayonne. Manuel utilisateur Agenda BAB

Mairie de Bayonne. Manuel utilisateur Agenda BAB Mairie de Bayonne Manuel utilisateur Agenda BAB Contact : Laurie Dumora 05 59 46 60 17 18/05/2012 Sommaire 1 Se connecter à typo3... 3 2 Présentation de l interface «typo3»... 3 2.1 Menu principal et tableau

Plus en détail

Recueil des Fiches Utilisateurs de SharePoint 2013 Juin 2015

Recueil des Fiches Utilisateurs de SharePoint 2013 Juin 2015 Recueil des s s de SharePoint 2013 Juin 2015 Ce document regroupe les fiches utilisateurs décrivant la navigation et l utilisation de l application SharePoint. SOMMAIRE Accéder à une application SharePoint:

Plus en détail

PARAMETRER LES NAVIGATEURS INTERNET

PARAMETRER LES NAVIGATEURS INTERNET Internet Explorer, Chrome, Firefox et Safari Astuce Avril 204 PARAMETRER LES NAVIGATEURS INTERNET Important Il est important de dérouler l intégralité de ces points de paramétrage pour assurer un fonctionnement

Plus en détail

Manuel utilisateur. Mini-site régions. Drupal est un système de gestion de contenu (abrégé CMS en anglais) libre et open source.

Manuel utilisateur. Mini-site régions. Drupal est un système de gestion de contenu (abrégé CMS en anglais) libre et open source. Manuel utilisateur Mini-site régions Version 07/2012 Drupal est un système de gestion de contenu (abrégé CMS en anglais) libre et open source. Un CMS est un logiciel qui permet de gérer le contenu d un

Plus en détail

Dreamweaver CS6 pour PC/Mac Pour des sites full CSS conformes aux standards du W3C

Dreamweaver CS6 pour PC/Mac Pour des sites full CSS conformes aux standards du W3C Introduction L'Internet aujourd'hui 7 Le World Wide Web Consortium et les standards 7 Les logiciels de conception de sites web 7 L'objectif du livre 8 Interface de conception L'environnement système 9

Plus en détail

Concepts de base de Word

Concepts de base de Word Concepts de base de Word Word est une application performante de traitement de texte et de mise en page. Pour en tirer le meilleur parti, il faut d abord en comprendre les concepts de base. Ce didacticiel

Plus en détail