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

Save this PDF as:
 WORD  PNG  TXT  JPG

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»

Brochures. Brochures Pour toute autre quantité, consultez-nous. Devis gratuit. Brochures A4 OUVERT avec ou sans couverture

Brochures. Brochures Pour toute autre quantité, consultez-nous. Devis gratuit. Brochures A4 OUVERT avec ou sans couverture Brochures Brochures A4 OUVERT avec ou sans couverture Brochures A5 OUVERT avec ou sans couverture Brochures Pour toute autre quantité, consultez-nous. Devis gratuit LIVRAISON INCLUSE (1 point France M

Plus en détail

Identité visuelle des groupes de maintenance cardio-vasculaire Manuel de l utilisateur

Identité visuelle des groupes de maintenance cardio-vasculaire Manuel de l utilisateur Identité visuelle des groupes de maintenance Manuel de l utilisateur Ce manuel de l utilisateur contient des informations et des directives pour la mise en évidence de l identité visuelle des groupes de

Plus en détail

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 B. Guide des normes. Bureau des communications et des relations publiques. Imprimés

Cahier B. Guide des normes. Bureau des communications et des relations publiques. Imprimés Bureau des communications et des relations publiques Guide des normes Cahier B Imprimés Papeterie 2 Institution, facultés et services 3-4 Unités de recherche 5 Communiqués, télécopies, pages couvertures,

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

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

1.1 Système d identification visuelle 1.2 Grands principes d utilisation. Image de marque du gouvernement du Québec

1.1 Système d identification visuelle 1.2 Grands principes d utilisation. Image de marque du gouvernement du Québec 1.1 Système d identification visuelle 1.2 Grands principes d utilisation Image de marque du gouvernement du Québec A. Remarques générales Thème Chaque page de ce guide comporte un certain nombre d'indications

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

Normes graphiques. Identification visuelle. Normes graphiques Collège Ahuntsic 2014/01

Normes graphiques. Identification visuelle. Normes graphiques Collège Ahuntsic 2014/01 Normes graphiques * Identification visuelle 1 01. L identification visuelle... 3 02. Le logo... 4 03. Le slogan... 5 04. Les signatures des services et des départements... 6 05. La zone de dégagement...

Plus en détail

JetScan ifx. Scanner de devises i100. Traitement plus rapide, coûts d exploitation moindres

JetScan ifx. Scanner de devises i100. Traitement plus rapide, coûts d exploitation moindres JetScan ifx Scanner de devises i100 Traitement plus rapide, coûts d exploitation moindres La JetScan de la prochaine génération Un nouvel élan pour la productivité : 20 % plus vite avec moins de rejets

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

GUIDE D IDENTITÉ VISUELLE GUIDE D IDENTITÉ VISUELLE

GUIDE D IDENTITÉ VISUELLE GUIDE D IDENTITÉ VISUELLE GUIDE D IDENTITÉ VISUELLE LE BUT DE CE Le Réseau de développement économique et d employabilité s est doté d une nouvelle identité visuelle en mars 2013. C est sous le thème du renouveau que celle-ci fut

Plus en détail

Communication administrative

Communication administrative 5 Communication administrative Programme d identification visuelle Dernière mise à jour : 18 juillet 2005 5.1 Papeterie officielle de la Ville de Québec 5.2 Papeterie officielle des arrondissements 5.

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

Programme d identification visuelle du gouvernement du Québec

Programme d identification visuelle du gouvernement du Québec Programme d identification visuelle du gouvernement du Québec Le 20 juin 2001, le Conseil des ministres adoptait par décret le contenu du présent guide, qui expose les règles graphiques concernant le Programme

Plus en détail

Programme d identité visuelle de la CNESST

Programme d identité visuelle de la CNESST Programme d identité visuelle de la CNESST 1 re ÉDITION Mai 2016 Commission des normes, de l équité, de la santé et de la sécurité du travail cnesst.gouv.qc.ca Table des matières 1 Présentation de l identité

Plus en détail

1. Ajoutez vos titres, adresse et texte à l aide des espaces prévus à cet effet

1. Ajoutez vos titres, adresse et texte à l aide des espaces prévus à cet effet Vous avez besoin : Papier ou carte au format A4 de bonne qualité Instructions : 1. Ajoutez vos titres, adresse et texte à l aide des espaces prévus à cet effet Si vous utilisez une carte au format A4,

Plus en détail

CHARTE GRAPHIQUE INTERMARCHÉ CONTACT

CHARTE GRAPHIQUE INTERMARCHÉ CONTACT CHARTE GRAPHIQUE INTERMARCHÉ CONTACT V. MAI 00 SOMMAIRE GÉNÉ CHARTE GRAPHIQUE INTERMARCHÉ CONTACT Note technique Les fichiers d exécution mis à disposition en ligne avec cette charte sont signalés par

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

Charte identité visuelle octobre 2013

Charte identité visuelle octobre 2013 Charte identité visuelle octobre 2013 Fichiers disponibles Charte Graphique GDF Suez - 1 INTRODUCTION En 2008, nous avons décidé d adopter une identité visuelle fédératrice et une charte graphique qui

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

Cahier de normes graphiques La papeterie des services corporatifs et des arrondissements Papiers à en-tête, enveloppes, cartes professionnelles,

Cahier de normes graphiques La papeterie des services corporatifs et des arrondissements Papiers à en-tête, enveloppes, cartes professionnelles, Cahier de normes graphiques La papeterie des services corporatifs et des arrondissements Papiers à en-tête, enveloppes, cartes professionnelles, pochettes de presse, notes internes, bordereaux de transmission

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

Caractères typographiques

Caractères typographiques Caractères typographiques La police de caractères TheSans dessinée par Luc(as) de Groot en 1994 fait partie de la famille de caractères dite linéale ou bâton. Elle allie élégance, dynamisme et modernité.

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

V du 25.03.04. Charte d identité visuelle Fidal

V du 25.03.04. Charte d identité visuelle Fidal 01 Contacts : Direction de la communication Valérie Climent, responsable de la communication, tél : 01 47 38 54 71 Solange de Cormis, chargée de communication, tél : 01 47 38 54 72 02 1 Éléments de base

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

LA RÉGION DE PARIS-NORD. Le client au cœur de notre quotidien

LA RÉGION DE PARIS-NORD. Le client au cœur de notre quotidien LA RÉGION DE PARIS-NORD Le client au cœur de notre quotidien KUNDEN IN DEN MITTELPUNKT UNSERER TÄGLICHEN CUSTOMERS FIRST KLANTEN IN HET HART VAN ONS AGELIJKS LE CLIENT AU CŒUR DE NOTRE QUOTIDIEN CUSTOMERS

Plus en détail

CORPORATE IDENTITY MANUAL

CORPORATE IDENTITY MANUAL CORPORATE IDENTITY MANUAL 01 INTRODUCTION INTRODUCTION Le logotype Fountain est porteur des valeurs fondamentales de notre entreprise. Il assure sa pérennité et sa reconnaissance auprès de ses publics

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

Guide de mise en page

Guide de mise en page Guide de mise en page Guide à l usage des maquettistes débutants, de tous ceux qui veulent décortiquer la mise en page de leurs ouvrages favoris, et plus spécifiquement aux rôlistes. Ce document comporte

Plus en détail

12/2010 CHARTE GRAPHIQUE PRINT

12/2010 CHARTE GRAPHIQUE PRINT 12/2010 PRINT CORPORATE DESIGN PRINT LOGO ET LIGNES VARIANTES DE LA PRÉSENTATION POSITIF POUR LES IMPRESSIONS/SUPPORTS EN COULEUR, LE LOGO D ARTE EST RE- PRODUIT SEULEMENT EN POSITIF (ORANGE ARTE) ET EN

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

Championnats du Monde Universitaires

Championnats du Monde Universitaires Guide d application de l identité visuelle Championnats du Monde Universitaires World University s Introduction Vous trouverez ci-jointes les règles de création, d application et de déclinaison du système

Plus en détail

Entente sur le développement culturel de Montréal

Entente sur le développement culturel de Montréal Direction des communications Entente sur le développement culturel de Montréal Guide destiné aux arrondissements et aux services municipaux Mise à jour : octobre 2014 Table des matières 3 L Entente sur

Plus en détail

Charte graphique Guild Wars 2. Guild Wars 2 Brand Bible. v v

Charte graphique Guild Wars 2. Guild Wars 2 Brand Bible. v v Guild Wars 2 Brand Bible v 2010.06 Charte graphique 1 TABLE DES MATIERES Usage du logo 3 Polices et casse 6 Eléments graphiques 8 EQUIPE COMMUNAUTAIRE ARENANET EMAIL: community@arena.net Charte graphique:

Plus en détail

ALIMENTATION AGRICULTURE ENVIRONNEMENT IDENTITÉ VISUELLE IST@INRA LA CHARTE

ALIMENTATION AGRICULTURE ENVIRONNEMENT IDENTITÉ VISUELLE IST@INRA LA CHARTE ALIMENTATION AGRICULTURE ENVIRONNEMENT IDENTITÉ VISUELLE IST@INRA LA CHARTE INTRODUCTION La charte identitaire de l IST est fondée sur celle de l Inra : elle en reprend les principes graphiques fondamentaux

Plus en détail

CHARTE GRAPHIQUE DE LA MARQUE

CHARTE GRAPHIQUE DE LA MARQUE CETI F 1341.4 03/2015 CHATE GAPHIQUE DE LA MAQUE À L USAGE DES OGANISMES CETIFICATEUS MANDATÉS ET DE LEUS CLIENTS TITULAIES 11 rue Francis de Pressensé - 93571 La Plaine Saint-Denis Cedex - France - T.

Plus en détail

Tables des matières. Normes régissant l utilisation du logo 3. Composition du logo 4. Zone de dégagement 5. Taille et proportions 6

Tables des matières. Normes régissant l utilisation du logo 3. Composition du logo 4. Zone de dégagement 5. Taille et proportions 6 1 Tables des matières Normes régissant l utilisation du logo 3 Composition du logo 4 Zone de dégagement 5 Taille et proportions 6 Couleurs et formats de fichiers 7 Application sur une image 8 À ne pas

Plus en détail

Guide d utilisation. Version 0514. URL : http://atpa.creaprime.fr URL admin : http://atpa.creaprime.fr/master-atpa Login: atpa Mot de passe : atpa

Guide d utilisation. Version 0514. URL : http://atpa.creaprime.fr URL admin : http://atpa.creaprime.fr/master-atpa Login: atpa Mot de passe : atpa Guide d utilisation Version 0514 URL : http://atpa.creaprime.fr URL admin : http://atpa.creaprime.fr/master-atpa Login: atpa Mot de passe : atpa SOMMAIRE PRINCIPALES FONCTIONNALITÉS Résumé... p. 3 ACTUALITÉS

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

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

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

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

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

REACH et le Maghreb. Introduction dans le règlement européen et le contexte maghrébin. concernés AssIstAnce MAghreb

REACH et le Maghreb. Introduction dans le règlement européen et le contexte maghrébin. concernés AssIstAnce MAghreb concernés AssIstAnce MAghreb Das Ziel 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

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

Sondage d'évaluation d'une maison de retraite

Sondage d'évaluation d'une maison de retraite 11-01-2016 10:23:00 Informations générales Titre du sondage Sondage d'évaluation d'une maison de retraite Auteur Richard Žižka Langue du questionnaire Français L'adresse URL du sondage http://www.survio.com/survey/d/n4d7t1e9v4p3g3d9y

Plus en détail

IDENTITÉ GRAPHIQUE MARQUE PRODUIT MARS 2009

IDENTITÉ GRAPHIQUE MARQUE PRODUIT MARS 2009 IDENTITÉ GRAPHIQUE MARQUE PRODUIT MARS 2009 DICKSON - IDENTITÉ GRAPHIQUE / le logotype produit Le logotype Dickson marque produit se compose de 2 éléments indissociables : A > le sigle la voile B > la

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

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

bclogo notezik@gmail.com Contributeurs Patrick FRADIN Maxime CHUPIN Email Extension L A TEX pour la réalisation de boîtes colorées avec logos

bclogo notezik@gmail.com Contributeurs Patrick FRADIN Maxime CHUPIN Email Extension L A TEX pour la réalisation de boîtes colorées avec logos bclogo Extension L A TEX pour la réalisation de boîtes colorées avec logos Contributeurs Patrick FRADIN Maxime CHUPIN Email notezik@gmail.com Version 3.1 du 10 janvier 2016 http://melusine.eu.org/syracuse/g/bclogo/

Plus en détail

Un test de mon thème Beamer

Un test de mon thème Beamer Parce que L A TEX c est mieux que tout fedora-fr 22 octobre 2008 1/8 Plan 1 2 3 4 2/8 En veux-tu, en voilà Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Vestibulum dolor. Aenean quis est eu

Plus en détail

COMPÉTITIONS TROPHÉE ORANGE LE MARDI 23 JUIN 21 C DECOUVRIR LE PARCOURS INFORMATIONS LUNDI 11 JUIN ACCÈS PRO ACCUEIL LE GOLF LE RESTAURANT

COMPÉTITIONS TROPHÉE ORANGE LE MARDI 23 JUIN 21 C DECOUVRIR LE PARCOURS INFORMATIONS LUNDI 11 JUIN ACCÈS PRO ACCUEIL LE GOLF LE RESTAURANT ACCÈS PRO ECOLE DE GOLF ECOLE DE GOLF PRO SHOP CARTE SCORE ECOLE DE GOLF PRO SHOP Suspendisse potenti. Aliquam ut felis enim, eget auctor nulla. Proin scelerisque massa ac quam malesuada fermentum. Cras

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

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

À 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

La création et l utilisation de modèles de décision

La création et l utilisation de modèles de décision La création et l utilisation de modèles de décision Liste de vérification pour «La préparation, la référence et la distribution des décisions canadiennes» (Comité canadien de la référence, 2009) La présente

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

Identité visuelle / Principes graphiques

Identité visuelle / Principes graphiques Identité visuelle / Principes graphiques 2 SOMMAIRE PRÉFACE Pourquoi une nouvelle identité? ANALYSE Le bâtiment Formes et symboles NOUVEAUX CODES GRAPHIQUES Nouveaux codes graphiques Les trames identitaires

Plus en détail

Dans les JARDINS. Texte Françoise Phiquepal d Arusmont Photos Eric Sander

Dans les JARDINS. Texte Françoise Phiquepal d Arusmont Photos Eric Sander Dans les JARDINS du périgord Texte Françoise Phiquepal d Arusmont Photos Eric Sander Les Jardins du Château de Losse Accords parfaits entre l architecture, les jardins et la rivière. Comme suspendues au-dessus

Plus en détail

Le book. www.coupdouest.nc

Le book. www.coupdouest.nc Le book www.coupdouest.nc 3, rue Émile Zola - Baie de l Orphelinat - 98800 Nouméa - Nouvelle-Calédonie Tél. (+687) 28 14 20 - contact@coupdouest.nc Ridet: 891440.001 - A.P.E.: 744B Le book www.coupdouest.nc

Plus en détail

Exercices et corrections. Licence QCI - module O21

Exercices et corrections. Licence QCI - module O21 Exercices et corrections Licence QCI - module O21 Exercice 1 Ecrivez le squelette d une page avec les caractéristiques suivantes - encodage : utf-8 - titre de la page : première page XHTML - auteur : vous

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

Charte graphique Avril 2015

Charte graphique Avril 2015 Charte graphique Avril 2015 Introduction AFFIRMER L IDENTITÉ DE CHÂTEAUROUX MÉTROPOLE Depuis le 1 er janvier 2015, la Ville et l Agglomération de Châteauroux ont mutualisés leurs services et partagent

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

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

GUIDE D UTILISATION DU LOGOTYPE

GUIDE D UTILISATION DU LOGOTYPE GUIDE D UTILISATION DU LOGOTYPE Pour réussir dans un environnement concurrentiel, il est impératif de présenter une approche cohérente, précise et représentative de l image de marque. Pour Karaté Canada,

Plus en détail

Guide de l identité de marque

Guide de l identité de marque Guide de l identité de Optimist International 4494 Lindell Boulevard St. Louis, MO 608 (4) 7-6000 optimist.org Optimist International Canada 505, boul. Métropolitain Est, bureau 00 Montréal (Québec) HR

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

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

Analyse micro site forfaits

Analyse micro site forfaits Analyse micro site forfaits Croisières AML mercredi, 3 mars, 2010 Version 3 Exemples existants Forfaitscasino.ca Fiche dynamique et bien structurée L utilisation de la transparence pour le popup permet

Plus en détail

Charte graphique Octobre 2009

Charte graphique Octobre 2009 Charte graphique Octobre 2009 Édito En se rapprochant, les Banques Populaires et les Caisses d Epargne ont donné naissance à un nouveau groupe : le Groupe BPCE, deuxième groupe bancaire en France. En

Plus en détail

La continuité républicaine

La continuité républicaine manuel-corrections-ebe 22/12/04 13:14 Page 2 La continuité républicaine La création du logo du Ministère de la culture et de la communication, par Pippo Lionni en 1989 est le seul jalon notable de l histoire

Plus en détail

Normes graphiques. Identité visuelle

Normes graphiques. Identité visuelle Normes graphiques Identité visuelle Éléments de base Signature institutionnelle 1 Couleurs officielles 2 Signature sur fond de couleur 3 Espace minimal requis 4 Caractères typographiques 5 Formats de base

Plus en détail

LE SITE INTERNET. C est un outil de communication et de présentation. Il ne peut pas convertir à lui seul. Il ne faut donc pas négliger les étapes

LE SITE INTERNET. C est un outil de communication et de présentation. Il ne peut pas convertir à lui seul. Il ne faut donc pas négliger les étapes LE SITE INTERNET C est un outil de communication et de présentation Il ne peut pas convertir à lui seul Il ne faut donc pas négliger les étapes SEO UX UI Contenu Stratégie com LES TENDANCES DU WEB POUR

Plus en détail

03 BONNES PRATIQUES. Organisé Lisible Intuitif Accessible. Chloé Temesvari. Ergonomie et interfaces

03 BONNES PRATIQUES. Organisé Lisible Intuitif Accessible. Chloé Temesvari. Ergonomie et interfaces 03 BONNES PRATIQUES Organisé Lisible Intuitif Accessible 122 POUR ÊTRE ERGONOMIQUE UN SUPPORT DE COMMUNICATION DOIT ÊTRE : 123 03 ORGANISÉ Organisation et hiérarchie des contenus Pour un site web = arborescence

Plus en détail

CHARTE GRAPHIQUE Mémorial ACTe : centre caribéen d expressions et de mémoire de la traite et de l esclavage 2. Préambule

CHARTE GRAPHIQUE Mémorial ACTe : centre caribéen d expressions et de mémoire de la traite et de l esclavage 2. Préambule Charte graphique Mémorial ACTe : centre caribéen d expressions et de mémoire de la traite et de l esclavage 2 Préambule Le projet du Memorial ACTe, depuis son origine, a été véhiculé par une identité visuelle

Plus en détail

Tutoriel sur les bases de HTML et de PHP

Tutoriel sur les bases de HTML et de PHP Tutoriel sur les bases de HTML et de PHP Cours : Inf7214 Développement de logiciel Date : Hiver 2009 Ce tutoriel vous donne un aperçu du développement d application WEB avec les langages HTML et PHP. Vous

Plus en détail

Plan. Unix et Programmation Web. Cours 4. Bref historique d'internet (1/2) Bref historique d'internet (2/2)

Plan. Unix et Programmation Web. Cours 4. Bref historique d'internet (1/2) Bref historique d'internet (2/2) Plan Unix et Programmation Web Cours 4 kn@lri.fr http://www.lri.fr/~kn 4.1 Internet et ses services 4.2 Fonctionnement du Web 4.3 Adressage des documents Web 4.4 Le protocole HTTP Bref historique d'internet

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

B.E.G. Ingénierie Charte graphique. V5 du 06 juin 2012

B.E.G. Ingénierie Charte graphique. V5 du 06 juin 2012 B.E.G. Ingénierie Charte graphique V5 du 06 juin 2012 B.E.G. Ingénierie Charte graphique Sommaire PARTIE I : Avant-propos B.E.G. Ingénierie a une nouvelle identité visuelle p. 4 Une charte graphique pour

Plus en détail

Tice -Seconde-Page Web 2015-2016

Tice -Seconde-Page Web 2015-2016 Ouvrez une page web, cliquer doit sur la souris et faite afficher le code source de la page. Quelqu un a écrit ce code pour faire afficher cette page. Nous allons nous aussi écrire du code pour faire afficher

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

Revue de l'école doctorale (ED 382) économie, espaces, sociétés, civilisations pensée critique, politique et pratique sociale

Revue de l'école doctorale (ED 382) économie, espaces, sociétés, civilisations pensée critique, politique et pratique sociale Revue de l'école doctorale (ED 382) économie, espaces, sociétés, civilisations pensée critique, politique et pratique sociale 5, rue Thomas Mann 75205 Paris Cedex 13 Directeur de publication: Jean-Pierre

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 des normes graphiques

Guide des normes graphiques Guide des normes graphiques 9 Novembre 2009 Mise à jour : 4 avril 2017 TABLE DES MATIÈRES 3 INTRODUCTION 3 POSITIONNEMENT STRATÉGIQUE 4 L Année 2009 5 LOGO 6 Composition 7 HORIZONTAL et vertical 8 Signature

Plus en détail

Technologies du Web. Phases de travail Objectifs Activités

Technologies du Web. Phases de travail Objectifs Activités Technologies du Web Tutoriel 1 : «Structurer une page Web» PROBLEMATIQUE Créer la structure d une page Web avec un éditeur de texte. CONDITIONS DE DEROULEMENT DE L ACTIVITE Phases de travail Objectifs

Plus en détail

Typographie et mise en page. Virginie Ahrens - Master 1 ILTS-CDMM

Typographie et mise en page. Virginie Ahrens - Master 1 ILTS-CDMM Typographie et mise en page Typographie : notions élémentaires Caractères Familles de caractères Polices de caractères Unités de mesure typographiques : point didot, point pica, pica, pouce. Détail d une

Plus en détail

CIM120. Http:// (Creation Web) Page 1

CIM120. Http:// (Creation Web) Page 1 CIM120 Http:// (Creation Web) Page 1 Organisation du module CIM120 Evaluation: 1 eval sur table 1 eval des TP Page 2 Le Web: un peu d'histoire D'Arpanet à Internet... http://fr.wikipedia.org/wiki/histoire_d'internet

Plus en détail

Un vrai copieur multifonction Noir & Blanc avec la couleur en plus!

Un vrai copieur multifonction Noir & Blanc avec la couleur en plus! Un vrai copieur multifonction Noir & Blanc avec la couleur en plus! Copieur N&B productif, doté de capacités couleur intégrées En termes de productivité et d efficacité, votre groupe de travail doit faire

Plus en détail

Création d une rubrique du Site Web de l établissement.

Création d une rubrique du Site Web de l établissement. Création d une rubrique du Site Web de l établissement. 0 Ouvrir la page Publisher contenant la famille concernant le jeu Besoin/objet technique et leur histoire que vous avez réalisé. Sélectionner la

Plus en détail

1- CRÉER UN SITE WEB FRONTPAGE

1- CRÉER UN SITE WEB FRONTPAGE 1- CRÉER UN SITE WEB FRONTPAGE 1.1 Caractéristiques d un site Web FrontPage FrontPage 2003 est un logiciel de gestion de sites Web qui offre plusieurs outils pour simplifier les tâches de conception, de

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

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

CARTES DE VOEUX NE SOYEZ PAS À LA DERNIÈRE MINUTE PRÉVOYEZ À L AVANCE! Commandez vos cartes de voeux dès maintenant!

CARTES DE VOEUX NE SOYEZ PAS À LA DERNIÈRE MINUTE PRÉVOYEZ À L AVANCE! Commandez vos cartes de voeux dès maintenant! CARTES DE VOEUX 06 NE SOYEZ PAS À LA DERNIÈRE MINUTE PRÉVOYEZ À L AVANCE! Commandez vos cartes de voeux dès maintenant! nap-art.com 54.5.336 info@nap-art.com VISUELS CARTES DE VOEUX FORMAT 9 x 4 FORMAT

Plus en détail

Un livre en L A TEX. Hector

Un livre en L A TEX. Hector Un livre en L A TEX Hector 16 septembre 2009 2 Table des matières 1 Histoires de sections 7 1.1 Une section.............................. 7 1.1.1 Une première sous-section.................. 7 1.1.2 Une

Plus en détail