KOMPOZER CRÉER UNE PAGE WEB AVEC KOMPOZER. Qu est ce que le langage HTML? Qu est ce que Kompozer?

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

Download "KOMPOZER CRÉER UNE PAGE WEB AVEC KOMPOZER. Qu est ce que le langage HTML? Qu est ce que Kompozer?"

Transcription

1 KOMPOZER Qu est ce que le langage HTML? Qu est ce que Kompozer? Les écrans de Kompozer Créer une page Le corps Insérer du texte Insérer de l image Insérer des liens Insérer des ancres Insérer des tableaux Insérer des cadres Publier son site

2 0 Qu est ce que le langage HTML? HTML : HyperText Markup Langage Structure d un fichier HTML (d une page web) : <!-- DATE DE CREATION: 18/03/ > <HTML> Commentaires <HEAD> <TITLE></TITLE> <META NAME="Description" CONTENT=""> <META NAME="Keywords" CONTENT=""> <META NAME="Author" CONTENT=«test"> <META NAME="Generator" CONTENT="WebExpert"> </HEAD> En-tête «méta données» Fichier <BODY> Bonjour! </BODY> </HTML> données Corps

3 0 Qu est ce que le langage HTML? Données intra-balises et de description générale <TABLE WIDTH=50% BORDER=1 ALIGN="CENTER" BGCOLOR="#00FF00" BORDERCOLOR="#808080"> <TR> <TD ALIGN="JUSTIFY" VALIGN="MIDDLE">DESS</TD> <TD ALIGN="JUSTIFY" VALIGN="MIDDLE">MONTAGNE</TD> </TR> <TR> <TD ALIGN="JUSTIFY" VALIGN="MIDDLE">OPTION</TD> <TD ALIGN="JUSTIFY" VALIGN="MIDDLE">WEB</TD> </TR> </TABLE> <BODY BGCOLOR="#808080" TEXT="#000080" LINK="#FF0000" VLINK="#00FF00" ALINK="#800000"> <FONT FACE="Dauphin" COLOR="#FFFFFF">Allo maman bobo</font> </BODY>

4 0 Qu est ce que le langage HTML? Le HTML n est pas un langage de programmation, c est un simple fichier texte contenant des balises de mise en forme. Balises simples : <BR> <P> Balises de mise en forme de texte ou d image : UNE BALISE DE MISE EN FORME OUVERTE <> DOIT TOUJOURS ETRE FERMEE </> <b>bravo</b> <i>bravo</i> <center><b>bravo</b></center> <TABLE> <HTML> Balises de structures imbriquées : <TR> <TD></TD> <TD></TD> </TR> <TR> <TD></TD> <TD></TD> </TR> </TABLE> <HEAD> </HEAD> <BODY> </BODY> </HTML>

5 1 Qu est ce que Kompozer? Logiciel de création de pages html (type Dreamweaver, Golive ) Outil WYSIWYG : what you see is what you get composition visuelle du résultat sans avoir à programmer directement sur les lignes de code Outil gratuit et Open source (anciennement NVU) complet pour la création et la gestion de sites Internet Téléchargement et liens utiles en français :

6 2 Les écrans de Kompozer Fenêtre de travail LANCER KOMPOZER Changement de mode de création

7 2 Les écrans de Kompozer 3 possibilités d affichage de la page sous Kompozer : Conception : visualisation de type navigateur Mixte : type navigation + code source de la zone de travail Source :UniquementlecodesourceHTMLdetoute la page Il est souvent pratique de vérifier certaines caractéristiques directement sur le code source

8 3 Créer une page Le corps On commence par gérer en amont les caractéristiques de base de la page : les couleurs de fonds, de texte : c est le corps (body) Menu FORMAT Couleurs et fonds de page On gère également les métadonnées qui seront inscrites dans les premières lignes de codes (et recherchées par les moteurs) : titre, auteur Menu FORMAT Titre et propriétés de la page

9 4 Insérer du texte Tout simplement écrire dans la fenêtre de travail Sélectionner le texte Lui donner des caractéristiques Menu FORMAT Pour tester des paragraphes : utiliser le faux texte «bolo bolo» (Lorem Ipsum) Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.

10 5 Insérer de l image Menu INSERTION Image Attention à bien vérifier l emplacement de l image : il faut structurer son site web avec des répertoires et des sous-répertoires propres qui seront transférés intégralement sur serveur Attention aux noms des images

11 6 Insérer des liens Menu INSERTION Lien Penser à spécifier la fenêtre et le cadre ATTENTION : Kompozer ne sait pas générer des pages de cadre, il faut le programmer avant

12 7 Insérer des ancres Une ancre permet de faire un lien à l intérieur d une page pour aller directement vers une position pointée Générer une page avec suffisamment de texte Commencer par créer l endroit ciblé dans le texte Menu INSERTION Ancre Puis sélectionner le mot qui pointera vers l ancre Menu INSERTION Lien Liste déroulante : #nom de l ancre Lien vers ancre Ancre

13 8 Insérer des tableaux 90% de la mise en page d une page Internet est réalisée sous forme de tableau. Il faut s habituer à structurer toute son information (texte, images ) sous forme de tableaux imbriqués et mis en page Menu INSERTION Tableau

14 9 Insérer des cadres Kompozer ne sait pas générer des cadres (frames), c est-à-dire des pages composées de plusieurs pages. Il faut le faire via un autre outil (traitement de texte par exemple) <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title>exemple de frames</title> </head> <frameset rows="185,*" cols="*" framespacing="0" frameborder="no" border="0"> <frame src="bandeau.html" name="haut" scrolling="auto" noresize="noresize" id="topframe" title="topframe" /> <frameset rows="*" cols="204,*" framespacing="0" frameborder="no" border="0"> <frame src="menu.html" name="menu" scrolling="auto" noresize="noresize" id="leftframe" title="leftframe" /> <frame src="corps.html" name="corps" scrolling="auto" id="mainframe" title="mainframe" /> </frameset> </frameset> <noframes><body> </body> </noframes></html> Bandeau.html corps.html Voici un exemple de page HTML composée de 3 fichiers montés en cadre

15 10 Publier son site Plusieurs solutions pour publier son site : Générer directement sa page web sur un serveur d accueil gratuit (type Google site), dans le même principe que la gestion de blog Créer sa page personnelle chez soi et la transférer chez un hébergeur via des outils de type ftp (avec les abonnements Internet ou téléphone le prestataire propose souvent de l espace disque pour page Internet) Avoir son propre serveur Se faire connaitre : Acheter son propre nom de domaine Se déclarer aux moteurs de recherche Se faire des liens «amis»

Guide des normes d identification visuelle UN OUTIL POUR FAIRE NOTRE MARQUE

Guide des normes d identification visuelle UN OUTIL POUR FAIRE NOTRE MARQUE Guide des normes d identification visuelle UN OUTIL POUR FAIRE NOTRE MARQUE Le logo d Agropur a fait l objet d un rajeunissement en 2004 pour souligner les 65 ans d existence de la Coopérative. Les composantes

Plus en détail

CAHIER DE NORMES GRAPHIQUES. Décembre 2010

CAHIER DE NORMES GRAPHIQUES. Décembre 2010 CAHIER DE NORMES GRAPHIQUES Décembre 2010 Table des matières 1. MISE EN SITUATION 1.1 Présentation de la MCA - Sénégal 1.2 Pourquoi un cahier de normes 1.3 Lexique 2. PRÉSENTATION DU LOGO 2.1 Signification

Plus en détail

Guide des normes graphiques de l identité visuelle

Guide des normes graphiques de l identité visuelle Guide des normes graphiques de l identité visuelle Septembre 2013 Introduction Le mandat de ce guide de normes graphiques consiste à établir certaines règles afin d assurer le bon usage de l identité visuelle

Plus en détail

Le Retraitement des Dispositifs Médicaux à Usage unique

Le Retraitement des Dispositifs Médicaux à Usage unique Le Retraitement des Dispositifs Médicaux à Usage unique Dr Ralf BERSCHEID, Chief Operating Officer, VANGUARD 30 Mars 2012 1 Le Groupe Vanguard >1.000 clients dans 15 pays Création en 1998 Croissance rapide

Plus en détail

CHARTE D IDENTITÉ VISUELLE

CHARTE D IDENTITÉ VISUELLE CHARTE D IDENTITÉ VISUELLE SOMMAIRE 1. INTRODUCTION... Page 3 2. LE LOGO... Page 4 2.1 Logo République et canton de Genève... Page 4 2.2 Couleurs du logo... Page 5 2.3 Taille du logo... Page 6 2.4 Déclinaison

Plus en détail

Cartes commerciales 8,5x5,4 cm Cartes publicitaires Cartes postales Cartes de correspondance Cartes prestige vernis sélectif Cartes PVC 500 microns

Cartes commerciales 8,5x5,4 cm Cartes publicitaires Cartes postales Cartes de correspondance Cartes prestige vernis sélectif Cartes PVC 500 microns SOMMAIRE Cartes commerciales 8,5x5,4 cm 4 Cartes publicitaires 6 Cartes postales 8 Cartes de correspondance 10 Cartes prestige vernis sélectif 12 Cartes PVC 500 microns 14 Cartes texturées papiers de création

Plus en détail

PLATEFORME GRAPHIQUE INSTITUT DU NOUVEAU MONDE

PLATEFORME GRAPHIQUE INSTITUT DU NOUVEAU MONDE PLATEFORME GRAPHIQUE INTRODUCTION 01 Ce guide de normes a pour but d assurer à l Institut du nouveau monde une image uniforme et puissante, de communiquer la cohérence des gestes, des services et des politiques

Plus en détail

CHARTE GRAPHIQUE Septembre 2009

CHARTE GRAPHIQUE Septembre 2009 CHARTE GRAPHIQUE Septembre 2009 1 1_1 2 UN CHANGEMENT D IDENTITÉ POUR PLUS DE VISIBILITÉ. MIEUX COMMUNIQUER POUR FÉDÉRER. Aujourd hui en pleine expansion, le réseau Polytech a choisi de changer d identité

Plus en détail

Identité Action Logement Charte graphique mode d emploi

Identité Action Logement Charte graphique mode d emploi Identité Action Logement Charte graphique mode d emploi Un système graphique performant et élégant est nécessaire pour garantir une communication efficace et maîtrisée. De nombreuses informations sont

Plus en détail

UNITED NATIONS EDUCATIONAL, SCIENTIFIC AND CULTURAL ORGANIZATION CONVENTION CONCERNING THE PROTECTION OF THE WORLD CULTURAL AND NATURAL HERITAGE

UNITED NATIONS EDUCATIONAL, SCIENTIFIC AND CULTURAL ORGANIZATION CONVENTION CONCERNING THE PROTECTION OF THE WORLD CULTURAL AND NATURAL HERITAGE World Heritage Distribution limited 26 BUR WHC-02/CONF.201/INF.4 Paris, 25 February 2002 Original : English/French UNITED NATIONS EDUCATIONAL, SCIENTIFIC AND CULTURAL ORGANIZATION CONVENTION CONCERNING

Plus en détail

Déléguez votre gestion de documents Quelles sont vos attentes? 2 Comment optimiser l organisation de mon entreprise et accroître la productivité de mes collaborateurs? Pierre, Directeur Général 3 Stéphanie,

Plus en détail

Éco-Communication. E c. Pistes et outils d améliorations environnementales pour la conception et la réalisation de publications et de manifestations.

Éco-Communication. E c. Pistes et outils d améliorations environnementales pour la conception et la réalisation de publications et de manifestations. Éco-Communication Vers une communication plus ÉCO-RESPONSABLE E c o Pistes et outils d améliorations environnementales pour la conception et la réalisation de publications et de manifestations. Cet ouvrage

Plus en détail

Notre identité visuelle. Guide des normes graphiques. Dernière mise à jour : 2015-09

Notre identité visuelle. Guide des normes graphiques. Dernière mise à jour : 2015-09 Notre identité visuelle Guide des normes graphiques Dernière mise à jour : 2015-09 Introduction Le mandat de ce guide de normes graphiques consiste à établir les règles afin d assurer le bon usage de l

Plus en détail

Bienvenue au 15e Moot Scout Mondial 2017 en Islande

Bienvenue au 15e Moot Scout Mondial 2017 en Islande n 1 juillet 2015 Le 15e Moot Scout Mondial 2017 Bienvenue au 15e Moot Scout Mondial 2017 en Islande Les elfes et trolls font partie de l héritage de la mythologie islandaise. Les trolls islandais ont l

Plus en détail

LIVRE BLANC RÉDIGER POUR LE WEB

LIVRE BLANC RÉDIGER POUR LE WEB 86, rue de la Ville en Pierre - 44000 NANTES Tél.: 02 40 37 01 77 - Fax : 02 40 37 01 84 info@creasit.fr - www.creasit.fr LIVRE BLANC RÉDIGER POUR LE WEB Ce document est la propriété exclusive de Creasit

Plus en détail

02/2011. charte graphique d arte pour le print

02/2011. charte graphique d arte pour le print 02/2011 charte graphique d arte pour le print C o r p o r at e d e s i g n P r i n t 5 C H A R T E G R A P H I Q U E 50 PA P E T E R I E D E N T R E P R I S E 78 E X E M P L E S D A P P L I C AT I O N

Plus en détail

Etat du Valais - Charte graphique

Etat du Valais - Charte graphique Etat du Valais - Charte graphique Principes et méthodologie LE LOGOTYPE LES IMPRIMÉS ADMINISTRATIFS LES PRÉSENTATIONS ÉLECTRONIQUES (POWERPOINT) LES PUBLICATIONS DE L ETAT LA SIGNALÉTIQUE DES BÂTIMENTS

Plus en détail

Bien assurer. ses biens immobiliers PRO. PORTRAIT Paul Jorion, un homme de tête au sein d un groupe

Bien assurer. ses biens immobiliers PRO. PORTRAIT Paul Jorion, un homme de tête au sein d un groupe 63 PRO Hebdo gratuit et indépendant de l assurance www.pro.news-assurances.com MARCHÉ IMMOBILER Bien assurer ses biens immobiliers Quid actum sit in caelo ante diem III idus Octobris anno nouo, initio

Plus en détail

INFO. Nouvelles. Réforme des polices N 210. Le ministre de l'intérieur lève le voile lors d'une conférence de presse!

INFO. Nouvelles. Réforme des polices N 210. Le ministre de l'intérieur lève le voile lors d'une conférence de presse! Numéro 1344 17 mai 2001 N 210 Réforme des polices INFO Nouvelles NOUVELLE TENUE, CARTE DE LÉGITIMATION, STRIPING VÉHICULE ET STYLE MAISON: Le ministre de l'intérieur lève le voile lors d'une conférence

Plus en détail

MANUCURE LA REVOLUTION COLOREDTM. www.colored.fr P A R I S. Colored Paris contact@colored.fr. Contact Presse presse@colored.fr 06.35.55.71.

MANUCURE LA REVOLUTION COLOREDTM. www.colored.fr P A R I S. Colored Paris contact@colored.fr. Contact Presse presse@colored.fr 06.35.55.71. Colored Paris contact@colored.fr Contact Presse presse@colored.fr 06.35.55.71.50 Contact Profetionnel pro@colored.fr www.colored.fr LA REVOLUTION MANUCURE 2013 COLOREDTM P A R I S LA REVOLUTION EST EN

Plus en détail

Normes d utilisation des identificateurs visuels

Normes d utilisation des identificateurs visuels August 2007 Natation Canada est fière de vous présenter le Manuel d utilisation des identificateurs visuels de Natation Canada. Nous encourageons chacune de nos associations provinciales et nombreux clubs

Plus en détail

Bien encaisser en ligne 1. Panorama des moyens de paiement 2. Le point sur la fraude. Club PME 2.0 22/10/2012 @awtbe Damien Jacob

Bien encaisser en ligne 1. Panorama des moyens de paiement 2. Le point sur la fraude. Club PME 2.0 22/10/2012 @awtbe Damien Jacob Bien encaisser en ligne 1. Panorama des moyens de paiement 2. Le point sur la fraude Club PME 2.0 22/10/2012 @awtbe Damien Jacob Plan A. Les différents moyens d encaisser en ligne I. Paiement en direct

Plus en détail

Manuel d aide à l utilisation de la charte graphique Inserm

Manuel d aide à l utilisation de la charte graphique Inserm Manuel d aide à l utilisation de la charte graphique Inserm 1 Une charte pour quoi? La charte graphique de l Inserm est un outil qui invite chacun, en l adoptant, à mieux faire connaître et valoriser l

Plus en détail

LGM l aménagement professionnel de vos espaces de travail

LGM l aménagement professionnel de vos espaces de travail LGM AMENAGEMENT l aménagement professionnel de vos espaces de travail Solutions informatiques Armoires, casiers vestiaires, rayonnages et mobiliers métalliques SPACE PLANNING ET AMENAGE MENT DE VOS LOCAUX

Plus en détail

À l image de l Institut universitaire de gériatrie de Montréal (IUGM)

À l image de l Institut universitaire de gériatrie de Montréal (IUGM) À l image de l Institut universitaire de gériatrie de Montréal (IUGM) Symbole La mission L'Institut universitaire de gériatrie de Montréal est un centre hospitalier pour les personnes âgées. L'Institut

Plus en détail

Programme d identification visuelle de la banque laurentienne

Programme d identification visuelle de la banque laurentienne Programme d identification visuelle de la banque laurentienne Table des matières 1 Introduction 2 Lexique 2 3 6 Papeterie officielle 6.1 Papier en-tête 6.2 Papier en-tête personnalisé 11 12 12 6.3 Papier

Plus en détail

Charte graphique SystemX

Charte graphique SystemX Charte graphique SystemX Usage interne et externe. Tous les fichiers de logotypes sont inclus dans ce fichier pdf dans le dossier Trombone Version 1.0-6 décembre 2012 SOMMAIRE p.01. Logotype présentation

Plus en détail

charte graphique:charte graphique 16/03/07 16:37 Page 1 AUDIO ENGINEERING

charte graphique:charte graphique 16/03/07 16:37 Page 1 AUDIO ENGINEERING SOMMAIRE P2 Sommaire P3 Introduction et présentation du logo P4 P5 Construction du logo normal Construction du logo partenaire Les constituants de l identité Vous trouverez sur le CD-ROM joint les éléments

Plus en détail

Mémoire de psychologie (cours PSYC4900) Manuel du cours. École de psychologie Université de Moncton

Mémoire de psychologie (cours PSYC4900) Manuel du cours. École de psychologie Université de Moncton Mémoire de psychologie (cours PSYC4900) Manuel du cours École de psychologie Université de Moncton Septembre 2013 Avant-propos Ce Manuel s adresse aux personnes, étudiantes, étudiants, directrices et directeurs

Plus en détail

IDC. Vie. Charte Graphique

IDC. Vie. Charte Graphique IDC Charte Graphique Les p r i n c i p e s d e b a s e 4 Le logo IDC-VIE 5 Les couleurs IDC-VIE 6 Le logo IDC-PIERRE 7 Les couleurs IDC-PIERRE 8 Les 2 niveaux de la marque 9 Signature métier 10 Les typographies

Plus en détail

GESTION DES CONNAISSANCES AU GEIPAN

GESTION DES CONNAISSANCES AU GEIPAN GESTION DES CONNAISSANCES AU GEIPAN FONDEMENTS DE LA FUTURE PLATEFORME DE GESTION DES CONNAISSANCES ET STRATÉGIE DE TRAVAIL COLLABORATIF DU GEIPAN MICHAEL VAILLANT SYSTÈME DE GESTION DES CONNAISSANCES?

Plus en détail

PARLONS ROTARY. Charte graphique à l usage des Rotariens

PARLONS ROTARY. Charte graphique à l usage des Rotariens PARLONS ROTARY à l usage des Rotariens «LE PLUS BEL ACCOMPLISSEMENT... EST LE RÉSULTAT D UNE PARFAITE COORDINATION ENTRE LE CŒUR, LA TÊTE ET LES BRAS.» PAUL P. HARRIS Sommaire INTRODUCTION NOTRE LOOK TISSONS

Plus en détail

Parler. DU Rotary. Charte graphique à l usage des Rotariens

Parler. DU Rotary. Charte graphique à l usage des Rotariens Parler DU Rotary à l usage des Rotariens «le plus bel accomplissement... est le résultat d une parfaite coordination entre le cœur, la tête et les bras.» Paul P. Harris Sommaire Introduction Notre look

Plus en détail

PARLONS ROTARY CHARTE GRAPHIQUE À L USAGE DES ROTARIENS 547A-FR (715)

PARLONS ROTARY CHARTE GRAPHIQUE À L USAGE DES ROTARIENS 547A-FR (715) PARLONS ROTARY CHARTE GRAPHIQUE À L USAGE DES ROTARIENS 547A-FR (715) «LE PLUS BEL ACCOMPLISSEMENT... EST LE RÉSULTAT D UNE PARFAITE COORDINATION ENTRE LE CŒUR, LA TÊTE ET LES BRAS.» PAUL P. HARRIS Sommaire

Plus en détail

BRUSSELS SCHOOL. Journalism & Communication CHARTE GRAPHIQUE

BRUSSELS SCHOOL. Journalism & Communication CHARTE GRAPHIQUE CHARTE GRAPHIQUE VERSION STANDARD Pôle d activité Avenir Roman IHECS élément vectoriel Baseline Avenir Roman Veillez à utiliser le bon mode colorimétrique selon le support choisi. CMJN, pour l impression

Plus en détail

CHARTE GRAPHIQUE DE L UNIVERSITÉ DE STRASBOURG CHARTE GRAPHIQUE_UNIVERSITÉ DE STRASBOURG_ GRAFITI_DÉCEMBRE 2009

CHARTE GRAPHIQUE DE L UNIVERSITÉ DE STRASBOURG CHARTE GRAPHIQUE_UNIVERSITÉ DE STRASBOURG_ GRAFITI_DÉCEMBRE 2009 CHARTE GRAPHIQUE DE L UNIVERSITÉ DE STRASBOURG La charte graphique de l Université de Strasbourg a pour objectif d établir les règles d utilisation à respecter afin de garantir une identité visuelle homogène

Plus en détail

PRéSENTATION DES LOGOS UTILISATION DES LOGOS. édition DU GROUPE COMMUNICATION EXTERNE PAPETERIE DU GROUPE. SIGNALéTIQUE EXTERNE

PRéSENTATION DES LOGOS UTILISATION DES LOGOS. édition DU GROUPE COMMUNICATION EXTERNE PAPETERIE DU GROUPE. SIGNALéTIQUE EXTERNE ÉLÉPHANT VERT est un Groupe suisse international à vocation commerciale, créé par Antenna Technologies, une Fondation spécialisée dans la recherche, l adaptation et le transfert de technologies innovantes

Plus en détail

guide de la marque Conseil Régional de Picardie

guide de la marque Conseil Régional de Picardie guide de la marque Conseil Régional de Picardie logotype Logotype Conseil Régional de Picardie Logotype La Région Picardie Logotype Picardie Sur fond, le logotype épouse la couleur, ainsi le carré disparait

Plus en détail

256 Mo de RAM DDR (fixe), extensible à 512 Mo via un logement DIMM DDR ouvert ; technologie Memory Enhancement (MEt) ; disque dur de 40 Go

256 Mo de RAM DDR (fixe), extensible à 512 Mo via un logement DIMM DDR ouvert ; technologie Memory Enhancement (MEt) ; disque dur de 40 Go Caractéristiques techniques Informations de commande Vitesse d impression et de copie Impression de la première page Résolution Caractéristiques Processeur Mémoire/stockage Taux d utilisation mensuel Papier

Plus en détail

CONSTRUIRE L IMAGE DE SON ASSOCIATION

CONSTRUIRE L IMAGE DE SON ASSOCIATION N 20 - JUIN 2012 GROS PLAN VIE PRATIQUE Evaluer ses actions CONSTRUIRE L IMAGE DE SON ASSOCIATION édito Le 20 ème numéro de B Rêves d Assos Après cinq ans d aventure, nous fêtons la sortie de notre 20

Plus en détail

Programme d identité visuelle Desjardins. www.desjardins.com/identite

Programme d identité visuelle Desjardins. www.desjardins.com/identite Programme d identité visuelle Desjardins www.desjardins.com/identite TABLE DES MATIÈRES INTRODUCTION 4 LEXIQUE 6 LÉGENDE DES MESURES 7 1.0 LOGO DESJARDINS 8 1.1 Composition du logo 9 1.2 Signatures personnalisées

Plus en détail

CHARTE GRAPHIQUE 2011

CHARTE GRAPHIQUE 2011 CHARTE GRAPHIQUE 2011 Une image modernisée pour le CNES Notre stratégie de communication, visant à renforcer l image et la notoriété du CNES auprès d un large public, repose sur une plus grande maîtrise

Plus en détail

Bombardier Guide des NORMES. EN BREF L évolution de la mobilité

Bombardier Guide des NORMES. EN BREF L évolution de la mobilité Bombardier Guide des NORMES GRAPHIQUES de la marque EN BREF L évolution de la mobilité Mise à jour : janvier 2015 VOTRE PROMESSE PERSONNELLE Plusieurs personnes ont travaillé ensemble pour créer la promesse

Plus en détail

Charte graphique. Guide d application de l identité visuelle. Management - Communication - Efficacité personnelle

Charte graphique. Guide d application de l identité visuelle. Management - Communication - Efficacité personnelle Charte graphique Guide d application de l identité visuelle Catering - Hôtellerie Management de projet Management - Communication - Efficacité personnelle Informatique Marketing - Vente Audit - Gestion

Plus en détail

Conduite et présentation des activités professionnelles. Prénom NOM BTS Assurance. Session 20XX

Conduite et présentation des activités professionnelles. Prénom NOM BTS Assurance. Session 20XX Prénom NOM BTS Assurance Session 20XX ( image de votre choix en harmonie avec l enseigne thème et couleur) Conduite et présentation des activités professionnelles I / Contexte A / Présentation de l agence

Plus en détail

L Atelier Création de logos et de chartes graphiques

L Atelier Création de logos et de chartes graphiques Jean Paternotte L Atelier Création de logos et de chartes graphiques Méthode de travail et de création Éditions OEM (Groupe Eyrolles), 2003, ISBN 2-7464-0481-8 5 Les pistes visuelles de réflexions Ce paragraphe

Plus en détail

guide des normes graphiques Directives d utilisation de la nouvelle identité

guide des normes graphiques Directives d utilisation de la nouvelle identité guide des normes graphiques Directives d utilisation de la nouvelle identité Tous les logos et les polices de caractère sont disponibles en téléchargement sur notre site Web. Veuillez consulter le portail

Plus en détail

Pour votre succès : acier et solutions intelligentes

Pour votre succès : acier et solutions intelligentes Pour votre succès : acier et solutions intelligentes Tout commence avec l acier : l acier dont vous, notre client, avez besoin pour votre succès sur le marché. Un acier d une qualité déterminée, avec les

Plus en détail

Portfolio. Guillaume Brachon. À propos. Activités. Périmètre dʼintervention. Conception (arborescence, zoning, cinématique) Intégration (HTML, CSS)

Portfolio. Guillaume Brachon. À propos. Activités. Périmètre dʼintervention. Conception (arborescence, zoning, cinématique) Intégration (HTML, CSS) 2012 est designer interactif. Il a mené le début de sa carrière en tant que webdesigner freelance pour des annonceurs et des agences interactives. En 2005, il est entré chez Banque Accord (Groupe Auchan)

Plus en détail

Séduire vos clients et Google grâce au contenu éditorial. Gabrielle Denis Editoile, 5 décembre 2012 www.editoile.fr

Séduire vos clients et Google grâce au contenu éditorial. Gabrielle Denis Editoile, 5 décembre 2012 www.editoile.fr Séduire vos clients et Google grâce au contenu éditorial Gabrielle Denis Editoile, 5 décembre 2012 www.editoile.fr Qui suis-je? gdenis@editoile.fr twitter.com/editoile facebook.com/gabrielle.denis 2 3/51

Plus en détail

Scanner A3 couleur, grande vitesse, multifonctions, doté des meilleurs atouts

Scanner A3 couleur, grande vitesse, multifonctions, doté des meilleurs atouts Scanner A3 couleur, grande vitesse, multifonctions, doté des meilleurs atouts La solution de numérisation flexible et haute qualité pour groupes de travail Les scanners sont devenus indispensables aux

Plus en détail

LIVRE DES NORMES - 2

LIVRE DES NORMES - 2 LIVRE DES NORMES 2013 LIVRE DES NORMES - 2 SOMMAIRE 03 - Construction du logotype 04 - Zone de respiration & Taille minimale 05 - Références couleurs 06 - Références typographiques 07 - Interdits LIVRE

Plus en détail

Équipe Santé familiale. Directives sur l identité visuelle

Équipe Santé familiale. Directives sur l identité visuelle Équipe Santé familiale Directives sur l identité visuelle Mis à jour Avril 2015 Table des matières 3 Logotype 3 Logo en négatif 4 Typographie 4 Achat des caractères typographiques 4 Grosseur des caractères

Plus en détail

Réunion et motivation

Réunion et motivation Publié par DC Medias 230, rue Elizabeth Rosemère J7 2L2 Canada www.dcamedias.com Denis Clermont Éditeur dclermont@dcamedias.com Réunion et motivation Dossier de presse Couverture La page couverture est

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

Charte graphique ÉDITION DÉCEMBRE 2014

Charte graphique ÉDITION DÉCEMBRE 2014 Charte graphique ÉDITION DÉCEMBRE 2014 2.0.0 PAPETERIE 2.0.1 PAPETERIE Mentions légales obligatoires DOCUMENTS COMMERCIAUX DE L AGENCE Nom ou raison sociale et adresse du siège social, Numéro SIREN suivi

Plus en détail

Formation dev web de base

Formation dev web de base Formation dev web de base Le Web n est pas internet HTTP Hypertext Transfer Protocol Le client envoie une requête au serveur. Le serveur répond avec un code status et un contenu Le navigateur reçoit la

Plus en détail

Documentation CMS de la CUSO

Documentation CMS de la CUSO Documentation CMS de la CUSO pour rédacteurs Documentation TYPO3 pour rédacteurs Ecodev (2009) 1/32 Cette documentation TYPO3 concerne la partie Backend du site et décrit les moyens de gestion du contenu

Plus en détail

Conduite et Présentation d'activités Professionnelles

Conduite et Présentation d'activités Professionnelles Prénom NOM BTS ASSURANCE Session 20xx Conduite et Présentation d'activités Professionnelles «LA SOLIDARITE EST UNE FORCE» Image de l'agence locale MACIF XXXXX Stage du xx juillet 20xx au xx mars 20xx SOMMAIRE

Plus en détail

Rédiger votre mémoire avec Word 2013

Rédiger votre mémoire avec Word 2013 L OBJECTIF de ce document est de vous aider à utiliser efficacement les outils bureautiques pour la rédaction de votre mémoire et, à plus long terme dans la rédaction de tout document écrit. Il s agit

Plus en détail

références identités visuelles

références identités visuelles références identités visuelles Grand Toulouse Conseil général de la Haute-Vienne Dorsal, haut débit en Limousin Elopsys Conseil général de l Eure, Véloroute, voie verte Musée des Impressionnismes -Giverny

Plus en détail

Frédéric PERES CCI BAYONNE PAYS BASQUE

Frédéric PERES CCI BAYONNE PAYS BASQUE Frédéric PERES CCI BAYONNE PAYS BASQUE annuaires, guides et Echange de comparateurs d achat, liens avec centrales de resas partenaires liens spontanés Affiliés Jeux-concours Plateforme d affiliation emailing

Plus en détail

Politique relative au nom et à l emblème des Jeux du Québec+

Politique relative au nom et à l emblème des Jeux du Québec+ Politique relative au nom et à l emblème des Jeux du Québec+ +Juillet 2011 Table des matières+ 2 SIGNIFICATION 3 DÉFINITION DES COULEURS 9 ZONE DE DÉGAGEMENT 12 INTÉGRATION DE L EMBLÈME 16 FORME ET COMPOSITION

Plus en détail

Le Portfolio d une... Marion Bossaton. #Curieuse #Créative #Connectée

Le Portfolio d une... Marion Bossaton. #Curieuse #Créative #Connectée Le Portfolio d une... Marion Bossaton #Curieuse #Créative #Connectée À travers ce book interactif, je souhaite vous faire découvrir mon panel de compétences. J ai eu l occasion de travailler sur des projets

Plus en détail

Mise à jour : janvier 2015 POURQUOI ET COMMENT OPTIMISER LES VISUELS

Mise à jour : janvier 2015 POURQUOI ET COMMENT OPTIMISER LES VISUELS Mise à jour : janvier 2015 POURQUOI ET COMMENT OPTIMISER LES VISUELS QUI EST MAXIWEB? Maxiweb est une agence digitale pas comme les autres. Un seul objectif : faire de vous le ROI Pôle Consulting Pôle

Plus en détail

Avantages et méthode de la bonne gouvernance d'entreprise - le cas pratique des PSF

Avantages et méthode de la bonne gouvernance d'entreprise - le cas pratique des PSF Avantages et méthode de la bonne gouvernance d'entreprise - le cas pratique des PSF Agenda Notre objectif Avantages et méthode de la bonne gouvernance d'entreprise - le cas pratique des PSF Vu par Vectis

Plus en détail

Image de marque de la Ville de Québec

Image de marque de la Ville de Québec 1 Imge de mrque de l Ville de Québec Progrmme d identifiction visuelle Dernière mise à jour : 7 juillet 2005 1.1 Système d identifiction visuelle 1.2 Grnds principes d utilistion Progrmme d identifiction

Plus en détail

1 / 13. ASTRE ACHAT Maquettes fonctionnelles fournisseurs - v1

1 / 13. ASTRE ACHAT Maquettes fonctionnelles fournisseurs - v1 / ASTRE ACHAT Maquettes fonctionnelles fournisseurs - v Toog - Mars 05 page d accueil / type Home Boutique Protocoles et CGV Pré-commandes famille, référence, Gestion du catalogue et promotion Gestion

Plus en détail

CHARTE GRAPHIQUE DE L INRA. Lutte contre les insectes ravageurs des cultures : les apports de la biologie

CHARTE GRAPHIQUE DE L INRA. Lutte contre les insectes ravageurs des cultures : les apports de la biologie Lutte contre les insectes ravageurs des cultures : les apports de la biologie GRAPHIQUE DE L INRA SOMMAIRE INTRODUCTION page 3 LES ÉLÉMENTS page 4 LE BANDEAU page 5 LA 4 e DE COUVERTURE page 7 LA TYPOGRAPHIE

Plus en détail

- Génération de trafic - Analyse du comportement des visiteurs

- Génération de trafic - Analyse du comportement des visiteurs Les Rencontres TIC - Génération de trafic - Analyse du comportement des visiteurs Qui sommes nous? Agence WSI en Franche-Comté WSI est certifié WSI est membre du SEMPO (Search Engine Marketing Professional

Plus en détail

Tour d horizon des CMS. Content Management System

Tour d horizon des CMS. Content Management System Tour d horizon des CMS Content Management System Qu est ce qu un CMS? C est un Sytème de gestion de contenus Gestion dynamique de contenus en ligne Contenus suivant les standards du web Séparation du contenu,

Plus en détail

Gestion d email dans votre site

Gestion d email dans votre site Gestion d email dans votre site Ceci est une documentation préliminaire, traduite par Christine Dubois (Agilcom) et sujette à changement Dans ce chapitre, vous allez apprendre à envoyer un message e-mail

Plus en détail

Cahier des normes graphiques de la Commission scolaire de Laval

Cahier des normes graphiques de la Commission scolaire de Laval Cahier des normes graphiques de la Commission scolaire de Laval VERSION COMPLÈTE Service des communications ÉDITION 2011 2012 Ce document est mis à jour régulièrement; veuillez vous assurer d avoir la

Plus en détail

Création de sites web. INF0326 Outils bureautiques, logiciels et Internet

Création de sites web. INF0326 Outils bureautiques, logiciels et Internet Création de sites web INF0326 Outils bureautiques, logiciels et Internet Plan Création de pages web HTML et CSS Création de sites web avec WordPress Créer des pages web Partie 1 Système hypertexte Un système

Plus en détail

CHARTE. Règles d utilisation des éléments de communication sur les événements PANNEAUX ET STANDS

CHARTE. Règles d utilisation des éléments de communication sur les événements PANNEAUX ET STANDS CHARTE Règles d utilisation des éléments de communication sur les événements PANNEAUX ET STANDS L EXPERTISE, L ENGAGEMENT ET L INNOVATION Notre marque EDF se construit et se développe autour de trois éléments

Plus en détail

www.xad.com DIRECTIVES sur la conception des publicités

www.xad.com DIRECTIVES sur la conception des publicités www.xad.com DIRECTIVES sur la conception des publicités Directives générales Matériels requis Pour obtenir de meilleurs résultats, veuillez fournir des contenus entièrement modifiables. FICHIERS Fichiers

Plus en détail

HÉBERGEMENT DÉVELOPPEMENT MATÉRIEL INFORMATIQUE. L informatique en liberté. Charte graphique

HÉBERGEMENT DÉVELOPPEMENT MATÉRIEL INFORMATIQUE. L informatique en liberté. Charte graphique 1 L informatique en liberté Charte graphique 2 Introduction Cette charte graphique a été réalisée avec les compétences de l agence burgener communication, sur la volonté de la direction de Krios. Cette

Plus en détail

Énergie Texte : Gwenola Doaré Photos : Refuge de Sarenne/Espace Visuel Digital

Énergie Texte : Gwenola Doaré Photos : Refuge de Sarenne/Espace Visuel Digital Texte : Gwenola Doaré Photos : Refuge de Sarenne/Espace Visuel Digital Le chalet reconstruit en 2003 avec du bois abattu par la tempête de 1999 dans le Jura. À 2 000 m d altitude, le chalet est exposé

Plus en détail

GUIDE DES NORMES GRAPHIQUES

GUIDE DES NORMES GRAPHIQUES GRAPHIQUES TABLE DES MATIÈRES 1. INSTITUT DE RÉADAPTATION GINGRAS-LINDSAY-DE-MONTRÉAL 1. 03 À propos de ce guide 04 Signification du logo 05 Présentation du logo 06 Variantes du logo 08 Dimensions du logo

Plus en détail

CHU Tivoli Charte des normes graphiques

CHU Tivoli Charte des normes graphiques CHU Tivoli Charte des normes graphiques Sommaire 1 2 Introduction... 3 Présentation... 4 Visuel... 4 Symbolique...5 Composition... 6 3 Règles d utilisation... 7 Technique 1. Couleurs...7 2. Typographie...8

Plus en détail

Le supplément régional de L EXPRESS : «Caen Comment réinventer le tourisme»

Le supplément régional de L EXPRESS : «Caen Comment réinventer le tourisme» Défi L EXPRESS Grandes Ecoles 2011 Les étudiants de l EM Normandie présentent Le supplément régional de L EXPRESS : «Caen Comment réinventer le tourisme» Parution le 16 mars 2011 LOREM IPSUM Malesuada

Plus en détail

Mode d emploi. La fabrication d'un livre. www.copy-media.net. 1- Vocabulaire 2- Fonds perdus 3- Marges intérieures 4- Couverture avec un dos fin

Mode d emploi. La fabrication d'un livre. www.copy-media.net. 1- Vocabulaire 2- Fonds perdus 3- Marges intérieures 4- Couverture avec un dos fin www.copy-media.net Mode d emploi La fabrication d'un livre 1- Vocabulaire 2- Fonds perdus - Marges intérieures 4- Couverture avec un dos fin 5- Feuillets blancs - Folio 7- & polices de caractère 8- Colorimétrie

Plus en détail

e-commerce+ Solution globale e-commerce Trafic web E-commerce BtoB Travailler les contenus d'un site e-commerce : un critère de qualité

e-commerce+ Solution globale e-commerce Trafic web E-commerce BtoB Travailler les contenus d'un site e-commerce : un critère de qualité et aussi à Marseille, Nîmes, Toulouse et Nantes. RENCONTREZ-NOUS E-commerce Paris 2013 VAD e-commerce Lille 2013 e-commerce+ LETTRE D INFORMATION D OCTAVE.BIZ + d'infos en dernière page PAGE PAGE PAGE

Plus en détail

Charte graphique. Conditions. Pour plus d informations, s adresser à Genopole Communication. d utilisation de la marque et du logotype Genopole

Charte graphique. Conditions. Pour plus d informations, s adresser à Genopole Communication. d utilisation de la marque et du logotype Genopole Éditions Pour plus d informations, s adresser à Genopole Communication Attributs graphiques Typographie Conditions d utilisation de la marque et du logotype Genopole Couverture Principes de couverture

Plus en détail

CHARTE GRAPHIQUE V1.3 OCTOBRE 2013 APPRENDRE INVENTER COMPRENDRE

CHARTE GRAPHIQUE V1.3 OCTOBRE 2013 APPRENDRE INVENTER COMPRENDRE CHARTE GRAPHIQUE V1.3 OCTOBRE 2013 APPRENDRE INVENTER COMPRENDRE Introduction Cette charte graphique et éditoriale est l aboutissement d une étude identitaire portant sur la création : de notre nouveau

Plus en détail

Plateforme publicitaire Entreprendre. Guide de normes

Plateforme publicitaire Entreprendre. Guide de normes Plateforme publicitaire Entreprendre Guide de normes 4 mars 2015 Table des matières La typographie... 4 Les unités de mesure... 4 Les images et les messages... 5 La grille de base... 6 Le bloc texte...

Plus en détail

ANNEXE 2a : plus loin avec CSS, notion de boite

ANNEXE 2a : plus loin avec CSS, notion de boite ANNEXE 2a : plus loin avec CSS, notion de boite Tout contenu d'une balise HTML se représente à l'écran sous forme d'une boite. Cette boite est composée de 3 éléments : un conteneur, une marge intérieure

Plus en détail

RAPPORT FINAL / DUT MMI - TARBES

RAPPORT FINAL / DUT MMI - TARBES RAPPORT FINAL / DUT MMI - TARBES Métier du multimédia et de l internet / ancenis enzo / arnaud mathieu mortele axel / claire COSTE renier marvin / flores cindy SOMMAIRE /Introduction p02 /LOGO p03/04/05

Plus en détail

HTML 5. Page de base Meta Outils pour Firefox. Les commentaires Paragraphe et saut de ligne Listes simples et ordonnées Listes imbriquées

HTML 5. Page de base Meta Outils pour Firefox. Les commentaires Paragraphe et saut de ligne Listes simples et ordonnées Listes imbriquées HTML 5 Page de base Meta Outils pour Firefox Les commentaires Paragraphe et saut de ligne Listes simples et ordonnées Listes imbriquées Les 6 niveaux de titre Indices et exposants Les liens L arborescence

Plus en détail

Mobimipy Evolutions 2012

Mobimipy Evolutions 2012 Mobimipy Evolutions 2012 SOMMAIRE > Améliorer la rapidité des réponses > Revoir la logique de l organisation des information (itinéraire) > Revoir la logique de l organisation des informations (gestion

Plus en détail

Développez sereinement votre business

Développez sereinement votre business Développez sereinement votre business لتطویر تجارتكم بكل ثقة Avec Octave.dz, développez sereinement votre business VOUS ÊTES : dans le domaine industriel ou la distribution, une PME ou une MGE (Moyennes

Plus en détail

Les sites Internet dynamiques. contact : Patrick VINCENT pvincent@erasme.org

Les sites Internet dynamiques. contact : Patrick VINCENT pvincent@erasme.org Les sites Internet dynamiques contact : Patrick VINCENT pvincent@erasme.org Qu est-ce qu un site Web? ensemble de pages multimédia (texte, images, son, vidéo, ) organisées autour d une page d accueil et

Plus en détail

1 / 35. ASTRE ACHAT Maquettes fonctionnelles Astrien - v1

1 / 35. ASTRE ACHAT Maquettes fonctionnelles Astrien - v1 / 5 ASTRE ACHAT Maquettes fonctionnelles Astrien - v Toog - Février 205 2 / 5 Maquettes fonctionnelles Dashboard N N Astrien simple Astrien plafonné Astrien administrateur page d accueil / 5 Logo Home

Plus en détail

MODE D'EMPLOI DE PHOTOVOLTACALC.XLS

MODE D'EMPLOI DE PHOTOVOLTACALC.XLS MODE D'EMPLOI DE PHOTOVOLTACALC.XLS 1. INTRODUCTION Saviez-vous que «le soleil produit en 45 minutes suffisamment d énergie pour couvrir absolument tous les besoins énergétiques de la terre entière pendant

Plus en détail

CHARTE D IDENTITE VISUELLE DU CJD

CHARTE D IDENTITE VISUELLE DU CJD CHARTE D IDENTITE VISUELLE DU CJD SOMMAIRE Introduction Les bons réflexes Les outils à votre disposition Les fondamentaux de l'identité visuelle du CJD 03 04 05 06 LE LOGOTYPE Logo CJD Logo CJD - Couleur

Plus en détail

NOUVELLE IDENTITÉ 3 Idées directrices 4 Sigle 8 Construction 8 Couleurs 9 Version monochrome 10 Typographie 11

NOUVELLE IDENTITÉ 3 Idées directrices 4 Sigle 8 Construction 8 Couleurs 9 Version monochrome 10 Typographie 11 CHARTE GRAPHIQUE 1 SOMMAIRE NOUVELLE IDENTITÉ 3 Idées directrices 4 Sigle 8 Construction 8 Couleurs 9 Version monochrome 10 Typographie 11 NOUVELLE ARCHITECTURE DE MARQUE 13 Vision globale 14 Échelon 1

Plus en détail

33 Fédérations. Infrastructures européennes Vision européenne du réseau et investissements innovants Christine Le Forestier

33 Fédérations. Infrastructures européennes Vision européenne du réseau et investissements innovants Christine Le Forestier FÉDÉRATION DE L INDUSTRIE EUROPÉENNE DE LA CONSTRUCTION Elément s d identit é Infrastructures européennes Vision européenne du réseau et investissements innovants Christine Le Forestier 03.02.2015 ENTERPRISES

Plus en détail

Logotypes VIANDES FRANÇAISES Charte Graphique

Logotypes VIANDES FRANÇAISES Charte Graphique Logotypes VIANDES FRANÇAISES Charte Graphique Mai 2015 INTERBEV Viande Bovine Française (VBF), Viande de Veau Française (VVF), Viande Ovine Française (VOF) et Viande Chevaline Française (VCF) PREAMBULE

Plus en détail

Qui sommes-nous? Buddyweb est une agence digitale spécialisée dans les projets web et mobiles.

Qui sommes-nous? Buddyweb est une agence digitale spécialisée dans les projets web et mobiles. Présentation 2014 Qui sommes-nous? Buddyweb est une agence digitale spécialisée dans les projets web et mobiles. Nous créons des solutions qui ont un impact positif sur les utilisateurs de nos produits,

Plus en détail

«Cachez-moi cette page!»

«Cachez-moi cette page!» «Cachez-moi cette page!» Atelier Pratique 1h30 Hugo Hamon (@hhamon) http://hugohamon.com Qui suis-je? Au menu de cet atelier 1. Introduction 2. Avantages 3. Expiration (Expires & Cache-Control) 4. Validation

Plus en détail