Normes graphiques / Sigma Assistel / Site Internet version 1.0 /

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

Download "Normes graphiques / Sigma Assistel / Site Internet version 1.0 / 12.11.03"

Transcription

1 version 1.0 /

2 CHOIX DE LANGUE / MESURES & GABARIT NORMES GRAPHIQUES & TYPOGRAPHIQUES 131 pixels La largeur totale du gabarit est de, 2

3 A ENTÊTE ET MENUS / MESURES & GABARIT NORMES GRAPHIQUES & TYPOGRAPHIQUES RUBAN D'ENTÊTE 21 pixels 100 pixels 142 pixels 19 pixels 2 pixels 17 pixels MENU SEULEMENT 19 pixels La largeur totale du gabarit est de, NORMES GRAPHIQUES ET TYPOGRAPHIQUES SPÉCIFIQUES À L'ENTÊTE (RUBAN D'ENTÊTE, MENU PRINCIPAL ET SOUSMENU): Ruban d'entête Typo "off" Typo "on" Menu principal Niveau 01 Typo "off" Typo "on" Background "off" Background "on" Filet Sousmenu Niveaux 02 et 03 Typo "off" Typo "on" Background "off" Background "on" Verdana, 11 px Verdana, 11 px Verdana bold, 11 px Verdana bold, 11 px Verdana bold, 10 px Verdana bold, 10 px #FFFFFF (blanc) #EAC451 (orangé) #E5B42B (orangé foncé) #FFFFFF (blanc) #536CA5 (bleu) #EAC451 (orangé) Items séparés par un point "image" / Aligné à droite avec l'image CMS disponible à créer Image La petite flèche est blanche La petite flèche devient noire à créer à créer 3

4 B ACCUEIL / MESURES & GABARIT NORMES GRAPHIQUES & TYPOGRAPHIQUES 142 pixels 78 pixels 62 pixels 10 pixels 108 pixels 20 pixels Bloc promotionnel Possibilité d'y insérer des images ou gif animé. Sa hauteur est extensible en fonction de l'information qui y est présentée. À ce niveauci, celui se positionne à la même hauteur que le titreimage. Une marge de 20 pixels entre les différents blocs est aussi suggérée. La largeur totale du gabarit est de, 150 pixels pixels En tête Vous référer à la page A01 pour un devis tehcnique plus détaillé NORMES GRAPHIQUES ET TYPOGRAPHIQUES SPÉCIFIQUES À LA PAGE D'ACCUEIL: Hyperlien dans le texte Titres "image" Soustitre 1 Soustitre 2 Recherche Filet pointillé "image" Texte ruban de bas de page Hyperliens ruban de bas de page Arial bold, 14 px Image Voir spécifications page "GImages" CMS disponible Filet contour 1px / / image en arrière plan Image Voir spécifications page "GImages" Centré sur la largeur totale du gabarit de CMS / Centré sur la largeur totale du gabarit de / 4

5 C NIVEAU 01 / MESURES & GABARIT NORMES GRAPHIQUES & TYPOGRAPHIQUES 142 pixels 78 pixels 88 pixels 10 pixels La largeur totale du gabarit est de, 150 pixels pixels NORMES GRAPHIQUES ET TYPOGRAPHIQUES SPÉCIFIQUES AUX PAGES DE NIVEAUX 01 AVEC BLOC TEXTE: Hyperlien dans le texte Titre "image" niveau 1 Soustitre 1 Fil d'ariane Texte ruban de bas de page Hyperliens ruban de bas de page Titre bloc communication Texte bloc communication Arial bold, 14 px Image Voir spécifications page "GImages" CMS disponible CMS / Centré sur la largeur totale du gabarit de CMS / Centré sur la largeur totale du gabarit de / Possibilité d'y insérer une image pour chapeauter le texte Voir spécifications page "GImages" Chaque point est suivi d'un saut de ligne pour séparer les textes 5

6 D NIVEAU 02, 03 ET 04 AVEC BLOC TEXTE OU PHOTO / MESURES & GABARIT NORMES GRAPHIQUES & TYPOGRAPHIQUES 142 pixels 2 lignes d'espace avant le soustitre 1 1 ligne d'espace après le soustitre 1 1 ligne d'espace après le soustitre 2 Bloc de communication Sa hauteur est extensible en fonction de l'information qui y est présentée. Positionnement logique des images par rapport au texte. L'alignement est centré 150 pixels pixels La largeur totale du gabarit est de, NORMES GRAPHIQUES ET TYPOGRAPHIQUES SPÉCIFIQUES AUX PAGES DE NIVEAUX 02, 03 ET O4 AVEC BLOC TEXTE OU PHOTO: Titre niveau 02 et plus Hyperlien dans le texte Liens rapides Soustitre 1 Soustitre 2 Titre bloc communication Texte bloc communication Arial, 24 px Arial bold, 14 px CMS disponible CMS disponible / 1 ligne d'espace entre les titres ou soustitres et leur texte 1 ligne d'espace entre les titres ou soustitres et leur texte Image Voir spécifications page "GImages" Possibilité d'y insérer une image pour chapeauter le texte Voir spécifications page "GImages" 6

7 E POUR NOUS JOINDRE / MESURES & GABARIT NORMES GRAPHIQUES & TYPOGRAPHIQUES 574 pixels 2 37 pixels 289 pixels NORMES GRAPHIQUES ET TYPOGRAPHIQUES SPÉCIFIQUES À LA PAGE POUR NOUS REJOINDRE: Titres "image" Soustitre 1 Étiquette Filet contour Arial bold, 14 px Image Voir spécifications page "GImages" CMS disponible L'étiquette se positionne toujours audessus des champs 1 pixel 7

8 F PAGE D'ERREUR / MESURES & GABARIT NORMES GRAPHIQUES & TYPOGRAPHIQUES 131 pixels 32 pixels 1 espace à partir du texte le plus long La largeur totale du gabarit est de, 52 pixels 272 pixels 102 pixels 272 pixels 52 pixels NORMES GRAPHIQUES ET TYPOGRAPHIQUES SPÉCIFIQUES AUX PAGES D'ERREURS: Hyperlien dans le texte Lien rapide 8

9 G IMAGES / 1.0 & 2.0 MESURES & GABARIT NORMES GRAPHIQUES & TYPOGRAPHIQUES 9

Charte webdesign des sous-sites de la Communauté française de Belgique. ISA 1.0 - DCP&P ETNIC l

Charte webdesign des sous-sites de la Communauté française de Belgique. ISA 1.0 - DCP&P ETNIC l Charte webdesign des sous-sites de la Communauté française de Belgique 1 ISA 1.0 - DCP&P ETNIC l Introduction Nous vous présentons ici des solutions techniques afin d intégrer les sites satellites de la

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. 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

Option du thème. Naxialis Thèmes wordpress Professionnels. Le panneau «thème option» 1. Onglet «générale»

Option du thème. Naxialis Thèmes wordpress Professionnels. Le panneau «thème option» 1. Onglet «générale» Option du thème Le panneau «thème option» 1. Onglet «générale» - Insertion Image ou logo avec aperçu. - Réglage de la hauteur de l entête. (header) - Réglage de la marge supérieur et de gauche du logo

Plus en détail

Site internet du Canton de Vaud Charte graphique

Site internet du Canton de Vaud Charte graphique Site internet du Canton de Vaud Charte graphique Bureau d information Introduction Pourquoi une identité graphique? But de la charte graphique Page accueil : Description Les accès L actualité Chapitre

Plus en détail

Charte graphique VILLE D ANDENNE. Juin 2008

Charte graphique VILLE D ANDENNE. Juin 2008 Charte graphique VILLE D ANDENNE Juin 2008 SOMMAIRE LOGOTYPE version 1 version 2 version 3 PAPETERIE typographie en-tête de lettre suite courrier carte de visite carton compliments enveloppes entête fax

Plus en détail

I. Mise en page I.4. Onglet «En-tête / Pied de page» (2/4) I. Mise en page I.4. Onglet «En-tête / Pied de page» (3/4)

I. Mise en page I.4. Onglet «En-tête / Pied de page» (2/4) I. Mise en page I.4. Onglet «En-tête / Pied de page» (3/4) Présentation Excel 3 Mise en page de documents Excel Sandra Michelet Département Informatique Pédagogique Université Stendhal, Grenoble III I.1.Onglet «Page» Fichier / Mise en page Échelle : Intérêt :

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

Le tableur de la suite Open Office

Le tableur de la suite Open Office Le tableur de la suite Open Office Open Office est une suite bureautique qui comporte traitement de texte, tableur, Présentation Assistée par Ordinateur (PréAO), dessin et édition de pages Web au format

Plus en détail

CHARTE GRAPHIQUE. Bijoux précieux pour femme unique

CHARTE GRAPHIQUE. Bijoux précieux pour femme unique CHARTE GRAPHIQUE LOGOS : Le logo a été créé à partir de la typo Google Font libre de droit Parisienne vectorisée et le dessin d une chaînette avec anneaux, rappelant les colliers «prénom» très en vogue

Plus en détail

Logotype CHARTE GRAPHIQUE DES CONCILIATEURS DE JUSTICE

Logotype CHARTE GRAPHIQUE DES CONCILIATEURS DE JUSTICE CHARTE GRAPHIQUE DES CONCILIATEURS DE JUSTICE En réponse à une forte demande de la part des conciliateurs de Justice, Conciliateur de France a souhaité homogénéiser l'image véhiculée par les conciliateurs

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

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

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

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

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

Support Gestionnaire pour les nouvelles versions CPM (outil Drupal) Télésanté Aquitaine

Support Gestionnaire pour les nouvelles versions CPM (outil Drupal) Télésanté Aquitaine Support Gestionnaire pour les nouvelles versions CPM (outil Drupal) Objet du document Ce document a pour but d'apporter des éléments de support au gestionnaire des nouvelles communautés de pratiques médicales.

Plus en détail

JUMIA CHARTE GRAPHIQUE

JUMIA CHARTE GRAPHIQUE JUMIA CHARTE GRAPHIQUE SOMMAIRE 1. Le logotype 2. Visuels Onsite 1. Présentation... 4 1. Présentation... 9 2. Colorimétrie... 5 2. Sliders... 11 3. Intégration... 6 3. Main floors... 13 4. Autres usages

Plus en détail

Application du guide méthodologique 2010 avec Microsoft Word 2010

Application du guide méthodologique 2010 avec Microsoft Word 2010 Fanny Gravel Marie-Josée Tondreau Septembre 2010 Table des matières Comment lire ce guide... 3 A. Sélectionner le papier.... 3 B. Modifier les marges.... 5 C. Sélectionner la police et la taille des caractères....

Plus en détail

C H A R T E G R A P H I Q U E

C H A R T E G R A P H I Q U E CHARTE GRAPHIQUE LOGOTYPE Présentation Le logotype est le centre et le fondement de cette charte graphique. Son design, ses proportions, sa base-line et ses couleurs ne sont ni modifiables ni interchangeables

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

www.ligue.fft.fr/yvelines Charte graphique 2013

www.ligue.fft.fr/yvelines Charte graphique 2013 www.ligue.fft.fr/yvelines Charte graphique 2013 A nouvelle dynamique, nouveau logo La symbolique du logo Le graphisme : Une balle en mouvement laissant son empreinte dans la terre battue, enjambant la

Plus en détail

Image Illustrations Insertion Image

Image Illustrations Insertion Image EMBELLIR Insérer une image Vous pouvez insérer une image en cliquant sur le bouton "Image" situé dans le groupe "Illustrations" (onglet "Insertion"). En cliquant sur "Image", vous ouvrirez une fenêtre

Plus en détail

Les Tableaux sous Word

Les Tableaux sous Word Les Tableaux sous Word Comme pour les images, la sélection d un tableau ouvre un menu contextuel qui va s adresser au tableau. Ce menu "les outils du tableau" propose 2 onglets, Création et Disposition.

Plus en détail

Charte graphique d utilisation du visuel

Charte graphique d utilisation du visuel Charte graphique d utilisation du visuel ^drfclrj^qflk= Collectif régional en formation agricole Montérégie, secteur Est Mars 2012 Le Collectif régional en formation agricole de la Montérégie, secteur

Plus en détail

Photofiltre : premières retouches d'images

Photofiltre : premières retouches d'images Photofiltre : premières retouches d'images Niveau débutant Niveau intermédiaire Niveau confirmé PhotoFiltre est un logiciel de retouche d images, libre et gratuit, très complet. Il permet d effectuer des

Plus en détail

Charte Graphique des Conciliateurs de justice par CdF. Logotype. Bloc-marque

Charte Graphique des Conciliateurs de justice par CdF. Logotype. Bloc-marque Charte Graphique des Conciliateurs de justice par CdF En réponse à une forte demande de la part des Conciliateurs de Justice, Conciliateur de France a souhaité homogénéiser l'image véhiculée par les Conciliateurs

Plus en détail

Préface 3. Conventions typographiques... 3 Feedback... 4. Introduction 5. Se familiariser avec l'interface de SiteBuilder 6. Créer un site Web 8

Préface 3. Conventions typographiques... 3 Feedback... 4. Introduction 5. Se familiariser avec l'interface de SiteBuilder 6. Créer un site Web 8 Parallels Panel Table des matières Préface 3 Conventions typographiques... 3 Feedback... 4 Introduction 5 Se familiariser avec l'interface de SiteBuilder 6 Créer un site Web 8 Editer un site Web 9 Utiliser

Plus en détail

identification visuelle

identification visuelle Simplifiées identification visuelle table des matières Les armoiries Le symbole, explication et description L identification visuelle, les couleurs Les normes de proximité, zone de protection Les restrictions,

Plus en détail

PLAN DE FORMATION MODULO

PLAN DE FORMATION MODULO PLAN DE FORMATION MODULO Sommaire Plan de formation Modulo...1 Création des pages Sections Menus...2 Exercices :...3 Création du contenu - Menu Pages (GDA)...3 Les différentes options d un document...5

Plus en détail

Atelier d introduction à l informatique Dates : les 19, 20 et 21 août 2008 Heures : de 9h à 10h30 Local : A5.25

Atelier d introduction à l informatique Dates : les 19, 20 et 21 août 2008 Heures : de 9h à 10h30 Local : A5.25 Page 1 /8 Atelier d introduction à l informatique Dates : les 19, 20 et 21 août 2008 Heures : de 9h à 10h30 Local : A5.25 Section 1 Utilisation de l ordinateur Identification de l utilisateur o Ctrl+alt+suppr

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

Charte graphique P a r i s - s o r b o n n e

Charte graphique P a r i s - s o r b o n n e Charte graphique P a r i s - S o r b o n n e 1 Sommaire Logo...3 Couleurs...4 Typographie...6 Construction de la couverture et du dos...7 Animation graphique des pages intérieures...10 2 LOGO... Version

Plus en détail

Worldsoft CMS Méga Menu. Avec le Méga Menu du Worldsoft CMS, vous pouvez créer des menus de navigation.

Worldsoft CMS Méga Menu. Avec le Méga Menu du Worldsoft CMS, vous pouvez créer des menus de navigation. 1 Mega Menu Avec le du Worldsoft CMS, vous pouvez créer des menus de navigation. Vous pouvez mettre en place autant de menus que vous le désirez et les adapter graphiquement. Avec votre propre contenu

Plus en détail

CHARTE GRAPHIQUE CHARTE GRAPHIQUE. Xxxxxxx. Xxxxxxxxxxxx

CHARTE GRAPHIQUE CHARTE GRAPHIQUE. Xxxxxxx. Xxxxxxxxxxxx Xxxxxxxxxxxx Xxxxxxx CHARTE GRAPHIQUE 1 Sommaire Positionnement du site Ce site se veut élégant, sobre et adapté aux professionnels ciblés par son ergonomie simple et efficace. Il met en avant les produits

Plus en détail

Ministère de la Culture

Ministère de la Culture La Charte Graphique http://www.culture.fr ou http://www.culture.gouv.fr Levallois, mai 1998 Mai 1998 01 Déclinaison Mai 1998 02 Glossaire et typographies GLOSSAIRE : corps de le typo c minuscules majuscules

Plus en détail

ADOBE MUSE. Création de votre premier site Web

ADOBE MUSE. Création de votre premier site Web ADOBE MUSE Création de votre premier site Web Table des matières Chapitre 1 Installation du logiciel et configuration de l exemple de projet Création d une carte de site Modification du gabarit A Définition

Plus en détail

Charte graphique. Charte graphique

Charte graphique. Charte graphique Charte graphique Charte graphique Février 2012 Sommaire - Charte graphique AMU 2 2 Sommaire 3 logotype de l université d aix-marseille // Argumentaire 4 logotype de l université d aix-marseille // Condition

Plus en détail

CHARTE GRAPHIQUE 2TIWA2

CHARTE GRAPHIQUE 2TIWA2 CHARTE GRAPHIQUE PLACEBO Brian. Molko Miu Jennifer 2TIWA2 1 Sommaire I. Univers Graphique Introduction II. Famille Chromatique Nuance dominante Justification III. Typographie Menu Titre - Légende Contenu

Plus en détail

Application du guide méthodologique 2012 avec OpenOffice Writer

Application du guide méthodologique 2012 avec OpenOffice Writer Fanny Gravel Marie-Josée Tondreau Mai 2013 Table des matières Comment lire ce guide... 3 A. Sélectionner le papier.... 3 B. Modifier les marges.... 5 C. Sélectionner la police et la taille des caractères....

Plus en détail

Tableaux et champs. AutoCad. Emmanuelle Menny 27/01/2011

Tableaux et champs. AutoCad. Emmanuelle Menny 27/01/2011 Tableaux et champs AutoCad Emmanuelle Menny 27/01/2011 Contenu Les tableaux, création et styles... 3 Création... 3 Insérer un bloc dans une cellule de tableau... 8 Insérer une formule dans une cellule...

Plus en détail

Guide graphique. www.ber r yprovince.co m. www.berryprovince.com

Guide graphique. www.ber r yprovince.co m. www.berryprovince.com Guide graphique www.ber r yprovince.co m ryprovince.com 2 Sommaire Le logo Le logo La typographie La chromie Environnement chromatique p.4 p.5 p.6 p.7 p.8 La papeterie Tête et suite de lettre Carte de

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

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

Première Professionnelle - Td traitement de texte n 1. Table des matières

Première Professionnelle - Td traitement de texte n 1. Table des matières Première Professionnelle - Td traitement de texte n 1 Table des matières Exercice 1 Mise en forme...1 1-Mettre en forme des titres...1 1.1-Principe des styles de paragraphe...1 2-Utilisation des styles...2

Plus en détail

charte graphique mars 2012

charte graphique mars 2012 charte graphique mars 2012 Fraternité Cohésion Cohérence Dynamisme Enthousiasme Sérieux charte graphique sommaire 1. le logotype du PCD 2. le logotype décliné 3. le logotype baseline 4. le logotype couleurs

Plus en détail

TOUT SUR LES TABLEAUX

TOUT SUR LES TABLEAUX TOUT SUR CONSTRUIRE UN TABLEAU - A l'aide de l'icône "Insérer un tableau" Positionner le curseur à l'endroit où vous souhaitez insérer votre tableau. Cliquer sur l'icône et maintenir le bouton de la souris

Plus en détail

Introduction aux feuilles de styles

Introduction aux feuilles de styles Introduction aux feuilles de styles 1. Introduction Cette technologie a été introduite par Microsoft avec la version 3.0 (1996) avec pour but de modifier le contenu d'une page par une grande variété d'effets

Plus en détail

03.1/ couvertures catalogue général

03.1/ couvertures catalogue général 0./ couvertures général .. / Couvertures général / présentation Présentation La couverture Elle se compose d une têtière comprenant le filet arrondi et le logotype Hager placé en haut de la page, d une

Plus en détail

identité visuelle et charte graphique groupe et filiales

identité visuelle et charte graphique groupe et filiales identité visuelle et charte graphique groupe et filiales partie A attributs de la marque Les essentiels de la charte LES ATTRIBUTS DE LA MARQUE GROUPE et de ses filiales Face à la pluralité de notre offre,

Plus en détail

Réalisation d'une brochure PDF en A4 avec SCRIBUS

Réalisation d'une brochure PDF en A4 avec SCRIBUS Réalisation d'une brochure PDF en A4 avec SCRIBUS 1/ planifier son travail quelle cible en terme de population? quelle format? quelle sortie? Écran, print N&B, couleur... s'inspirer de brochures publicitaires,

Plus en détail

CHARTE GRAPHIQUE. Couleurs. L identité visuelle et la présente charte ont été créées par WnG Solutions SA. Direction et coordination:

CHARTE GRAPHIQUE. Couleurs. L identité visuelle et la présente charte ont été créées par WnG Solutions SA. Direction et coordination: Couleurs CHARTE GRAPHIQUE L identité visuelle et la présente charte ont été créées par WnG Solutions SA. Direction et coordination: Passage St-François 9 CH-1003 Lausanne Tél: +41 21 320 11 11 Fax: +41

Plus en détail

Annexe unique. Guide d utilisation de la Boucle papiers

Annexe unique. Guide d utilisation de la Boucle papiers Annexe unique Guide d utilisation de la Boucle papiers ECOFOLIO NOVEMBRE 2012 ------------------------------------------- INFORMATIONS LÉGALES La Boucle papiers est une marque déposée et protégée par le

Plus en détail

Guide de base WordPress

Guide de base WordPress Guide de base WordPress Pour créer et gérer votre blogue ou site Internet 1- La création du blogue Wordpress Créez votre propre compte Wordpress.com en quelques secondes. C est gratuit. Entrez cette adresse

Plus en détail

Gestion des cadres de texte... 3. Gestion des WordArts... 21. Gestion des images et des Cliparts... 31. Gestion des Tableaux... 51

Gestion des cadres de texte... 3. Gestion des WordArts... 21. Gestion des images et des Cliparts... 31. Gestion des Tableaux... 51 Exercices Publisher MERCI DE LAISSER CE LIVRET DANS LA SALLE. Exercices Publisher Décembre 2001 Gestion des cadres de texte... 3 Marina (1)...4 Palmier (1)...6 Titanic (1)...8 Mon Mail (1)...14 Air France

Plus en détail

Domaine B4 : Réaliser des documents destinés à être imprimés.

Domaine B4 : Réaliser des documents destinés à être imprimés. Domaine B4 : Réaliser des documents destinés à être imprimés. Item B44: Intégrer les informations (images, fichiers, graphiques,...). Item B46: Créer des schémas (formes géométriques avec texte, traits,

Plus en détail

Introduction À Excel. Chapitre 1

Introduction À Excel. Chapitre 1 Chapitre 1 Introduction À Excel Qu est-ce qu un tableur? Démarrer Excel La fenêtre Excel Ouvrir et enregistrer un classeur Entrer des étiquettes et des valeurs Nommer et déplacer une feuille Mise en page

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

CHARTE GRAPHIQUE WEB

CHARTE GRAPHIQUE WEB CHARTE GRAPHIQUE WEB v e r s i o n 1. 0 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é

Plus en détail

Elaboration de mise en page HTML en utilisant le CSS et les DIV avec Dreamweaver

Elaboration de mise en page HTML en utilisant le CSS et les DIV avec Dreamweaver Elaboration de mise en page HTML en utilisant le CSS et les DIV avec Dreamweaver Les bonnes pratiques du concepteur web moderne requièrent l usage des CSS pour la réalisation des mises en page. Les mises

Plus en détail

IDENTITÉ VISUELLE FÉDÉRATION FRANÇAISE DE FOOTBALL AMÉRICAIN

IDENTITÉ VISUELLE FÉDÉRATION FRANÇAISE DE FOOTBALL AMÉRICAIN IDENTITÉ VISUELLE FÉDÉRATION FRANÇAISE DE FOOTBALL AMÉRICAIN LE LOGOTYPE Le logotype / LA NOUVELLE IDENTITÉ VISUELLE Chaque année, la FFFA voit son nombre de licenciés et de clubs augmenter. Pour marquer

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

Créer un tableau avec LibreOffice / Calc

Créer un tableau avec LibreOffice / Calc Créer un tableau avec LibreOffice / Calc Réaliser des tableaux LibreOffice / Calc permet de créer des tableaux facilement en utilisant les cellules. En premier lieu, il faut prévoir le nombre de colonnes

Plus en détail

Étiquettes Personnalisés Windows

Étiquettes Personnalisés Windows Étiquettes Personnalisés Windows Pour ouvrir le module de fabrication d'étiquettes vous devez double cliquer sur l'icône suivante : Premièrement, il faut créer un nouveau projet. Pour ce faire, vous devez

Plus en détail

WORD 2010 - INTRODUCTION

WORD 2010 - INTRODUCTION WORD 2010 - INTRODUCTION 1. FENETRE PRINCIPALE Les différents modes d affichage Il existe 5 modes d affichage d un document. Leurs commandes sont présentes à l onglet Affichage, dans le groupe «Affichages

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

Sélectionner les cellules à copier Cliquer sur copier Cliquer dans la première cellule de destination Menu Edition / Collage spécial

Sélectionner les cellules à copier Cliquer sur copier Cliquer dans la première cellule de destination Menu Edition / Collage spécial Collage spécial Sélectionner les cellules à copier Cliquer sur copier Cliquer dans la première cellule de destination Menu Edition / Collage spécial Définir le type de collage à réaliser Transposé : inverse

Plus en détail

ETAPE 1 : PAGE D ACCUEIL

ETAPE 1 : PAGE D ACCUEIL SEANCE 3 : CREATION DES PREMIERES PAGE - TABLEAUX ETAPE 1 : PAGE D ACCUEIL Ta page d'accueil inclut ta présentation personnelle: ton nom, ta photo, ta classe. L'entête de la page d'accueil sera formé de

Plus en détail

Fiche n 1 Interface & Prise en main de Scribus

Fiche n 1 Interface & Prise en main de Scribus Fiche n 1 Interface & Prise en main de Scribus Table des matières 1- Quelques conseils en P.A.O...1 1.1- La mise en page...1 1.2- Les formats de fichiers...1 1.3- Le travail collaboratif...1 1.4- La sauvegarde

Plus en détail

Les aides de TheBookEdition.com. La mise en page. (Temps de réalisation : 10 à 15 minutes)

Les aides de TheBookEdition.com. La mise en page. (Temps de réalisation : 10 à 15 minutes) Les aides de TheBookEdition.com La mise en page (Temps de réalisation : 10 à 15 minutes) Comment réussir une belle mise en page? Il existe un grand nombre de mises en pages. Vous trouverez dans ce document

Plus en détail

A imprimer sur une feuille blanche

A imprimer sur une feuille blanche A imprimer sur une feuille blanche A imprimer sur une feuille verte A imprimer sur une feuille orange A imprimer sur une feuille bleue A imprimer sur une feuille rouge A imprimer sur une feuille jaune

Plus en détail

dans les films de l OFAJ

dans les films de l OFAJ 1. Logo Intro et typographie dans les films de l OFAJ Janvier 2012 1 Sommaire 1. Structure des films aperçu 3 2. Eléments graphiques des films 4 3. Intro et titre 5 4. Conception des titres 6 5. Transition

Plus en détail

Création de site Web à l aide de l outil SimpliSite

Création de site Web à l aide de l outil SimpliSite Centre de documentation sur l éducation des adultes et la condition féminine (CDÉACF) Création de site Web à l aide de l outil SimpliSite Par François Dallaire CDÉACF Décembre 2006 Création de site Web

Plus en détail

NORMES GRAPHIQUES. Le Logotype. Le logotype est composé de la typographie «PROVINCE de NAMUR» et de l emblème.

NORMES GRAPHIQUES. Le Logotype. Le logotype est composé de la typographie «PROVINCE de NAMUR» et de l emblème. NORMES GRAPHIQUES Le Logotype Le logotype est composé de la typographie «PROVINCE de NAMUR» et de l emblème. NORMES GRAPHIQUES Le Logotype Couleurs 1 ROUGE Pantone 179 C0 M100 J100 N20 R192 V4 B24 #c00c1d

Plus en détail

Ligne graphique web UNIL

Ligne graphique web UNIL Ligne graphique web UNIL pour les sites web institutionnels Jahia Centre informatique UNIL - version 2.0 - octobre 2015 1 Principe de fonctionnement général 2 Ligne graphique 1er niveau menu: max. 11 pages

Plus en détail

gamme des numéros de la relation client

gamme des numéros de la relation client gamme des numéros de la relation client guide graphique N Azur guide graphique guide graphique guide graphique guide graphique guide graphique guide sommaire introduction introduction déclinaisons des

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

Préface unifrance unifrance unifrance Le logotype La papeterie Les typographies Les modèles d utilisation unifrance unifrance unifrance

Préface unifrance unifrance unifrance Le logotype La papeterie Les typographies Les modèles d utilisation unifrance unifrance unifrance charte graphique 6 mars 2006 Projet Préface Le présent manuel est destiné à tous les collaborateurs d unifrance. Il présente le logotype, l environnement dans lequel il doit évoluer, tous les paramètres

Plus en détail

Créer un site Web personnel

Créer un site Web personnel Créer des sites Web personnels 1 Créer un site Web personnel Dans ce projet, nous expliquerons comment créer de toutes pièces un site Web personnel. Nous en profiterons pour vous fournir quelques astuces

Plus en détail

Valérie PIERRE Marco CUCCHI Jean-Baptiste PRESSAC Danielle SCHIBLER. Juin 2009

Valérie PIERRE Marco CUCCHI Jean-Baptiste PRESSAC Danielle SCHIBLER. Juin 2009 1 Valérie PIERRE Marco CUCCHI Jean-Baptiste PRESSAC Danielle SCHIBLER Juin 2009 Sommaire 1 La logique des groupes 5 1.1 Le groupe institutionnel 5 1.2 Le groupe scientifique (instituts) 6 1.3 Les sites

Plus en détail

Charte Graphique 1 Octobre 2010

Charte Graphique 1 Octobre 2010 Charte Graphique 1 Octobre 2010 Charte Graphique 1- Le Logo Couleurs utilisées avec références colorimétriques Espace de respiration et tailles minimum Déclinaisons en noir et blanc Déclinaisons et variantes

Plus en détail

Application du guide méthodologique 2010 avec Word : Mac 2008

Application du guide méthodologique 2010 avec Word : Mac 2008 Fanny Gravel Marie-Josée Tondreau Septembre 2010 Table des matières Comment lire ce guide... 3 A. Sélectionner le papier.... 3 B. Modifier les marges.... 5 C. Sélectionner la police et la taille des caractères....

Plus en détail

Formation SAP BI Webi R4

Formation SAP BI Webi R4 Formation SAP BI Webi R4 08/10/2014 Integrated Business intelligence 1 Programme Introduction au Web Intelligence Démarrage de Web Intelligence (webi) Requêtes Exercice Rapport Exercice Barre d'outils

Plus en détail

Lancer Publisher 2013 9. Quitter Publisher 2013 10. Description de l écran 10. Utiliser/gérer le ruban 12. Découvrir l onglet FICHIER 14

Lancer Publisher 2013 9. Quitter Publisher 2013 10. Description de l écran 10. Utiliser/gérer le ruban 12. Découvrir l onglet FICHIER 14 Généralités Lancer Publisher 2013 9 Quitter Publisher 2013 10 Description de l écran 10 Utiliser/gérer le ruban 12 Découvrir l onglet FICHIER 14 Annuler les dernières manipulations 15 Rechercher de l aide

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

CRÉATION D UNE PAGE WEB GUIDE DE L ÉLÈVE

CRÉATION D UNE PAGE WEB GUIDE DE L ÉLÈVE CRÉATION D UNE PAGE WEB GUIDE DE L ÉLÈVE Ce projet est divisé en 3 parties. Dans cette première partie, tu apprendras comment te servir du logiciel Microsoft Office SharePoint Designer 2007 Étape 1 : Dans

Plus en détail

.. CSS. Damien Nouvel. Damien Nouvel (Inalco) CSS 1 / 15

.. CSS. Damien Nouvel. Damien Nouvel (Inalco) CSS 1 / 15 .. CSS Damien Nouvel Damien Nouvel (Inalco) CSS 1 / 15 Feuilles de styles Plan 1. Feuilles de styles 2. Sélecteurs 3. Attributs Damien Nouvel (Inalco) CSS 2 / 15 Feuilles de styles Déportation des styles

Plus en détail

INTRANET CHARTE GRAPHIQUE DES INTRANETS JUIN. Mélanie TETART DIRECTION DES TECHNOLOGIES R ESPONSABLE DES P ROJETS W EBDESIGN

INTRANET CHARTE GRAPHIQUE DES INTRANETS JUIN. Mélanie TETART DIRECTION DES TECHNOLOGIES R ESPONSABLE DES P ROJETS W EBDESIGN INTRANET CHARTE GRAPHIQUE DES INTRANETS JUIN 2006 DIRECTION DES TECHNOLOGIES Mélanie TETART R ESPONSABLE DES P ROJETS W EBDESIGN 01 40 39 63 28 - melanie.tetart@bfbp.banquepopulaire.fr 2 Sommaire OBJECTIFS

Plus en détail

1.0 Composition du logo

1.0 Composition du logo Annexe 1 1.0 Composition du logo L espace à respecter entre le symbole et le bloc texte Cégep de Sainte-Foy correspond à la ligne tracée entre la pointe supérieure droite du symbole et la pointe inférieure

Plus en détail

Comment mettre en page votre livre

Comment mettre en page votre livre GUIDE - ImprimermonLivre.com Comment mettre en page votre livre www.imprimermonlivre.com 1 V. 20131125 Conseils pour la mise en page de votre ouvrage L objectif de ce guide est de vous aider à réaliser

Plus en détail

Drupal 8 Découverte des fondamentaux

Drupal 8 Découverte des fondamentaux Chapitre 1 : Le CMS Drupal A. Créer des sites web avec des CMS 11 B. Choisir Drupal 11 1. Drupal le CMS majeur 11 2. Les points forts de Drupal 12 C. Concevoir son projet 12 D. De la conception à la production

Plus en détail

PREFACE. Pourquoi un nouveau logo? Et les établissements et services?

PREFACE. Pourquoi un nouveau logo? Et les établissements et services? PREFACE L identité visuelle d une organisation, ou la mise en scène de son logo, est un vecteur important de communication. C est la première image que les interlocuteurs ont de vous. Dans ce domaine,

Plus en détail

Commandes de Word 2011 (menus, barres d outils, ruban) 1

Commandes de Word 2011 (menus, barres d outils, ruban) 1 Activer le mode plein Menu affichage > Activer le mode écran écran plein écran adresses de s (ignorer les adresses Internet et les adresses de s) orthographe> case à cocher ignorer les adresses Internet

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

Créer des tableaux. Définir un style de tableau PRATIQUE. AutoCAD 2005

Créer des tableaux. Définir un style de tableau PRATIQUE. AutoCAD 2005 AutoCAD 2005 Créer des tableaux Un tableau est un cadre dans lequel des données texte peuvent être disposées en colonnes et en rangées. Ses propriétés, mémorisées dans un style, lui permettent de pouvoir

Plus en détail

Stage «Créer et animer un site Web en équipe»

Stage «Créer et animer un site Web en équipe» Stage «Créer et animer un site Web en équipe» EREA Jean Isoard - Montgeron Jour 1 21/12/2012 Réaliser un site web Pour quoi faire? Publier sur le Web réaliser un journal en ligne (blog) écrire une ou plusieurs

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

MÉTRONIMO QUIZ. Manuel d utilisation. Version 3.70. Logiciel développé par David Graton. Copyright 2010 metronimo.com

MÉTRONIMO QUIZ. Manuel d utilisation. Version 3.70. Logiciel développé par David Graton. Copyright 2010 metronimo.com MÉTRONIMO QUIZ Version 3.70 Manuel d utilisation Logiciel développé par David Graton Copyright 2010 metronimo.com 1. Accueil La page d accueil permet de choisir le nombre de joueurs et les options du jeu.

Plus en détail

Tanitjobs le portail Tunisien de l'emploi

Tanitjobs le portail Tunisien de l'emploi Tanitjobs le portail Tunisien de l'emploi Sommaire 1 2 4 Dimensions et découpes Typographie Contenu Structure des pages 2 NOUVELLE INSCRIPTION 1 Dimensions et découpes Cette section présente, pour chaque

Plus en détail

Plan de la formation (1)

Plan de la formation (1) Plan de la formation (1) 1. Présentations, attentes et besoins 2. Contexte de la formation 3. Objectifs 4. Quelques rappels (commandes de base) 5. Démonstrations et expérimentation de commandes avancées

Plus en détail