Service Général des Lettres et du Livre

Save this PDF as:
 WORD  PNG  TXT  JPG

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

Download "Service Général des Lettres et du Livre"

Transcription

1 Charte webdesign

2 Sommaire Présentation Structure du site Page accueil Sites satellites Familles chromatiques Principe de navigation éléments graphiques Familles typograhiques Traitement iconographique

3 1- Présentation La refonte graphique est nécessaire pour marquer l appartenance de différents sites au SGLL. La structure est reprise du site actuellement en ligne, mais de manière plus harmonieuse. Il est nécessaire de hiérarchiser, rationaliser et uniformiser l ensemble des sites satellites afin d avoir une homogénéisation de l univers graphique et une meilleure compréhension de l ensemble. Il s agit d un site principalement d information, l internaute doit facilement trouver les renseignements qu il cherche. Il faut donc otimiser la lecture grâce à l emploi d éléments graphiques comme les puces et les pictogrammes. Le choix dans les menus doit etre intuitif. L accès à l info attendue s effectuera le plus rapidement possible. Le site sera clair, lumineux, aéré, notamment par la circulation du blanc typographique. Les choix des polices assurent un continuité visuelle avec la charte de la Communauté française. les différences chromatiques selon les sites satellites permettent à l internaute de se repérer facilement.le bandeau et le menu principal qui se retrouvent sur chaque page assurent une homogénéisation de l ensemble. La mise en page s attache à respecter autant que possible l architecture du site déjà en place.

4 2- Structure du site

5 éléments obligatoires le bandeau avec le logo Communauté française le menu de base le chemin de fer service de recherche par mots clés le menu principal avec les sites satellites vertical droit le menu interne à chaque site vertical droit

6 3- Page d accueil

7 4- Sites satellites

8 5- Familles chromatiques principales secondaires Portail #7B5952 #967B75 #F8DD89 #F9E4A1 lecture publique promotion des lettres #7A7838 # #783C54 #B594A1 langue française langues régionales et endogènes fureur de lire littérature jeunesse bande dessinée

9 6- Principes de navigation normal survol navigation menu droit menu général ACCUEIL ACCUEIL

10 8- Familles typographiques La police employée sera Verdana. A défaut, et dans l ordre de préférence tel que ci-après : Arial ou Times New Roman. La taille sera de 11 pixels fixée par une feuille de style. La couleur utilisée sera le noir # L espace entre les lettres sera au minimum d 1 pixel. Le texte principal sera de style «normal «, l utilisation du gras et de l italique est autorisée pour les éléments intermédiaires (mise en évidence de parties de texte, citations, titres, ). Le type «souligné «est à éviter (pour des raisons ergonomiques de lisibilité d une part et d autre part, pour éviter toutes confusion avec les hyperliens classiques). Le texte principal sera écrit en minuscules, l emploi des majuscules se fera en respect des règles usuelles (début de phrase, noms propres, signes, ). L indentation est vivement conseillée pour des textes faisant l objet de hiérarchisation (paragraphes, numérotation, listes, ). L espace entre les lignes doit être égal ou supérieur à 2 pixels. L espace entre les mots doit être inférieur à l espace entre les lignes. Voici un exemple de feuille de style compatible avec la charte graphique «iso »; body { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; }

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

Modèle de charte graphique

Modèle de charte graphique Modèle de charte graphique Pour donner à l utilisateur des repères au sein d un site et faciliter sa visite, il est impératif de développer une cohérence pour l ensemble de vos pages. Lors de la conception

Plus en détail

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

ERGONOMIE SITE WEB 3ème Partie APPARENCE DU SITE

ERGONOMIE SITE WEB 3ème Partie APPARENCE DU SITE SITE WEB 3ème Partie APPARENCE DU SITE 1 A- Charte graphique Il est indispensable de donner une cohérence entre l ensemble des pages. Lors de la création du site, est rédigé un document devant guidé les

Plus en détail

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

CHARTE GRAPHIQUE 2TIWA2

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

Plus en détail

Annexe III. Charte. Juin 2009. Accusé de réception Ministère de l intérieur. Acte Certifié exécutoire. Envoi Préfecture : Réception Préfet :

Annexe III. Charte. Juin 2009. Accusé de réception Ministère de l intérieur. Acte Certifié exécutoire. Envoi Préfecture : Réception Préfet : Juin 2009 Envoi Préfecture : Annexe III Réception Préfet : Accusé de réception Ministère de l intérieur 60447177 Acte Certifié exécutoire 27/12/2012 27/12/2012 Publication RAAD : 27/12/2012 Charte Sommaire

Plus en détail

Exercice 1 : saisir un texte Vous allez taper le texte suivant dans un nouveau document (sans vous soucier de la mise en forme).

Exercice 1 : saisir un texte Vous allez taper le texte suivant dans un nouveau document (sans vous soucier de la mise en forme). Exercice 1 : saisir un texte Vous allez taper le texte suivant dans un nouveau document (sans vous soucier de la mise en forme). Texte à taper 1 : Mon traitement de texte - intégrer des images ou des graphiques

Plus en détail

Identité visuelle de l Etat de Fribourg. Manuel Internet, Intranet et applications Web Janvier 2012

Identité visuelle de l Etat de Fribourg. Manuel Internet, Intranet et applications Web Janvier 2012 Identité visuelle de l Manuel Internet, Intranet et applications Web Janvier 202 Charte graphique Internet, Intranet et applications Web 6.0 Internet, Intranet et applications Web Sommaire 6. Généralités:

Plus en détail

Hiérarchisation de l'information dans un documentaire, sur un site web

Hiérarchisation de l'information dans un documentaire, sur un site web Hiérarchisation de l'information dans un documentaire, sur un site web A- J'observe le livre documentaire : - j'écris sa référence bibliographique : 1-2- 3-4- - je nomme et définis les codes de présentation

Plus en détail

Passeport Web 09. Introduction Architecture Règles de déclinaison

Passeport Web 09. Introduction Architecture Règles de déclinaison Passeport Web 09 Introduction Architecture Règles de déclinaison Introduction A propos Planche d intentions A propos Voyage au cœur de la marque numérique L objectif de ce document est de garantir une

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

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

Charte digitale B1-FR-B3 06/06/2013 Page 1. Charte Digitale BMW. Sites Concessionnaire.

Charte digitale B1-FR-B3 06/06/2013 Page 1. Charte Digitale BMW. Sites Concessionnaire. Page 1 Charte Digitale BMW. Sites Concessionnaire. Page 2 Charte Digitale BMW. Sommaire. 1. Fondamentaux. 2. Solution sites Multi-marques. 3. Charte site concessionnaire. 4. Notre engagement. Page 3 Charte

Plus en détail

Benchmark graphique et ergonomique secteur luxe Avril 2003

Benchmark graphique et ergonomique secteur luxe Avril 2003 Benchmark graphique et ergonomique secteur luxe Avril 2003 2003 - Reproduction interdite www.directeurartistique.net 1 Sommaire Introduction Ergonomie / Architecture de l information / Design Bilan 3 4

Plus en détail

SOUTENANCE ORALE RAPPORT DE PROJET D INFORMATIQUE

SOUTENANCE ORALE RAPPORT DE PROJET D INFORMATIQUE SOUTENANCE ORALE RAPPORT DE PROJET D INFORMATIQUE SITE INTERNET DE L ASSOCIATION Diapositive 1 RAPPORT DE PROJET Site internet de l association INTRODUCTION 1) Je m appelle Léonard STRONG. 2) Oral de présentation

Plus en détail

LIVRET D UTILISATION

LIVRET D UTILISATION LIVRET D UTILISATION DE L IDENTITÉ VISUELLE Ce livret d utilisation a pour but d harmoniser, d établir la cohérence et de renforcer la lisibilité de toutes les actions de communication de l université

Plus en détail

DU CMS FEDERAL AU CMS ONE

DU CMS FEDERAL AU CMS ONE DU CMS FEDERAL AU CMS ONE Guide-utilisateur pour les webmasters Octobre 2012 Version Date Auteur Commentaire 1.0 Juin 2012 F Boyer Création du document 1.1 Juillet 2012 F Boyer Mise à jour 1.1b Octobre

Plus en détail

Correction du français écrit dans les travaux scolaires

Correction du français écrit dans les travaux scolaires Guide pratique Conseils et astuces Correction du français écrit dans les travaux scolaires Léandre Larouche Étudiant en Arts, lettres et communication Mars 2015 TABLE DES MATIÈRES SOMMAIRE... 3 INTRODUCTION...

Plus en détail

Les critères d ergonomie : des conseils pour concevoir un site

Les critères d ergonomie : des conseils pour concevoir un site Masson Janice Licence professionnelle Webmestre Editorial Les critères d ergonomie : des conseils pour concevoir un site Enseignant : Franck Grimonpont 2010-2011 Sommaire Introduction... Page 1 I) L utilisateur

Plus en détail

ÉCRITURE WEB. Pour que les internautes trouvent rapidement l information, il faut que la structure du site Web ait été planifiée.

ÉCRITURE WEB. Pour que les internautes trouvent rapidement l information, il faut que la structure du site Web ait été planifiée. ÉCRITURE WEB L écriture Web n est pas une nouvelle façon d écrire, mais plutôt une façon de présenter l information qui tient compte des possibilités du Web, dont les hyperliens, la vidéo, le son et les

Plus en détail

Création de site internet

Création de site internet Création de site internet [Nom de votre société / collectivité] - Cahier des Charges - Sommaire : 1. Présentation... 2 1.1. Les coordonnées... 2 1.2. Description de l établissement... 2 1.3. Contexte...

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

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

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

Identité et Charte Graphique 2011

Identité et Charte Graphique 2011 Identité et Charte Graphique 2011 SOMMAIRE P 02 Logotype Familles Rurales P 03-04 Couleurs - Familles de produit P 05-06 Code typographique P 07 Univers iconographique P 08 Mise en page - Modèles P 09-15

Plus en détail

Présidence belge du Conseil de l Union européenne. Charte graphique

Présidence belge du Conseil de l Union européenne. Charte graphique Présidence belge du Conseil de l Union européenne Charte graphique > Table des matières 1 Logo de la Présidence belge 1.1 Logo officiel 1.2 Version monochrome 1.3 Réduction maximale recommandée 2 Gamme

Plus en détail

Créer un logo. Après avoir lu le document ci-dessous vous devez créer un logo pour l hôtel restaurant de gascogne.

Créer un logo. Après avoir lu le document ci-dessous vous devez créer un logo pour l hôtel restaurant de gascogne. Créer un logo Travail à Faire : Après avoir lu le document ci-dessous vous devez créer un logo pour l hôtel restaurant de gascogne. Le présenter sous différent format (web, carte de visite n&b/couleur)

Plus en détail

Voix ambiguë d'un cœur qui, au zéphyr, préfère les jattes de kiwis

Voix ambiguë d'un cœur qui, au zéphyr, préfère les jattes de kiwis Pangramme Police Times New Roman Taille de Page A4 Orientation Portrait 8 10 12 14 16 18 zéphyr, préfère les jattes de kiwis 20 zéphyr, préfère les jattes de kiwis 22 zéphyr, préfère les jattes de kiwis

Plus en détail

Évaluation d un site web

Évaluation d un site web Évaluation d un site web greyna.eu Sommaire : I. Évaluation subjective Présentation Les points positifs Les points négatifs II. Évaluation avec critères III. Avec la méthode d évaluation cepiah Technique

Plus en détail

Guide des normes d identité visuelle

Guide des normes d identité visuelle Guide des normes d identité visuelle Logo et mot-symbole Parti libéral du Canada, 2011. Tous droits réservés. Introduction Guide d utilisation Les présentes lignes directrices définissent les éléments

Plus en détail

Remarques destinées aux auteurs pour la mise en page et l homogénéité des séries d examens

Remarques destinées aux auteurs pour la mise en page et l homogénéité des séries d examens Remarques destinées aux auteurs pour la mise en page et l homogénéité des séries d examens Police Arial 11 (Arial 10 ou 9 dans les tableaux, suivant la place) Marge de gauche L alignement de tous les exercices

Plus en détail

TRENDBOARD. Projet de site portail Référencement des écoles et des formations graphiques. Auteur : Julien Amblard

TRENDBOARD. Projet de site portail Référencement des écoles et des formations graphiques. Auteur : Julien Amblard TRENDBOARD Projet de site portail Référencement des écoles et des formations graphiques Auteur : Julien Amblard Référencement des écoles et des formations graphiques Projet de site portail Auteur : Julien

Plus en détail

>> Ajouter une page web Ordre Lien urlpage titre description Actif Lien au menu niveau cliquable type Consulter Enregistrer

>> Ajouter une page web Ordre Lien urlpage titre description Actif Lien au menu niveau cliquable type Consulter Enregistrer 1 C R É AT I O N D E S PAG E S D É S I R É E S > Pour ajouter des pages au site, cliquer sur >> Ajouter une page web > Des champs blancs à remplir apparaissent. L Ordre est le rang qu occupera cette page

Plus en détail

Ergonomie. Accessibilité et référencement. Master Caweb - Ergonomie - Chloé Temesvari

Ergonomie. Accessibilité et référencement. Master Caweb - Ergonomie - Chloé Temesvari + Ergonomie Accessibilité et référencement + Plan Chapitre 5 : Accessibilité et référencement Qu est-ce l accessibilité? Critères à prendre en compte La taille et a résolution d écran La police Les navigateurs

Plus en détail

BUR - Bureautique. virginie.sans@univ-rennes1.fr http://perso.univ-rennes1.fr/virginie.sans/bur BUR. Traitement de textes

BUR - Bureautique. virginie.sans@univ-rennes1.fr http://perso.univ-rennes1.fr/virginie.sans/bur BUR. Traitement de textes - Bureautique virginie.sans@univ-rennes1.fr http://perso.univ-rennes1.fr/virginie.sans/ Objectifs «Bonne utilisation» d un logiciel de traitement de texte et d un tableur Logiciel de traitement de texte

Plus en détail

REFONTE GRAPHIQUE DU SITE INTERNET DE LA FFSc

REFONTE GRAPHIQUE DU SITE INTERNET DE LA FFSc REFONTE GRAPHIQUE DU SITE INTERNET DE LA FFSc Un site veillissant Objectifs de la refonte Démonstration Avantages du nouveau site Procédure Un nouvel habillage pour la newsletter Conclusion Un site veillissant

Plus en détail

5. Word - Ecrire un texte

5. Word - Ecrire un texte 5. Word - Ecrire un texte Entrons dans le vif du sujet en commençant par Word! Nous allons tout d'abord voir les bases de la mise en forme du texte, et l'insertion d'éléments. 1. Ecrire son premier texte

Plus en détail

Sommaire. Page 3 : Le Logotype. Page 4 : Les variantes. Page 5 : Les couleurs. Page 6 : La typographie. Page 7 : Les têtes de lettre

Sommaire. Page 3 : Le Logotype. Page 4 : Les variantes. Page 5 : Les couleurs. Page 6 : La typographie. Page 7 : Les têtes de lettre Charte graphique Sommaire Page 3 : Le Logotype Page 4 : Les variantes Page 5 : Les couleurs Page 6 : La typographie Page 7 : Les têtes de lettre Page 8 : Les cartes de visite et cartes de correspondance

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

Groupe Eyrolles, 2008 ISBN : 978-2-212-12234-3

Groupe Eyrolles, 2008 ISBN : 978-2-212-12234-3 Groupe Eyrolles, 2008 ISBN : 978-2-212-12234-3 9 Les règles de styles Il est nécessaire de bien connaître les règles de styles mais, pour un usage performant de Dreamweaver, il est aussi utile de bien

Plus en détail

Manuel utilisateur du site IReMus

Manuel utilisateur du site IReMus Manuel utilisateur du site IReMus Adresse du site : http://www.iremus.cnrs.fr CONNEXION AU SITE DU LABORATOIRE... 2 DEMANDER UN MOT DE PASSE... 4 CHANGER DE MOT DE PASSE APRÈS CONNEXION... 6 VOS ACCÈS...

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

La rédaction de la thèse

La rédaction de la thèse La rédaction de la thèse Utilisation rationnelle et optimale du traitement de texte Source : Photo libre.com Introduction Objectifs Ne plus utiliser les logiciels de traitement de texte comme une machine

Plus en détail

Les bases d Excel. I L interface d Excel CHAPITRE I OBJECTIFS MOTS CLÉS

Les bases d Excel. I L interface d Excel CHAPITRE I OBJECTIFS MOTS CLÉS CHAPITRE I Les bases d Excel OBJECTIFS Découvrir l interface d Excel Mettre en forme un tableau Sélectionner et recopier des cellules Imprimer des documents Excel MOTS CLÉS Nouvelle Interface Mettre en

Plus en détail

Charte graphique pour envoi d emails par les Programmes Internationaux depuis Salesforce

Charte graphique pour envoi d emails par les Programmes Internationaux depuis Salesforce Charte graphique pour envoi d emails par les Programmes Internationaux depuis Salesforce But du document Ce document a pour but de définir la mise en page des communications envoyées par les Programmes

Plus en détail

SUPPORT DE CREATION Site internet «Lucy & Ian»

SUPPORT DE CREATION Site internet «Lucy & Ian» SUPPORT DE CREATION Site internet «Lucy & Ian» Gulia Communication SOMMAIRE Généralité... 3 Environnement technique... 4 Accès techniques... 5 Rétroplanning... 6 Approche conceptuelle... 7 Présentation

Plus en détail

«Réussir sa présentation avec PowerPoint»

«Réussir sa présentation avec PowerPoint» «Réussir sa présentation avec PowerPoint» Support de cours Version du 30/09/2007 Eric Giraudin http://sos-communication.weebly.com Page 1 sur 15 :: Règles de base en PreAO (le diaporama du cours est téléchargeable

Plus en détail

RÉALISATION D UNE IDENTITÉ VISUELLE ET D UN SITE INTERNET POUR LA NOUVELLE CHAINE «6TER»

RÉALISATION D UNE IDENTITÉ VISUELLE ET D UN SITE INTERNET POUR LA NOUVELLE CHAINE «6TER» RÉALISATION D UNE IDENTITÉ VISUELLE ET D UN SITE INTERNET POUR LA NOUVELLE CHAINE «6TER» EXAMEN GÉNÉRAL//WEB3AN/2012 JÉRÔME BRAZ SOMMAIRE Contexte / Projet ------- p1 Roughs ------- p2 Roughs Vectorisés

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

L UTILISATION DU HTML POUR L ENVOI DE VOS COURRIELS

L UTILISATION DU HTML POUR L ENVOI DE VOS COURRIELS L UTILISATION DU HTML POUR L ENVOI DE VOS COURRIELS Courrielleur privilégie l usage des courriels HTML pour les envois marketing. En effet, le HTML permet d organiser graphiquement l information de manière

Plus en détail

Gestion du texte en InDesign avec les styles : mise en pages d'un livret

Gestion du texte en InDesign avec les styles : mise en pages d'un livret Gestion du texte en InDesign avec les styles : mise en pages d'un livret Partir de zéro pour créer une mise en pages stylée en InDesign, avec une gestion des styles, couleurs, folios etc Créons le document

Plus en détail

Listing J-> S des Astuces Microsoft Word.

Listing J-> S des Astuces Microsoft Word. Listing J-> S des Astuces Microsoft Word. 1. Justifiez vos paragraphes par défaut 2 2. Manipuler les fichiers Office 2007 avec les versions précédentes - Office 2000/XP/2003 2 3. Mettre en valeur du texte

Plus en détail

CAHIER DES CHARGES. Refonte du Site : ToufikOulmi.com. 28/03/2012 - Cahier des charge «TOUFIKOULMI.COM» - S.LARVET

CAHIER DES CHARGES. Refonte du Site : ToufikOulmi.com. 28/03/2012 - Cahier des charge «TOUFIKOULMI.COM» - S.LARVET CAHIER DES CHARGES Refonte du Site : ToufikOulmi.com 1/20 SOMMAIRE 1- Contexte 2- Objectifs 3- Pérennité du site 4- Résultats attendus et publics visés 5- Contraintes 6- Délais 7- Benchmark 8- Les Contenus

Plus en détail

Sommaire. Récapitulatif Contexte Parti pris créatifs Une structure horizontale Et aussi...

Sommaire. Récapitulatif Contexte Parti pris créatifs Une structure horizontale Et aussi... Sommaire Récapitulatif Contexte Parti pris créatifs Une structure horizontale Et aussi... Récapitulatif Synthèse de l audit ergonomique 1. Lisibilité et accès aux informations noyés par le TROP d informations

Plus en détail

Université de la Méditerranée - Aix Marseille II AUDIT DU SITE INTERNET DE L UNIVERSITÉ DE LA MÉDITERRANÉE WWW.UNIVMED.FR

Université de la Méditerranée - Aix Marseille II AUDIT DU SITE INTERNET DE L UNIVERSITÉ DE LA MÉDITERRANÉE WWW.UNIVMED.FR Université de la Méditerranée - Aix Marseille II AUDIT DU SITE INTERNET DE L UNIVERSITÉ DE LA MÉDITERRANÉE WWW.UNIVMED.FR 1 Sommaire AUDIT 1. Analyse de l existant 1.1 Graphisme 1.2 Ergonomie 1.3 Arborescence

Plus en détail

CHARTE GRAPHIQUE. La charte graphique doit être remise à tout imprimeur ou graphiste chargé de la réalisation d un support.

CHARTE GRAPHIQUE. La charte graphique doit être remise à tout imprimeur ou graphiste chargé de la réalisation d un support. CHARTE GRAPHIQUE L université de Cergy-Pontoise s est dotée d une charte graphique permettant d utiliser son logotype sur tous les supports réalisés pour et par les composantes ou les services, ainsi que

Plus en détail

par Michel de Mauraige et Véronique Vézina 1 er octobre 2009

par Michel de Mauraige et Véronique Vézina 1 er octobre 2009 par Michel de Mauraige et Véronique Vézina 1 er octobre 2009 RTC et STAC en chiffres RTC 66 000 clients par jour, 120 000 différents par mois 7000 visiteurs par jour sur le site Internet STAC 6527 utilisateurs

Plus en détail

Typographie et polices

Typographie et polices Lisibilité Typographie et polices Les polices Les police avec empattement (avec serif) sont çà réserver pour les supports papier. Les polices (suite) Times New Roman Garamond Bodoni! Minion Pro Georgia

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

Cahier des charges du site internet de l AIM

Cahier des charges du site internet de l AIM Julie Toussaint Marie Olivier TEMA 3 Cahier des charges du site internet de l AIM 1 Sommaire Présentation du projet... 3 Rôles... 3 Objectifs du site... 4 Liste des prestations attendues... 4 Contenu du

Plus en détail

Module Article. Plate-forme de gestion de contenu. PubliShare utilise la librairie javascript (AJAX - Web 2.0)

Module Article. Plate-forme de gestion de contenu. PubliShare utilise la librairie javascript (AJAX - Web 2.0) G U I D E D U T I L I S AT I O N Publishare Plate-forme de gestion de contenu Module Article PubliShare utilise la librairie javascript (AJAX - Web.0) Sommaire Généralités Schéma de navigation Identification

Plus en détail

Générez votre fichier PDF sur Mac avec Illustrator CS

Générez votre fichier PDF sur Mac avec Illustrator CS Générez votre fichier PDF sur Mac avec Illustrator CS Ce Guide vous explique les procédures informatiques à suivre pour générer votre fichier au format PDF à partir d Illustrator CS (logiciel de création

Plus en détail

Kit de déploiement cahier 6 publication sur les portails préconisations Version 3.01 du 16 septembre 2013

Kit de déploiement cahier 6 publication sur les portails préconisations Version 3.01 du 16 septembre 2013 Kit de déploiement cahier 6 publication sur les portails préconisations Version 3.01 du 16 septembre 2013 Délégation académique au numérique Rectorat de Nantes Sommaire Sommaire... 2 Introduction... 4

Plus en détail

Tutoriel d utilisation

Tutoriel d utilisation Tutoriel d utilisation JCE est l éditeur le plus complet pour Joomla! JCE est capable de gérer les mise en page comme un éditeur de type Word ou Open Office. Il permet d insérer des images et médias de

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

Ministère de l enseignement supérieur et de la recherche scientifique. Direction Générale des Études Technologiques

Ministère de l enseignement supérieur et de la recherche scientifique. Direction Générale des Études Technologiques Ministère de l enseignement supérieur et de la recherche scientifique Direction Générale des Études Technologiques Institut Supérieur des Etudes Technologiques de SILIANA Département Technologies de l

Plus en détail

Les feuilles de styles

Les feuilles de styles Qu'est-ce que les feuilles de style? Les feuilles de style CSS pour Cascading Style Sheets en anglais est un langage informatique qui sert à décrire la présentation des documents HTML. L'un des objectifs

Plus en détail

REDIGER ET METTRE EN FORME SON RAPPORT DE STAGE DE CAP PETITE ENFANCE

REDIGER ET METTRE EN FORME SON RAPPORT DE STAGE DE CAP PETITE ENFANCE REDIGER ET METTRE EN FORME SON RAPPORT DE STAGE DE CAP PETITE ENFANCE MFR MATHA 3, avenue Paul Monmoine 17160 MATHA LA REDACTION Pour que votre rapport de stage soit harmonieux et donc agréable à lire,

Plus en détail

Microsoft WORD. Sommaire :

Microsoft WORD. Sommaire : Le traitement de texte avec : Microsoft WORD Sommaire : 1 Le traitement de texte : usages typographiques ITALIQUE Règles Typographiques On se sert de l italique pour attirer l attention sur un mot, sur

Plus en détail

.6..SIGNALISATION. Critères d'accessibilité répondant aux besoins des personnes ayant une déficience visuelle. 6.1 Concept de base

.6..SIGNALISATION. Critères d'accessibilité répondant aux besoins des personnes ayant une déficience visuelle. 6.1 Concept de base énovation.6..signalisation. 6.1 Concept de base Prévoir une signalisation comportant quatre types d'information : - Orientation : plan qui donne un aperçu de l ensemble du bâtiment et répertoire d étage

Plus en détail

LES RÈGLES D OR DE LA MISE EN PAGE D UN DOCUMENT

LES RÈGLES D OR DE LA MISE EN PAGE D UN DOCUMENT LES RÈGLES D OR DE LA MISE EN PAGE D UN DOCUMENT 1 TABLE DES MATIÈRES INTRODUCTION...3 1. LES DIFFÉRENTS TYPES DE DOCUMENTS...3 2. LES 5 PRINCIPES POUR STRUCTURER VOS DOCUMENTS...3 2.1. Premier principe

Plus en détail

Introduction aux squelettes SPIP «RÉCIT-FP Partenaires v1.3.2»

Introduction aux squelettes SPIP «RÉCIT-FP Partenaires v1.3.2» Introduction aux squelettes SPIP «RÉCIT-FP Partenaires v1.3.2» Note importante : Pour l installation de SPIP et des squelettes RÉCIT-FP Partenaires v1.3.2, veuillez vous référer au fichier INSTALL.txt.

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

Manuel de maintenance

Manuel de maintenance FÉDÉRATION FRANÇAISE DE NATATION. Commission Informatique Fédérale Manuel de maintenance......... des sites satellites INTERNET FFN Version 2.01 15 Novembre 2007 Préambule Ce document a pour but de fixer

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

Réalisation d'un site web. Première partie : Création des pages HTML. <tv>thierry.vaira@orange.fr</tv>

Réalisation d'un site web. Première partie : Création des pages HTML. <tv>thierry.vaira@orange.fr</tv> Réalisation d'un site web Première partie : Création des pages HTML 1 Objectifs Se familiariser avec le codage HTML Acquérir une pratique minimale Être capable de mener à bien la construction d'un site

Plus en détail

CHARTE GRAPHIQUE. //Guide d application du logotype

CHARTE GRAPHIQUE. //Guide d application du logotype CHARTE GRAPHIQUE //Guide d application du logotype Une nouvelle identité pour mieux rassembler L objectif de la Fédération Sportive et Culturelle de France (FSCF) est d affirmer progressivement une véritable

Plus en détail

Qu est-ce que Mailworks?

Qu est-ce que Mailworks? Qu est-ce que Mailworks? Mailworks est un programme en ligne qui permet de créer et d envoyer rapidement et en toute simplicité des lettres d'information professionnelles. Pour ce faire, vous ne devez

Plus en détail

Ville de PFAFFENHOFFEN Avril 2007

Ville de PFAFFENHOFFEN Avril 2007 Ville de PFAFFENHOFFEN Avril 2007 2 Sommaire Introduction 4 I. Logotype 5 Présentation 5 Composition 6 Utilisations 8 II. Déclinaisons 12 Carte de visite 12 Lettre type 13 III. Typographie 14 Coordonnées

Plus en détail

GUIDE DE NORMES GRAPHIQUES IDENTITÉ VISUELLE

GUIDE DE NORMES GRAPHIQUES IDENTITÉ VISUELLE GUIDE DE NORMES GRAPHIQUES IDENTITÉ VISUELLE DÉCEMBRE 2015 IDENTITÉ VISUELLE Un ensemble entrelacé avec au cœur, l œil stylisé formant le O. Ce sigle domine dans toute sa finesse, son élégance et sa complexité.

Plus en détail

Bienvenue dans l'application des Classiques Garnier Numérique.

Bienvenue dans l'application des Classiques Garnier Numérique. Bienvenue dans l'application des Classiques Garnier Numérique. Ce document décrit les fonctions de l'application. Cliquer sur les rubriques du Sommaire. Fenêtres de l'application Dans le bandeau supérieur:

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 annelaureperrone CHARTE GRAPHIQUE REZONNE

CHARTE GRAPHIQUE annelaureperrone CHARTE GRAPHIQUE REZONNE CHARTE GRAPHIQUE SOMMAIRE La charte graphique de REZONNE contient les principales règles d utilisation du logo. Son objectif est de conserver, à travers le temps, une cohérence graphique et une effi cacité

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

Donner. du sens. communication harmonieuse et cohérente.

Donner. du sens. communication harmonieuse et cohérente. CHARTE GRAPHIQUE Donner du sens La présente charte graphique a pour vocation de créer une unité de sens. Respecter les règles énoncées dans ce document permet de développer une communication harmonieuse

Plus en détail

PRE BENCHMARK. Agence de voyage Alliance du Monde. Site e-commerce. Delphine LEROSEY - MJM Web Design m1

PRE BENCHMARK. Agence de voyage Alliance du Monde. Site e-commerce. Delphine LEROSEY - MJM Web Design m1 PRE BENCHMARK Site e-commerce Agence de voyage Alliance du Monde Delphine LEROSEY - MJM Web Design m1 Sommaire Concurrents sérieux... 3 Benchmark graphique des concurrents... 4 Bilan... 12 Positionnement

Plus en détail

Nicole Pignier et Benoît Drouillat. Penser le webdesign. Modèles sémiotiques pour les projets multimédias

Nicole Pignier et Benoît Drouillat. Penser le webdesign. Modèles sémiotiques pour les projets multimédias Nicole Pignier et Benoît Drouillat Penser le webdesign Modèles sémiotiques pour les projets multimédias 1 Plan de l ouvrage Introduction Première partie : Nourrir l inspiration créative dans les projets

Plus en détail

Logo pour le DUT Informatique de LAVAL

Logo pour le DUT Informatique de LAVAL Logo pour le DUT de Charte Graphique /1 IUT- Turpin François Sommaire Descriptif du logo --->3 Le logo dans un but publicitaire --->4 Tailles du logo --->5 Le logo et ses couleurs --->6 Déclinaison des

Plus en détail

Introduction. Créer, ouvrir et enregistrer un fichier

Introduction. Créer, ouvrir et enregistrer un fichier Introduction Microsoft Office Word est un logiciel de traitement de texte permettant la rédaction de documents, de rapports, de notes de service, etc. Il facilite la correction des fautes d orthographe

Plus en détail

Sites collaboratifs pour collectivités locales et associations

Sites collaboratifs pour collectivités locales et associations Sites collaboratifs pour collectivités locales et associations La société Médiagonale a mis au point un système de site internet spécialement adapté aux besoins des collectivités locales, en particulier

Plus en détail

Rédaction story board. Objectifs d un story board Structure Démarche proposer Règle de l écriture multimédia

Rédaction story board. Objectifs d un story board Structure Démarche proposer Règle de l écriture multimédia Rédaction story board Objectifs d un story board Structure Démarche proposer Règle de l écriture multimédia 1 Story board : définition Story board : Dossier détailléde conception de la formation Détail

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

Optimiser les e-mails marketing Les points essentiels

Optimiser les e-mails marketing Les points essentiels Optimiser les e-mails marketing Les points essentiels Sommaire Une des clés de succès d un email marketing est la façon dont il est créé puis intégré en HTML, de telle sorte qu il puisse être routé correctement

Plus en détail

Plan de la formation (1)

Plan de la formation (1) Plan de la formation (1) 1. Présentations 2. Contexte de la formation 3. Objectifs poursuivis 4. Quelques règles à suivre 5. Exemples et contre-exemples à l appui! 6. Expérimentation de commandes et exercices

Plus en détail

Kit Média RiskAssur 2016

Kit Média RiskAssur 2016 La Maîtrise des Risques hebdo Kit Média 2016 Insertions publicitaires dans Le magazine -hebdo La Lettre Quotidienne de Le site du magazine : https://www.riskassur-hebdo.com Tarifs applicables à partir

Plus en détail

Utilisation de Microsoft Offi ce OneNote 2003 : Initiation rapide

Utilisation de Microsoft Offi ce OneNote 2003 : Initiation rapide Utilisation de Microsoft Offi ce OneNote 2003 : Initiation rapide Utilisation du guide d initiation à OneNote : MICROSOFT OFFICE ONENOTE 2003 AUGMENTE LA PRODUCTIVITÉ EN PERMETTANT AUX UTILISATEURS DE

Plus en détail

Analyse d un cahier des charges Proposition de refonte de site Le Parc Zoologique de Nantes. 23.02.11 Jérémy Héno / Juliette Neveu

Analyse d un cahier des charges Proposition de refonte de site Le Parc Zoologique de Nantes. 23.02.11 Jérémy Héno / Juliette Neveu Analyse d un cahier des charges Proposition de refonte de site Le Parc Zoologique de Nantes Sommaire - Notre agence - Résumé de la demande - Analyse - Benchmark / étude de la concurrence - Proposition

Plus en détail

Administration du module Gestion Accueil

Administration du module Gestion Accueil Administration du module Gestion Accueil 1 1. Administration : administration accueil 1.1. Affichage demande 4 1.2. Définition d une recherche pour le formulaire 6 1.3. Formulaire de recherche 8 1.4. Configuration

Plus en détail

Charte graphique. Bourgogne Tourisme 2009

Charte graphique. Bourgogne Tourisme 2009 Charte graphique Bourgogne Tourisme 2009 2009 : un tournant dans la communication touristique de la Bourgogne. Notre offre est en pleine mutation pour répondre aux nouveaux modes de consommation de nos

Plus en détail