Charte Graphique Web de l Union Cycliste de Luynes. Hafid HOUT Julien BOUZE Lucie PELLOTTIERO

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

Download "Charte Graphique Web de l Union Cycliste de Luynes. Hafid HOUT Julien BOUZE Lucie PELLOTTIERO"

Transcription

1 Charte Graphique Web de l Union Cycliste de Luynes Hafid HOUT Lucie PELLOTTIERO

2 SOMMAIRE I- PRÉAMBULE 3 II- VARIANTES DU LOGO 4 III- POLICES DE CARACTÈRE 5 IV- COULEURS 5 V- TITRES 7 VI- SOUS-TITRES 7 VII- TEXTES 7 VIII- PLAN DU SITE (ARBORESCENCE) 9 IX - STRUCTURE DES TEMPLATES Zoning Wireframe Mockup 14 X - BLOCS DE CITATION ET LISTE À PUCES 19 XI- BOUTONS 21 XII- MENU DE NAVIGATION 22 XIII- BLOCS 23 XIV- CARROUSEL 25 XV- MODÈLE DU FORMAT DIAPORAMA ET DU MAIL 26 Lucie PELLOTTIERO 2/28

3 I- PRÉAMBULE La charte graphique web est un document de travail qui contient l ensemble des règles fondamentales d utilisation des signes graphiques constituant l identité graphique des produits web. Chaque signe graphique utilisé est classé dans les rubriques du document. Elle est donc un document qui permet de définir la position et l aspect des différents éléments constituant les principales pages d un site avant sa mise en production. Le but est de valider les principes de navigation entre les pages, l organisation des différents modules pour l ergonomie du site et l aspect graphique des produits web. Ces éléments participent à la bonne perception d AMU et à sa compréhension par le visiteur et les gestionnaires des produits web. Ce document présente toutes les informations relatives à l aspect visuel des sites internet et notamment la définition des styles graphiques. Tous ces éléments sont disponibles au sein de votre interface d administration des pages. Ce document permet également de définir les informations nécessaires à la réalisation d un site internet AMU par un prestataire externe. Lucie PELLOTTIERO 3/28

4 II- VARIANTES DU LOGO Version normale (avec fond transparent) : Version sur fond noir : Lucie PELLOTTIERO 4/28

5 III- POLICES DE CARACTÈRE Les polices utilisées sur le site web sont au nombres de deux. Chaque police correspond à des éléments déterminés : une police est utilisée pour les textes, les citations et les liens tandis qu une autre est utilisée pour les titres ainsi que les menus de navigation. Afin de respecter les contraintes liées au web, nous utilisons des polices disponible sur Google font car c est un répertoire de typographies libres de droit et intégrables par lien ou téléchargement. Voici les polices utilisées sur le site : - Police Oxygen <link href=" rel="stylesheet"> - Police Oswald <link href=" rel="stylesheet"> Lucie PELLOTTIERO 5/28

6 IV- COULEURS Les couleurs utilisées sur le site sont inspirées du logotype (présenté plus haut). En effet, elles ont dû être adaptées car les couleurs du logo sont trop vives pour être utilisées en quantité sur une page web. Cependant les couleurs principales restent en adéquation avec les couleurs d origine du logo, le rouge et le jaune ont été assombris pour obtenir des couleurs plus simples à utiliser sur le site. Au total, 9 couleurs sont utilisées dont 5 couleurs principales et 5 couleurs secondaires. Les voici : Couleurs principales : Couleurs secondaires : Rouge : #97000f RVB : CMJN : Jaune pâle : #ffe864 RVB : CMJN : Jaune : #ffd200 RVB : CMJN : Vert : #a8d144 RVB : CMJN : Gris foncé : #3d3d3d RVB : CMJN : Pamplemousse : #d65353 RVB : CMJN : Gris clair : #d9d9d9 RVB : CMJN : Orange : #ff9131 RVB : CMJN : Gris fond de page : #f6f6f6 RVB : CMJN : Argile : #d2e0bd RVB : CMJN : Lucie PELLOTTIERO 6/28

7 V- TITRES Les titres sont traités avec la police Oswald. Ils sont de taille 18 et en majuscules. Ils se déclinent selon une seule nuance de couleur (le noir) : OSWALD - regular - taille 18 Regular ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz Lucie PELLOTTIERO 7/28

8 VI- SOUS-TITRES Les sous-titres sont aussi traités avec la police Oswald et sont de taille 14. Ils se déclinent également selon une seule nuance de couleur. Oswald - regular - taille 14 Regular ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz Lucie PELLOTTIERO 8/28

9 VII- TEXTES Les textes sont traités avec la police Oxygen uniquement. Comme les titres ils se déclinent selon une seule nuance de couleur. Ils peuvent avoir plusieurs formes. Oxygen - regular - taille 12 - # Oxygen - bold - taille 12 - # Regular ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz Seuls les liens ont une couleur qui diffère, il reprennent le rouge issu des couleurs principales : Oxygen - regular - taille 12 - #97000f Regular ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz Lucie PELLOTTIERO 9/28

10 VIII- PLAN DU SITE (ARBORESCENCE) Lucie PELLOTTIERO 10/28

11 IX - STRUCTURE DES TEMPLATES 1 - Zoning Le zoning a été la première réflexion de structuration du site. Il a permis le choix d un template Wordpress approprié aux besoins du site. Ci-dessous, le zoning de la page d accueil : Lucie PELLOTTIERO 11/28

12 2 - Wireframe Les wireframes présentent une structuration plus détaillée des pages du site et le positionnement de leur contenu. Ils montrent aussi les liens qu ont les pages entre elles. Les wireframes ont été réalisés à la fois pour les pages visitées en tant qu'adhérent connecté ou en tant que non-connecté pour bien marquer les différences entre les deux versions. Ci-dessous, les principales pages du site (celles offrant des fonctionnalitées particulières) : - La page d accueil (non-connectée et connectée) Lucie PELLOTTIERO 12/28

13 - La page du calendrier des événements (non-connectée et connectée) - Une page d un article d événement Lucie PELLOTTIERO 13/28

14 - La page des tracés VTT (non-connectée et connectée) - La page galerie (non-connectée et connectée) Lucie PELLOTTIERO 14/28

15 3 - Mockup Les mockups rendent compte du design définitif qui sera présent sur le site. Ci-dessous, les différents mockups réalisées pour les pages du site requérant un design particulier et pour les pages importantes : - La page d accueil : Lucie PELLOTTIERO 15/28

16 - La page de l espace adhérent : Lucie PELLOTTIERO 16/28

17 - Le formulaire de pré-inscription Lucie PELLOTTIERO 17/28

18 - Le calendrier des événements : Lucie PELLOTTIERO 18/28

19 - Un article d événement (ici, une sortie route) Lucie PELLOTTIERO 19/28

20 - Un article d événement (ici, une sortie VTT) Lucie PELLOTTIERO 20/28

21 X - BLOCS DE CITATION ET LISTE À PUCES Vous trouverez ici les deux listes à puces créées et personnalisées au cas où les puces classiques ne conviendraient pas, ainsi que la définition du bloc de citation : Puce numéro 1 : Puce numéro 2 : Lucie PELLOTTIERO 21/28

22 XI- BOUTONS Bouton normal Bouton survolé Lucie PELLOTTIERO 22/28

23 XII- MENU DE NAVIGATION Le menu de navigation est placé dans le header du site accompagné du logo. Il remplit pratiquement la totalité de la largeur du fond disponible sur le site. Chaque rubrique fait apparaître un sous-menu lors du survol de celui-ci sauf pour l onglet TRACÉS. Le menu de navigation principal horizontal : Visuel du menu avec un onglet déroulé (voir plan du site pour les détails sur les autres) : Couleurs et polices utilisées : Pour la partie supérieure de la bande : RVB : CMJN : OSWALD - regular - taille 12 Pour la partie inférieure de la bande : RVB : CMJN : OSWALD - regular - taille 12 Lucie PELLOTTIERO 23/28

24 XIII- BLOCS Sur le côté du site, nous avons 5 blocs permanents qui sont : - L espace adhérent - La barre de recherche - Le calendrier Lucie PELLOTTIERO 24/28

25 - Les actualités - Les partenaires Lucie PELLOTTIERO 25/28

26 XIV- CARROUSEL Le carrousel contient des image sélectionnées spécialement pour représenter le club. Le défilement se fait automatiquement de gauche à droite ou en utilisant les boutons > et < situés de part et d autre du carrousel. Voici les photos utilisées sur la page d accueil pour le carrousel : Hafid HOUT Lucie PELLOTTIERO 1/12/ /28

27 XV- MODÈLE DU FORMAT DIAPORAMA ET DU MAIL 1 - Modèle du format diaporama Lucie PELLOTTIERO 27/28

28 2 - Signature du mail Lucie PELLOTTIERO 28/28

Présentation du Framework BootstrapTwitter

Présentation du Framework BootstrapTwitter COUARD Kévin HELVIG-LARBRET Blandine Présentation du Framework BootstrapTwitter IUT Nice-Sophia LP-SIL IDSE Octobre 2012 Sommaire I. INTRODUCTION... 3 Définition d'un framework... 3 A propos de BootstrapTwitter...

Plus en détail

Cahier des charges (Exemple de proposition commerciale pour un site Internet vitrine)

Cahier des charges (Exemple de proposition commerciale pour un site Internet vitrine) 1 Cahier des charges (Exemple de proposition commerciale pour un site Internet vitrine) Code projet : Description : AD037 Site internet vitrine pour un cabinet d avocats Parisien : Le cabinet nom_du_cabinet

Plus en détail

Ces Lettres d informations sont envoyées aux extranautes inscrits et abonnés sur le site assistance (voir point N 3).

Ces Lettres d informations sont envoyées aux extranautes inscrits et abonnés sur le site assistance (voir point N 3). Site Internet - utilisation Septembre 00 Le service support de JVS-Mairistem met à disposition des utilisateurs des applications JVS-Mairistem et des collectivités clientes, un site internet de support

Plus en détail

Charte Graphique Caisse d Epargne Rhône Alpes

Charte Graphique Caisse d Epargne Rhône Alpes Charte Graphique Caisse d Epargne Rhône Alpes 1. Les éléments de base du logotype Groupe Caisse d Epargne A. LE LOGOTYPE - VERSION HORIZONTALE La version quadrichromie Les couleurs La version monochrome

Plus en détail

Guide d installation en 10 étapes...

Guide d installation en 10 étapes... Bienvenue sur PrestaBox! Guide d installation en 10 étapes... Suivez le guide! Pour ne rien oublier, suivez la liste des étapes incontournables pour la configuration de votre boutique PrestaBox : 1 - Choisissez

Plus en détail

Groupe Eyrolles, 2003, ISBN : 2-212-11317-X

Groupe Eyrolles, 2003, ISBN : 2-212-11317-X Groupe Eyrolles, 2003, ISBN : 2-212-11317-X 3 Création de pages dynamiques courantes Dans le chapitre précédent, nous avons installé et configuré tous les éléments indispensables à la mise en œuvre d une

Plus en détail

Guide d utilisation 2012

Guide d utilisation 2012 Guide d utilisation 2012 Tout ce dont vous avez besoin pour bien démarrer REACOM La performance marketing SOMMAIRE Démarrez avec reagiciel Accédez à votre console d administration 4 Gestion internet Aperçu

Plus en détail

sommaire Charte graphique - identité visuelle éléments constitutifs de la charte papeterie contenu du CD-ROM

sommaire Charte graphique - identité visuelle éléments constitutifs de la charte papeterie contenu du CD-ROM C h a r t e g r a p h i q u e i d e n t i t é v i s u e l l e sommaire le logotype...3 elements graphiques...4 déclinaisons...5 typographie...6 Couleurs associées...7 le logo et ses versions...8-9 papeterie

Plus en détail

Mémo Gestion de ma page entreprise. www.trajectoire-cesg.fr

Mémo Gestion de ma page entreprise. www.trajectoire-cesg.fr Mémo Gestion de ma page entreprise www.trajectoire-cesg.fr Ce mémo est à l attention des adhérents de Trajectoire qui souhaitent créer leur page entreprise sur le site internet du club via leur compte

Plus en détail

Site web établissement sous Drupal

Site web établissement sous Drupal Site web établissement sous Drupal Etat Date Rédacteur Version Création 12/12/2013 C. Vilport Pôle Web DASI 1.0 Modification 04/02/2014 C. Vilport Pôle Web DASI 1.1 Diffusion aux 06/02/2014 C. Vilport

Plus en détail

Création d un site Internet

Création d un site Internet Création d un site Internet Weebly.com Johanne Raymond Collège Lionel Groulx, mai 2010 Service du soutien à l enseignement et Plan de réussite Ouvrir un compte sur Weebly... 1 Modifier le modèle... 2 Ajouter

Plus en détail

Charte graphique 2011

Charte graphique 2011 2011 Charte graphique Sommaire Les couleurs du logo > 4 La Taille minimale d exploitation > 5 l space de protection > 5 Les applications sur fonds > 6 Les interdits > 6 la Typographie d accompagnement

Plus en détail

SARL DDLX Multimédia Place du général de Gaule 34160 Boisseron Tèl :09 7219 85 01 Email : support@ddlx.org. Agence Web. Design Prestashop personnalisé

SARL DDLX Multimédia Place du général de Gaule 34160 Boisseron Tèl :09 7219 85 01 Email : support@ddlx.org. Agence Web. Design Prestashop personnalisé SARL DDLX Multimédia Place du général de Gaule 34160 Boisseron Tèl :09 7219 85 01 Email : support@ddlx.org Agence Web Design Prestashop personnalisé création de boutique en ligne site de présentation site

Plus en détail

NOTICE TELESERVICES : Créer mon compte personnel

NOTICE TELESERVICES : Créer mon compte personnel NOTICE TELESERVICES : Créer mon compte personnel Sommaire Sommaire... 1 Objet de la notice... 1 A qui s adresse cette notice?... 1 Pré-requis... 1 Le guide pas à pas pour créer votre compte personnel...

Plus en détail

EXTENSION WORDPRESS. Contact Form 7. Proposé par :

EXTENSION WORDPRESS. Contact Form 7. Proposé par : Contact Form 7 Proposé par : Sommaire Sommaire... 2 Présentation... 3 I. Le Tutoriel... 3 1) Espace de travail... 3 2) Téléchargez les extensions nécessaires... 3 3) Configuration du Formulaire... 7 1)

Plus en détail

pas à pas prise en main du logiciel Le Cloud d Orange - Transfert de fichiers sur PC et MAC Le Cloud

pas à pas prise en main du logiciel Le Cloud d Orange - Transfert de fichiers sur PC et MAC Le Cloud pas à pas prise en main du logiciel Le Cloud d Orange - Transfert de fichiers sur PC et MAC Le Cloud sommaire installer son logiciel PC : 3-9 / MAC : 15-19 définir ses répertoires à surveiller PC : 10-12

Plus en détail

Inscriptions en ligne

Inscriptions en ligne Inscriptions en ligne 1) Création de votre compte Tout d abord, cliquez sur le lien «inscription» de la page qui apparaît alors à l écran. Une nouvelle page apparaît permettant d entrer les informations

Plus en détail

ERGONOMIE ET OPTIMISATION DU TAUX DE CONVERSION D UN SITE INTERNET Partie 1/2

ERGONOMIE ET OPTIMISATION DU TAUX DE CONVERSION D UN SITE INTERNET Partie 1/2 Lorraine ERGONOMIE ET OPTIMISATION DU TAUX DE CONVERSION D UN SITE INTERNET Partie 1/2 Attirer des visiteurs sur un site internet, c est bien ; les transformer en clients, c est mieux! Cette phrase semble

Plus en détail

Manuel utilisateur Réservation d un Court via Internet. Procédure PC/Tablette/Smartphone

Manuel utilisateur Réservation d un Court via Internet. Procédure PC/Tablette/Smartphone Manuel utilisateur Réservation d un Court via Internet Procédure PC/Tablette/Smartphone Connexion au site ADOC : Allez sur le site : https://adoc.app.fft.fr/adoc/ Entrez votre : Login = login de votre

Plus en détail

Création de maquette web

Création de maquette web Création de maquette web avec Fireworks Il faut travailler en 72dpi et en pixels, en RVB Fireworks étant un logiciel dédié à la création de maquettes pour le web il ne propose que les pixels pour le texte

Plus en détail

INFORMATIONS ET INSTALLATION DU THEME CENATA RESPONSIVE

INFORMATIONS ET INSTALLATION DU THEME CENATA RESPONSIVE INFORMATIONS ET INSTALLATION DU THEME CENATA RESPONSIVE Cenata Responsive à été réalisé par Presta-Theme Contact : webmaster@presta-theme.com Compatibilité PrestaShop : 1.5.x Documentation Prestashop 1.5

Plus en détail

ESPACE COLLABORATIF. L Espace Collaboratif : votre espace de partage entre acteurs régionaux

ESPACE COLLABORATIF. L Espace Collaboratif : votre espace de partage entre acteurs régionaux 1 esante.gouv.fr ESPACE COLLABORATIF L Espace Collaboratif : votre espace de partage entre acteurs régionaux Accessible via le portail esante.gouv.fr, l Espace Collaboratif de l ASIP Santé a pour objectif

Plus en détail

Cette notice d utilisation a pour vocation de vous aider à réserver vos produits sur Dispano.fr en toute simplicité!

Cette notice d utilisation a pour vocation de vous aider à réserver vos produits sur Dispano.fr en toute simplicité! Cette notice d utilisation a pour vocation de vous aider à réserver vos produits sur Dispano.fr en toute simplicité! I. Rechercher une agence Dispano Mode de recherche Fiche Agence II. III. IV. Se rattacher

Plus en détail

LES GRANDES ETAPES DE CREATION D UN WEB DESIGN

LES GRANDES ETAPES DE CREATION D UN WEB DESIGN LES GRANDES ETAPES DE CREATION D UN WEB DESIGN PENSER LA STRUCTURE ET LE THEME DU SITE STRUCTURE ET THEME DU SITE Taille (le site sera-t-il extensible ou fixe?) Organisation Thème Couleurs Illustrations

Plus en détail

Espace Client Aide au démarrage

Espace Client Aide au démarrage Espace Client Aide au démarrage 1. A propos de l Espace Client... 2 a. Nouvelles fonctionnalités... 2 b. Reprise de vos documents... 2 c. Migration vers l Espace Client... 2 2. Accès à l Espace Client...

Plus en détail

Installation et configuration du serveur syslog sur Synology DSM 4.0

Installation et configuration du serveur syslog sur Synology DSM 4.0 Installation et configuration du serveur syslog sur Synology DSM 4.0 Préambule Avoir un NAS équipé avec la version 4.0 ou ultérieure du DSM de Synology. Installation Pour installer le paquet Syslog Server,

Plus en détail

Soyez accessible. Manuel d utilisation du CMS

Soyez accessible. Manuel d utilisation du CMS Soyez accessible. Manuel d utilisation du CMS Nameo : mode d emploi Nameo est une agence web basée en Alsace, à Strasbourg. Son champ d action : création ou refonte de sites internet, stratégie et mise

Plus en détail

Créer une maquette de site Internet

Créer une maquette de site Internet Créer une maquette de site Internet La réalisation d une maquette de site Internet pour un projet nécessite une certaine rigueur, avec le souci du détail. Nous allons voir ici comment utiliser une grille

Plus en détail

Création d un fichier de découpe

Création d un fichier de découpe Création d un fichier de découpe DECOUPE 1 Fichier entièrement vectorisé au format illustrator uniquement Toutes les découpes sont regroupées dans 1 seul fichier.ai.ai 1 seul fichier. ai 800 x 100 mm -

Plus en détail

Les différentes étapes à suivre pour la création d un feuillet

Les différentes étapes à suivre pour la création d un feuillet Les différentes étapes à suivre pour la création d un feuillet Bonjour, L outil de gestion des feuillets permet de manière simple et rapide de gérer à moindre coût votre communication et vos impressions

Plus en détail

Saisissez le login et le mot de passe (attention aux minuscules et majuscules) qui vous ont

Saisissez le login et le mot de passe (attention aux minuscules et majuscules) qui vous ont I Open Boutique Sommaire : I Open Boutique... 1 Onglet «Saisie des Produits»... 3 Création d'une nouvelle fiche boutique :... 3 Création d'une nouvelle fiche lieux de retraits :... 10 Création d'une nouvelle

Plus en détail

EXEMPLE DE PAGE : FORMAT A4 (210X297)

EXEMPLE DE PAGE : FORMAT A4 (210X297) EXEMPLE DE PAGE : FORMAT A4 (210X297) 220 210 Filet noir format réel du document soit 210x297mm Zone Rose Marge intérieure de 5 milimètres ou zone d exclusion qui doit être, si possible vierge de tout

Plus en détail

M1105 Web Design Analyse Sectorielle Sites de grands musées

M1105 Web Design Analyse Sectorielle Sites de grands musées M1105 Web Design Analyse Sectorielle Sites de grands musées Godlewski Louis Fort Hugo 2 Rijksmuseum Flat Design Fonctionnelle Responsive Design - Sobre - Esthétique - Vaste Source d information 3 onglets

Plus en détail

Bailly Pauline Multimédia & Images

Bailly Pauline Multimédia & Images Bailly Pauline Multimédia & Images Université de La Rochelle Licence Professionnelle Création Multimédia 2013/2014 INTRODUCTION Ce rapport présente les travaux effectués au sein de l EC «Données du Multimédia

Plus en détail

FAIRE SES COMPTES AVEC GRISBI

FAIRE SES COMPTES AVEC GRISBI FAIRE SES COMPTES AVEC GRISBI Grisbi est un logiciel de comptabilité personnelle sous licence GPL. (logiciel libre) C est un programme écrit par des français et il respecte parfaitement l'esprit de la

Plus en détail

ASTER et ses modules

ASTER et ses modules ASTER et ses modules Sommaire Caractéristiques du site internet Rubriques et pages... page 3 Actualités... page 3 Agenda... page 4 Sons... page 4 Documents à télécharger... page 4 Liens... page 4 Albums

Plus en détail

GUIDE D UTILISATION LA DEPECHE PREMIUM

GUIDE D UTILISATION LA DEPECHE PREMIUM www.ladepeche.fr/premium GUIDE D UTILISATION LA DEPECHE PREMIUM La version 100% numérique de La Dépêche du Midi 1 Madame, Monsieur, Ce guide a pour objectif de vous accompagner dans la prise en main de

Plus en détail

SERVICE CERTIFICATION DES ÉTABLISSEMENTS DE SANTÉ. Guide utilisateur Compte Qualité dans SARA

SERVICE CERTIFICATION DES ÉTABLISSEMENTS DE SANTÉ. Guide utilisateur Compte Qualité dans SARA SERVICE CERTIFICATION DES ÉTABLISSEMENTS DE SANTÉ Guide utilisateur Compte Qualité dans SARA Novembre 2014 ACC01_T193_A HAS / Service de Certification des Établissements de Santé / Novembre 2014 2 SOMMAIRE

Plus en détail

SITE I NTERNET. Conception d un site Web

SITE I NTERNET. Conception d un site Web SITE I NTERNET Conception d un site Web Conception de votre site Web Préambule Ce document a pour but de donner une méthode de travail afin de réaliser dans les meilleures conditions un site internet.

Plus en détail

Ce document a été créé par SIP19 et fourni gracieusement au réseau associatif sportif scolaire de l USEP.

Ce document a été créé par SIP19 et fourni gracieusement au réseau associatif sportif scolaire de l USEP. Ce document a été créé par SIP19 et fourni gracieusement au réseau associatif sportif scolaire de l USEP. Les éléments de cette charte sont à usage interne ou externe pour création d éléments de communication

Plus en détail

MODE D EMPLOI DU MODULE D E-COMMERCE

MODE D EMPLOI DU MODULE D E-COMMERCE MODE D EMPLOI DU MODULE D E-COMMERCE Cher client, Merci d entrer avec l équipe de Dakota dans l ère novatrice du commerce par internet. Ce document va vous guider dans les diverses opérations relatives

Plus en détail

Guide d'utilisation de la. plate-forme GAR. pour déposer une demande. de Bourse Sanitaire et Sociale

Guide d'utilisation de la. plate-forme GAR. pour déposer une demande. de Bourse Sanitaire et Sociale Guide d'utilisation de la plate-forme GAR pour déposer une demande de Bourse Sanitaire et Sociale Pour déposer une demande de Bourse Sanitaire et Sociale, vous allez vous authentifier sur la plate-forme

Plus en détail

Supervision sécurité. Création d une demande de descente. 13/03/2014 Supervision sécurité Création d'une demande

Supervision sécurité. Création d une demande de descente. 13/03/2014 Supervision sécurité Création d'une demande Supervision sécurité Création d une demande de descente 1 Sommaire I. Connexion II. Création d une demande a. Informations générales b. Localisation c. Formulaire d. Suivi III. Validation 2 I. Connexion

Plus en détail

Guide d aide à la réservation par internet

Guide d aide à la réservation par internet Guide d aide à la réservation par internet Ce document aborde les points suivants : 1. Comment se connecter 2. Créer un compte sur l espace du licencié 3. Comment réserver un court 4. Comment annuler une

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

Formation pour les parents Se familiariser avec la tablette ipad et les applications d apprentissage pour enfants

Formation pour les parents Se familiariser avec la tablette ipad et les applications d apprentissage pour enfants Formation pour les parents Se familiariser avec la tablette ipad et les applications d apprentissage pour enfants 1. Le fonctionnement de base de l ipad 2. Les applications utilitaires 3. Se connecter

Plus en détail

Services bancaires par Internet aux entreprises. Guide pratique pour : Transfert de fichiers Version 08.05.22

Services bancaires par Internet aux entreprises. Guide pratique pour : Transfert de fichiers Version 08.05.22 Services bancaires par Internet aux entreprises Guide pratique pour : Transfert de fichiers Version 08.05.22 Table des matières Introduction...3 Avez-vous besoin d'aide?... 3 Exigences informatiques...

Plus en détail

DAG ADMIN. SOMMAIRE. Vos équipements I - Point de détection II - Caisse a) Caisse

DAG ADMIN. SOMMAIRE. Vos équipements I - Point de détection II - Caisse a) Caisse 1 DAG ADMIN. Vos équipements I - Point de détection II - Caisse a) Caisse SOMMAIRE Personnaliser le fonctionnement de la caisse b) Paramètre Personnaliser l affichage de la caisse Personnaliser l impression

Plus en détail

L essentiel du tableau de bord

L essentiel du tableau de bord Alain Fernandez L essentiel du tableau de bord Méthode complète et mise en pratique avec Microsoft Excel Quatrième édition 7273_.indb 3 04/03/13 17:35 Sommaire Introduction...1 Une méthode en 5 étapes

Plus en détail

Chapitre 22 Optimisation pour diffusion à l'écran, pour le web

Chapitre 22 Optimisation pour diffusion à l'écran, pour le web 1 1 9 9 7 7 Optimisation pour diffusion à l'écran, pour le web Diffusion pour le web........................ 31 Les paramètres avant l exportation................. 31 Optimisation pour le web......................

Plus en détail

Un outil open source de gestion de bibliographies

Un outil open source de gestion de bibliographies Un outil open source de gestion de bibliographies Généralités... 2 Installation... 2 L interface zotero... 2 Ajouter une notice bibliographique manuellement... 4 Modifier ses notices bibliographiques...

Plus en détail

Manuel d utilisation. éstréso Syndicat S C P V C. Saisir les écritures. Version 5.1.14

Manuel d utilisation. éstréso Syndicat S C P V C. Saisir les écritures. Version 5.1.14 éstréso Syndicat Manuel d utilisation Version 5.1.14 S C P V C Saisir les écritures Version 5.1.14 1 Préambule Dans Tréso Syndicat il existe quatre possibilités pour saisir des écritures. - L écriture

Plus en détail

MODELE DE BRIEF AGENCE

MODELE DE BRIEF AGENCE MODELE DE BRIEF AGENCE MODELE DE BRIEF AGENCE Laurie GIACOBI www.my-marketing-manager.com Document à usage professionnel offert par My Marketing Manager. Reproduction et diffusion interdites. Ne peut être

Plus en détail

F.A.Q 1.0 Designer 3D Atex System

F.A.Q 1.0 Designer 3D Atex System -Sommaire- 1-Comment installer le logiciel?...2 2-Comment créer un projet?...3 3-Comment ouvrir un projet?...4 4-Comment se déplacer en 2D & 3D?...5 5-Comment ajouter des composants?...6 1-Comment installer

Plus en détail

Créer un site e-commerce avec Dreamweaver CS4 et PHP/MySQL

Créer un site e-commerce avec Dreamweaver CS4 et PHP/MySQL Créer un site e-commerce avec Dreamweaver CS4 et PHP/MySQL 4 e édition Pearson Education France a apporté le plus grand soin à la réalisation de ce livre afin de vous fournir une information complète et

Plus en détail

Wix : mettre en place un site d e commerce

Wix : mettre en place un site d e commerce Wix : mettre en place un site d e commerce I Préambule Wix (http://fr.wix.com/) est un application web de création de sites web en ligne (mode SaaS Software As A Service). Très puissant, il permet de créer

Plus en détail

Sommaire Table des matières

Sommaire Table des matières Notice de montage 1 Sommaire Table des matières I. Mise en garde... 3 II. Avant de commencer... 4 1. Préparer vos outils... 4 2. Pièces nécessaires pour le montage de votre porte Keritek... 5 III. Étape

Plus en détail

Charte d utilisation de la marque et du logo «Somfy»

Charte d utilisation de la marque et du logo «Somfy» Charte d utilisation de la marque et du logo «Somfy» SOMMAIRE 1/ Le cadre 2/ L utilisation de la marque et du logo «SOMFY» 3/ Les règles d utilisation du logo 4/ La cohabitation avec d autres marques et

Plus en détail

Installation et utilisation de Cobian Backup 8

Installation et utilisation de Cobian Backup 8 Installation et utilisation de Cobian Backup 8 Dernière mise à jour le 25/09/2007 Version utilisée : 8.4.0.198 Version du document : 1.0 Page 1 sur 12 SOMMAIRE 1. Téléchargement 2. Installation 3. Mise

Plus en détail

Guide du site Bmm en ligne

Guide du site Bmm en ligne Guide du site Bmm en ligne page 1 SOMMAIRE I Accès au service page 3 II Menu Consultation page 4 Comptes page 4 Cartes bleues page 5 RIB page 7 Titres page 7 Assurance vie page 11 III Menu Bourse en ligne

Plus en détail

CHARTE. d utilisation de la marque Sage par les partenaires

CHARTE. d utilisation de la marque Sage par les partenaires CHARTE d utilisation de la marque Sage par les partenaires division pme 2010 Sommaire Introduction 3 I. Les marques Sage 4 II. Les logos 6 a. Le logo Sage 7 b. Les logos liés à un agrément 9 c. Les logos

Plus en détail

Guide explicatif de l utilisation. de la plateforme d éducation en ligne (e-learning)

Guide explicatif de l utilisation. de la plateforme d éducation en ligne (e-learning) Guide explicatif de l utilisation de la plateforme d éducation en ligne (e-learning) Afin de mener à bien le déroulement du programme de formation de l IFCET, Al Imtithal for Islamic Finance met à votre

Plus en détail

SYNOLIA LE partenaire à valeur ajoutée de votre relation client

SYNOLIA LE partenaire à valeur ajoutée de votre relation client SYNOLIA LE partenaire à valeur ajoutée de votre relation client SugarCRM Pro version 5 Guide utilisateur Ergonomie Janvier 2008 Préambule Version : SugarCRM version Professional Release 5.0.0 (build 3095)

Plus en détail

1. PRÉSENTATION, CONTEXTE, OBJECTIFS ET CIBLES 1.1 Contexte

1. PRÉSENTATION, CONTEXTE, OBJECTIFS ET CIBLES 1.1 Contexte ZAC Pré Millet 430 rue Aristide Bergès 38330 Montbonnot St Martin Tél 04 76 33 63 63 Fax 04 76 33 63 66 ligue10@handball-france.eu Echirolles, le22 décembre 2014 1. PRÉSENTATION, CONTEXTE, OBJECTIFS ET

Plus en détail

Espace pro. Installation des composants avec Firefox. Pour. Windows XP Vista en 32 et 64 bits Windows 7 en 32 et 64 bits

Espace pro. Installation des composants avec Firefox. Pour. Windows XP Vista en 32 et 64 bits Windows 7 en 32 et 64 bits Espace pro Installation des composants avec Firefox Pour Windows XP Vista en 32 et 64 bits Windows 7 en 32 et 64 bits Version 2.0.3 1 Sommaire 1. Installation du composant de lecture de la carte Vitale

Plus en détail

Créer des documents interactifs

Créer des documents interactifs Créer des documents interactifs 14 Au cours de cette leçon, vous apprendrez à : créer un document en ligne de base ; ajouter des boutons, des transitions de page et des hyperliens ; exporter au format

Plus en détail

Cahier des charges pour la création du site http://jrmasters.univ-toulouse.fr sous DRUPAL

Cahier des charges pour la création du site http://jrmasters.univ-toulouse.fr sous DRUPAL Document à diffusion restreinte Date : janvier 2010, MAJ février 2010 Rédacteurs : CAPLAN Emmanuelle, RAFENOMANJATO Jean Service Communication et Département Formation et Vie Étudiante Établissement :

Plus en détail

Cahier des charges Site Web Page 1 sur 9

Cahier des charges Site Web Page 1 sur 9 Page 1 sur 9 I Présentation de votre structure A Nom et type de la structure Veuillez insérer le nom de votre établissement B Taille de l'entreprise Veuillez insérer le nombre de salariés C Description

Plus en détail

34BGuide de l utilisateur de la boutique en ligne. TAccueil de la boutique e-transco de la Côte-d Or

34BGuide de l utilisateur de la boutique en ligne. TAccueil de la boutique e-transco de la Côte-d Or 34BGuide de l utilisateur de la boutique en ligne TAccueil de la boutique e-transco de la Côte-d Or SOMMAIRE 1. Boutique en ligne : présentation de e-transco 3 1.1. Pourquoi avoir un support clé USB ou

Plus en détail

Magento. Magento. Réussir son site e-commerce. Réussir son site e-commerce BLANCHARD. Préface de Sébastien L e p e r s

Magento. Magento. Réussir son site e-commerce. Réussir son site e-commerce BLANCHARD. Préface de Sébastien L e p e r s Mickaël Mickaël BLANCHARD BLANCHARD Préface de Sébastien L e p e r s Magento Préface de Sébastien L e p e r s Magento Réussir son site e-commerce Réussir son site e-commerce Groupe Eyrolles, 2010, ISBN

Plus en détail

Appel d offres pour l accompagnement du Pôle Fibres Energivie dans la création de son niveau site Internet

Appel d offres pour l accompagnement du Pôle Fibres Energivie dans la création de son niveau site Internet Appel d offres pour l accompagnement du Pôle Fibres Energivie dans la création de son niveau site Internet 1. Contexte 1.1 Les Pôles de compétitivité Ce sont des structures, en général associatives, mises

Plus en détail

Gestion des documents avec ALFRESCO

Gestion des documents avec ALFRESCO Gestion des documents avec ALFRESCO 1 INTRODUCTION : 2 1.1 A quoi sert ALFRESCO? 2 1.2 Comment s en servir? 2 2 Créer d un site collaboratif 3 2.1 Créer le site 3 2.2 Inviter des membres 4 3 Accéder à

Plus en détail

NOTICE DE MISE A JOUR - ODYSSEY

NOTICE DE MISE A JOUR - ODYSSEY NOTICE DE MISE A JOUR - ODYSSEY PREAMBULES 1. Cette mise à jour développée par les ingénieurs de Crosscall est installée à partir d une carte MicroSD. Veuillez donc vous munir d une carte MicroSD avant

Plus en détail

FICHE PRATIQUE N 18 ENVOYER UN EMAILING

FICHE PRATIQUE N 18 ENVOYER UN EMAILING FICHE PRATIQUE N 18 ENVOYER UN EMAILING AVEC MAILCHIMP Etape 1 : MailChimp est un outil gratuit d envoi d emailing. Le site est en anglais, vous pouvez le traduire en effectuant un clic droit et en choisissant

Plus en détail

Guide : Répondre par voie électronique aux Marchés Publics - Version Janvier 2012. Répondre aux marchés publics par voie électronique

Guide : Répondre par voie électronique aux Marchés Publics - Version Janvier 2012. Répondre aux marchés publics par voie électronique Guide Pratique : Répondre aux marchés publics par voie électronique Présentation étape par étape de la réponse aux marchés publics sur les principales plateformes de dématérialisation Edition Janvier 2012

Plus en détail

Utilisation d une tablette numérique

Utilisation d une tablette numérique Utilisation d une tablette numérique Transférer des photos, des vidéos d un ipad vers un ordinateur Sur l ipad vous pouvez capturer des photos et des vidéos à l aide de l appareil photo intégré ou enregistrer

Plus en détail

ACCUEIL - P. 5 DEMANDES DE PAIEMENT - P. 8

ACCUEIL - P. 5 DEMANDES DE PAIEMENT - P. 8 ACCUEIL - P. 5 DEMANDES DE PAIEMENT - P. 8 DEMANDES DE VIREMENT - P. 16 MON COMMERCE - P. 21 UTILISATEURS - P. 27 COMPTABILITÉ - P. 30 PRÉSENTATION www.factobox.com A SAVOIR Depuis 2009, plus de 200 clients

Plus en détail

OPPassessment Guide d utilisateur

OPPassessment Guide d utilisateur OPPassessment Guide d utilisateur SOMMAIRE 1. Se connecter... 3 2. Changer de mot de passe... 5 3. Créer une nouvelle campagne... 7 4. Envoi de questionnaires... 8 5. Commande de rapports à partir d un

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

SITES E COMMERCE : Formulaire à compléter

SITES E COMMERCE : Formulaire à compléter SITES E COMMERCE : Formulaire à compléter Nom de domaine du site 1 Nom de domaine souhaité : 2 Avezvous déjà réservé votre nom de domaine? oui non 3 Si oui : chez quel prestataire estil enregistré? quels

Plus en détail

NOTICE TELESERVICES : Demander un état hypothécaire

NOTICE TELESERVICES : Demander un état hypothécaire NOTICE TELESERVICES : Demander un état hypothécaire Sommaire Sommaire... 1 Objet de la notice... 1 A qui s adresse cette notice?... 1 Pré-requis... 2 Le guide pas à pas pour faire une demande d état hypothécaire...

Plus en détail

Logiciels de gestion sur mesure Etude et développement. Logiciel de suivi des évènements indésirables dans les établissements hospitaliers

Logiciels de gestion sur mesure Etude et développement. Logiciel de suivi des évènements indésirables dans les établissements hospitaliers Logiciels de gestion sur mesure Etude et développement VIGITRACE Logiciel de suivi des évènements indésirables dans les établissements hospitaliers VIGITRACE Page 2 1. Préambule Le logiciel «Vigitrace»

Plus en détail

Planète Multimédia. Voici le logo qu il faut choisir : et tapez sur puis acceptez.

Planète Multimédia. Voici le logo qu il faut choisir : et tapez sur puis acceptez. Notre Geocaching avec Pour votre Smartphone android voici une bonne apps (application). Testée sur le parcours de notre géocaching avec de très bons résultats. Pour l installer sur votre Smartphone allez

Plus en détail

Manuel d utilisation de la plate-forme de gestion de parc UCOPIA. La mobilité à la hauteur des exigences professionnelles

Manuel d utilisation de la plate-forme de gestion de parc UCOPIA. La mobilité à la hauteur des exigences professionnelles Manuel d utilisation de la plate-forme de gestion de parc UCOPIA La mobilité à la hauteur des exigences professionnelles 2 Manuel d utilisation de la plate-forme de gestion de parc UCOPIA 1 Table des matières

Plus en détail

Création de site Internet avec Jimdo

Création de site Internet avec Jimdo Création de site Internet avec Jimdo Ouvrez votre navigateur internet ou Internet Explorer ou Mozilla Firefox Rendez vous sur la page http://fr.jimdo.com/ voici ce que vous voyez. 1=> 2=> 1. Le nom que

Plus en détail

Tel : +32.2.478.29.38 Fax : +32.2.478.56.40

Tel : +32.2.478.29.38 Fax : +32.2.478.56.40 MAFACT SPRL Avenue de l Araucaria, 108 1020 Bruxelles Belgique Tel : +32.2.478.29.38 Fax : +32.2.478.56.40 Http : www.mafact.com Email : sales@mafact.com Tab lle des mat iières Table des matières... 2

Plus en détail

PLATEFORME ANTI-CORRUPTION AU CAMEROUN

PLATEFORME ANTI-CORRUPTION AU CAMEROUN PLATEFORME ANTI-CORRUPTION AU CAMEROUN MANUEL DE L UTILISATEUR Version 1.0 Copyright 2013 FODER - CAMEROUN 1 1. Table des matières 1. Table des matières... 2 2. Introduction... 3 3. La page principale

Plus en détail

Les journaux, suivi des flux financiers

Les journaux, suivi des flux financiers Fiche 5 LE PORTAIL DES EEDF FLUX FINANCIERS, COMPTES BANCAIRES ET COMPTABILITE Groupes Le portail assiste chaque structure dans la gestion de ses éléments financiers. Il permet de suivre les échanges financiers

Plus en détail

Diffuser un contenu sur Internet : notions de base... 13

Diffuser un contenu sur Internet : notions de base... 13 Diffuser un contenu sur Internet : notions de base... 13 1.1 Coup d œil sur l organisation de cet ouvrage.............. 15 Préambule : qu est-ce qu une page web?................ 16 À propos du HTML...........................

Plus en détail

TIC INFORMATIQUE Ce que je dois retenir

TIC INFORMATIQUE Ce que je dois retenir TIC INFORMATIQUE Ce que je dois retenir 6 ème Synthèse N 1 Rappel : - L informatique est un outil utilisé dans toutes les matières, et est présente, de plus en plus, dans les foyers. - Les compétences

Plus en détail

JAHIA 6. Création et modification de sites web UniNE

JAHIA 6. Création et modification de sites web UniNE JAHIA 6 Création et modification de sites web UniNE Janvier 2012 TABLE DES MATIÈRES 1 MODIFIER UN SITE : PRINCIPES DE BASE... 1 1.1 ADMINISTRATEUR DU SITE... 1 1.2 LOGIN (AUTHENTIFICATION)... 1 2 LES

Plus en détail

Création du site internet [insérez le nom de votre site]

Création du site internet [insérez le nom de votre site] Création du site internet [insérez le nom de votre site] Cahier des charges 1. [Insérez le nom de votre société]... 3 2. Le projet... 4 3. Les prestations attendues... 5 4. Les fonctionnalités du futur

Plus en détail

I. Se connecter sur : http://www.chiens-de-france.com

I. Se connecter sur : http://www.chiens-de-france.com MODE D EMPLOI 1 SOMMAIRE I. Se connecter sur : http://www.chiens-de-france.com...3 II. Créez votre site internet sur chiens-de-france.com...4 A. Validation des sites...5 Options des sites...5 Dressage...5

Plus en détail

Projet en nouvelles technologies de l information et de la communication

Projet en nouvelles technologies de l information et de la communication Projet en nouvelles technologies de l information et de la communication Site Web universitaire du Prof. Jacques Moeschler. Nono Steeve Semestre de printemps 2013 Sous la direction du Prof Luka Nerima

Plus en détail

Sommaire. 1/ Grille. 2/ Specs globales. 3/ Specs HP. 4/ Specs Questions. 5/ Specs Offre. 6/ Specs Faq. 7/ Comportements interactifs

Sommaire. 1/ Grille. 2/ Specs globales. 3/ Specs HP. 4/ Specs Questions. 5/ Specs Offre. 6/ Specs Faq. 7/ Comportements interactifs Sommaire 1/ Grille 2/ Specs globales 3/ Specs HP 4/ Specs Questions 5/ Specs Offre 6/ Specs Faq 7/ Comportements interactifs 1/ Grille et breakpoints Desktop :

Plus en détail

Manuel d utilisation Mailchimp

Manuel d utilisation Mailchimp Manuel d utilisation Mailchimp Sommaire I) L onglet «My Account»... 2 Pour gérer vos utilisateurs... 3 Pour gérer votre facturation et vos abonnements... 3 II) L onglet «Campaigns»... 4 Les différents

Plus en détail

Guide de prise en main rapide

Guide de prise en main rapide Guide de prise en main rapide 2014 TechSmith Corporation. Tous droits réservés. 1 Guide de prise en main rapide Snagit on Windows, version 12.0 Capture d écran dans Snagit Une capture d écran est un cliché

Plus en détail

Les 10 étapes incontournables pour réaliser un site internet performant et accessible

Les 10 étapes incontournables pour réaliser un site internet performant et accessible COMITÉ DE COMMUNICATION DE L AOMF FICHE-CONSEIL N 2 Les 10 étapes incontournables pour réaliser un site internet performant et accessible Les 10 étapes que vous retrouvez ci-dessous peuvent faire partie

Plus en détail

Construction d un Site Internet Dynamique avec Joomla René-Yves Hervé, Ph.D.

Construction d un Site Internet Dynamique avec Joomla René-Yves Hervé, Ph.D. Construction d un Site Internet Dynamique avec Joomla René-Yves Hervé, Ph.D. TABLE DES MATIÈRES I. Présentation de Joomla II. III. IV. Documents disponibles Installation de Joomla 3.1) Installation sur

Plus en détail