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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

La construction d une identité visuelle commune est une étape déterminante pour assurer visibilité et crédibilité à notre action.

La construction d une identité visuelle commune est une étape déterminante pour assurer visibilité et crédibilité à notre action. PREAMBULE L Unapei a décidé de changer de charte graphique afin d améliorer la cohérence visuelle du mouvement associatif. Elle a proposé aux associations régionales et départementales d utiliser cette

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

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

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

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

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

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

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

Charte graphique 1/25

Charte graphique 1/25 Ce document est la base de référence de l'univers graphique de la société Aegis Consulting. Il sert de ligne de conduite en interne comme en externe pour représenter la marque, en lui associant une image

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

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

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

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

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

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

Guide de l outil de configuration JavaScript

Guide de l outil de configuration JavaScript Guide de l outil de configuration JavaScript Sélection des catégories Sélectionnez les catégories que vous désirez et appuyez sur la flèche appropriée pour les ajouter à votre alignement. Veuillez noter

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

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

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

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

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

SITE WEB Service Client. Charte graphique et technique

SITE WEB Service Client. Charte graphique et technique Service Client Charte graphique et technique 1 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...

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

FORMATION INDESIGN. > possibilité d'installer des polices dans dossier local FONTS

FORMATION INDESIGN. > possibilité d'installer des polices dans dossier local FONTS FORMATION INDESIGN Exercice 1 - Carte de visite - créer un document de 90x55mm horizontal marges 5mm fond perdu 5mm Fond - rectangle jusqu'aux bords du fond perdu - palette nuancier contour [sans] = transparent

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

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

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

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

Guide d utilisation amateur

Guide d utilisation amateur Guide d utilisation amateur du logo de la Semaine de la solidarité internationale - 1 - 1 I QUATRE USAGES DU LOGO IDENTIFIÉS Dans un souci de lisibilité et de visibilité de l événement, la coordination

Plus en détail

Cahier des normes graphiques Édition 2010

Cahier des normes graphiques Édition 2010 Cahier des normes graphiques Édition 2010 cnrs I Cahier des normes graphiques I Édition 2010 P. 02 Au moment où le CNRS se dote d'un plan stratégique à l'horizon 2020 et d'une nouvelle organisation, il

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

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

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

Troisième projet Scribus

Troisième projet Scribus Sommaire 1. Réponse à la question du deuxième projet... 2 2. Présentation du projet... 2 2.1. Organiser son travail... 2 3. Réalisation... 2 3.1. Préparation du texte... 2 3.1.1. Les styles «Dys»... 3

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

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

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

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

Initiation WORD. Module 4 : La mise en page d un document

Initiation WORD. Module 4 : La mise en page d un document Initiation WORD. Module 4 : La mise en page d un document 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 13 Avant

Plus en détail

Charte graphique. Principes et utilisation du logotype MESHS septembre 2013. Contact : communication@meshs.fr

Charte graphique. Principes et utilisation du logotype MESHS septembre 2013. Contact : communication@meshs.fr Charte graphique Principes et utilisation du logotype MESHS septembre 2013 Contact : communication@meshs.fr www.meshs.fr Maison européenne des sciences de l homme et de la société - MESHS 2, rue des Canonniers

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

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

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

Système de Gestion de Contenu

Système de Gestion de Contenu Système de Gestion de Contenu un site web? facile! Sommaire 1 - Présentation 3 2 - Installation 6 3 - Interface de Gestion de Contenu 3.1 - Présentation générale 10 3.2 - Administration 15 3.3 - Menus

Plus en détail

RECOMMANDATION GRAPHIQUE

RECOMMANDATION GRAPHIQUE RECOMMANDATION GRAPHIQUE L O G O T Y P E Présentation La renaissance de la marque VIGNAL dans un contexte nouveau a nécessité la reprise de son identité visuelle. Ce nouveau logo se caractérise par la

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

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

Guide des normes graphiques

Guide des normes graphiques Guide des normes graphiques Table des matières Mot de la directrice générale 1 L identification visuelle page 04 1.1 La sémiologie page 05 1.2 Les composantes page 06 2 L identification officielle page

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

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

CHARTE D IDENTITÉ GRAPHIQUE

CHARTE D IDENTITÉ GRAPHIQUE CHARTE D IDENTITÉ GRAPHIQUE LE LOGOTYPE Réservé à la promotion touristique du Bassin d Arcachon pour le SIBA. CODE COULEUR : Les réfèrences de la typographie : Quadri : C=100 / M=70 / J=0 / N=0 Pantone

Plus en détail

Feuille de style sous open office.

Feuille de style sous open office. Feuille de style sous open office. Une feuille de style permet de mettre en page un cours, un exposé ou un rapport en lui gardant la même présentation du début à la fin. Elle se programme avant de taper

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

É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

Réalisation de quelques pages Web / Activités et travaux d'élèves

Réalisation de quelques pages Web / Activités et travaux d'élèves Réalisation de quelques pages Web / Activités et travaux d'élèves Principe : Il s'agit de réaliser avec Dreamweaver qautre pages web (donc au format Html, hypertexte Markup Language) et les lier entre

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

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

LE LOGOTYPE. LE LOGOTYPE - La construction. Le logotype en quadrichromie. La grille de construction du logotype

LE LOGOTYPE. LE LOGOTYPE - La construction. Le logotype en quadrichromie. La grille de construction du logotype CHARTE GRAPHIQUE LE LOGOTYPE LE LOGOTYPE - La construction Le logotype en quadrichromie Penser, agir et dire Depuis sa création en 1981, Fert s est illustrée par sa discrétion. Porteuse des valeurs humanistes

Plus en détail

Charte graphique v.5 Proposée par jedorspaslanuit.com

Charte graphique v.5 Proposée par jedorspaslanuit.com Charte graphique v.5 Proposée par jedorspaslanuit.com Identité globale - Structure du logo Différentes versions du logo Marges de sécurité & tailles minimales autorisées 3 Une nouvelle identité Un nouveau

Plus en détail

Guide 2015 site web classique L édition de site

Guide 2015 site web classique L édition de site Guide 2015 site web classique L édition de site L interface d édition Navigation... 03 Langue... 04 Thèmes... 05 Options... 06 Aperçu... 07 Paramètres de page... 08 Partage sur les médias sociaux... 09

Plus en détail

Créer des étiquettes avec les adresses d'un tableau Calc

Créer des étiquettes avec les adresses d'un tableau Calc Créer des étiquettes avec les adresses d'un tableau Calc Il faudra au préalable avoir déjà créé le tableau contenant les adresses avec Calc. Il y a trois étapes différentes pour réaliser des étiquettes

Plus en détail

FICHE 36 : INSERER UNE IMAGE ET LA MODIFIER

FICHE 36 : INSERER UNE IMAGE ET LA MODIFIER FICHE 36 : INSERER UNE IMAGE ET LA MODIFIER 1. INSERER UNE IMAGE CLIPART DANS UN DOCUMENT - Positionner le pointeur à l endroit où l on veut insérer l image. - Insertion / Image / Images clipart. Ou ouvrir

Plus en détail

Charte graphique LOUVAIN COOPÉRATION FÉVRIER 2013

Charte graphique LOUVAIN COOPÉRATION FÉVRIER 2013 Charte graphique LOUVAIN COOPÉRATION FÉVRIER 2013 Charte graphique LOUVAIN COOPÉRATION Cette charte graphique se veut la plus simple possible et donc la plus souple à utiliser. Il s agit d indiquer les

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

Word 2010 Expert Préparation à l'examen Microsoft Office Specialist (77-887)

Word 2010 Expert Préparation à l'examen Microsoft Office Specialist (77-887) Introduction Qu est-ce que la certification Microsoft Office Specialist? 11 Quels sont les intérêts de la certification? 11 Comment se passe un examen? 12 Comment réussir à l examen? 12 Et après? 12 Et

Plus en détail

TICE & C2i /// Domaine D3 TD Produire, traiter, exploiter et diffuser des documents numériques à l'aide d'un traitement de texte

TICE & C2i /// Domaine D3 TD Produire, traiter, exploiter et diffuser des documents numériques à l'aide d'un traitement de texte TICE & C2i /// Domaine D3 TD Produire, traiter, exploiter et diffuser des documents numériques à l'aide d'un traitement de texte Sources Version 1.2 David DA COSTA Ingénieur d Études Lille 1 Conditions

Plus en détail

CLARISWORKS 5. ÉTAPE 1 Créer un document. Lancer l application. (Windows 95 ou 98) Créer un document en utilisant le traitement de texte

CLARISWORKS 5. ÉTAPE 1 Créer un document. Lancer l application. (Windows 95 ou 98) Créer un document en utilisant le traitement de texte ÉTAPE 1 Créer un document Lancer l application Mettre l ordinateur en route. Double cliquer sur l icône ClarisWorks 5 qui se trouve sur le bureau ou cliquer sur Démarrer Programmes ClarisWorks5 Vous arrivez

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

Support Web Administration et gestion des portails web des facultés - Université A.Mira Béjaia -

Support Web Administration et gestion des portails web des facultés - Université A.Mira Béjaia - UVERSITE A. MIRA - BEJAIA Support Web Administration et gestion des portails web des facultés - Université A.Mira Béjaia - Prise en main de CMS Joomla Exploitation des ressources Recommandations et Règles

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

www.imprimermonlivre.com

www.imprimermonlivre.com 0 www.imprimermonlivre.com Composition d une couverture avec Word L objectif de ce guide est de vous proposer un mode opératoire pour créer une couverture avec Word. Nous vous rappelons toutefois que Word

Plus en détail

Logo 01. Symbolique du logo

Logo 01. Symbolique du logo Charte graphique Sommaire 01. Logo 02. Utilisations du logotype : recommandations 03. Interdits 04. Univers typographique 05. Références couleurs 06. Zone de protection du logo 07. Oblique 08. Utilisations

Plus en détail

TP Réaliser un dépliant publicitaire

TP Réaliser un dépliant publicitaire TP Réaliser un dépliant publicitaire Enfin un peu de pratique! Si besoin est, toutes les techniques utilisées seront expliquées en détail dans la correction. Nettoyez vos souris, faites craquer vos doigts

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

1. CRÉATION DE LA SECTION

1. CRÉATION DE LA SECTION I ENRICHISSEMENT DU DOCUMENT LONG 1 Word est notamment devenu, au fil du temps, un des meilleurs outils actuels pour écrire un livre ; cependant, les méthodes à utiliser diffèrent sensiblement de celles

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

LE RUBAN onglet Microsoft Office 2007 WORD

LE RUBAN onglet Microsoft Office 2007 WORD LE RUBAN onglet Microsoft Office 2007 WORD Introduction Pages Page de garde Une page de garde est une page d'introduction à un document. Il suffit que vous ajustez les titres et quelques options pour avoir

Plus en détail