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



Documents pareils
Charte graphique 2011

MAILING KOMPOZER... 2 CREEZ UNE PAGE... 2 FORMAT DE LA PAGE... 2 AJOUTER DU TEXTE SUR UNE PAGE... 4

Comment mettre en page votre livre

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

Sommaire. 1/ Grille. 2/ Specs globales. 3/ Specs HP. 4/ Specs Questions. 5/ Specs Offre. 6/ Specs Faq. 7/ Comportements interactifs

Tutoriel BLOGGER. Pour vous donner une idée, voici un exemple de blog :

Troisième projet Scribus

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

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

Manuel de mise en page de l intérieur de votre ouvrage

Création d un formulaire de contact Procédure

MODE D'EMPLOI DU CONTRIBUTEUR WEB UAPV "CONTRIBUER DANS UNE RUBRIQUE DU SITE WEB"

Manuel d'utilisation de l'administration du site Japo.ch - 1

Note de cours. Introduction à Excel 2007


Le logiciel de création de site internet IZISPOT est un outil très puissant et qui est assez simple après quelques temps d utilisation.

GUIDE DE DEMARRAGE RAPIDE:

Freeway 7. Nouvelles fonctionnalités

Ce document a été créé par SIP19 et fourni gracieusement au réseau associatif sportif scolaire de l USEP.

Guide de correction et d optimisation des images en vue de leur publication sous Marcomedia Contribute. Logiciel utilisé : Adobe PhotoShop 7

Tapez le titre de la page «BASTIA ville méditerranéenne», puis allez deux fois à la ligne à l aide de la touche Entrée.

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

AGASC / BUREAU INFORMATION JEUNESSE Saint Laurent du Var Tel : bij@agasc.fr Word: Les tableaux.

Création d un site Internet

Tutoriel pour la création d'un Google Sites

1 CRÉER UN TABLEAU. IADE Outils et Méthodes de gestion de l information

Tutoriel : Feuille de style externe

Assemblage couleur & trait en InDesign pour fichier Acrobat - 1

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

CRÉER UNE BASE DE DONNÉES AVEC OPEN OFFICE BASE

Programme d Accès Communautaire / Atelier 4 Initiation à Microsoft Excel PLAN DE COURS 3 MICROSOFT EXCEL 4 LANCER EXCEL 4

3. RÉALISATION ET QUALIFICATION D UN PROTOTYPE 3.1 Réalisation d un prototype CRÉATION D UNE PAGE WEB STATIQUE AU FORMAT HTML

Guide d'utilisation. OpenOffice Calc. AUTEUR INITIAL : VINCENT MEUNIER Publié sous licence Creative Commons

Avant-propos FICHES PRATIQUES EXERCICES DE PRISE EN MAIN CAS PRATIQUES

Guide de l utilisateur. Faites connaissance avec la nouvelle plateforme interactive de

Introduction à Expression Web 2

à l édition de textes

T u t o r i e l s PhotoFiltre

JOOMLA 1.5 avancé SUPPORT DE COURS + annexe

Créer un tableau avec LibreOffice / Calc

Mise en forme d'un document écrit sous Word - quelques rappels pour consolider ses connaissances -

Création de maquette web

Bernard Lecomte. Débuter avec HTML

CONFIGURER LA CONNEXION RESEAU A L'AIDE DU WIFI INTEGRE DE WINDOWS XP/VISTA/SEVEN, ANDROID ET IOS.

F.A.Q 1.0 Designer 3D Atex System

Cahier des charges pour la création du site sous DRUPAL

Spécifications techniques

Pack Fifty+ Normes Techniques 2013

Utiliser le logiciel Photofiltre Sommaire

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

Guide de démarrage rapide

Premiers pas avec Scribus

FrontPage Support d apprentissage septembre 2000

KompoZer. Composition du site : _ une page d'accueil : index.html. _ une page pour la théorie : theorie.html. _ une page pour les photos : photos.

Utilisation de l éditeur.

Tutoriel d utilisation du Back-Office du site de la ligue

<Créer un site Web. avec/> Suzanne Harvey

Tutorial pour colorier les cheveux avec Photoshop

CONFIGURER LA CONNEXION RESEAU WIFI SOUS WINDOWS XP/VISTA/7/8, ANDROID ET IOS.

JAHIA 6. Création et modification de sites web UniNE

3 PAPETERIE. 3.2 En-tête et suite de lettre CD. Arial Bold 9 pts, noir, cap et bas de casse, centré

Traitement de texte niveau I

2 S I M 1 P H O N E G U I D E U T I L I S A T E U R. Guide d utilisation E-commerce / Prestashop

Ce guide, offert par Atramenta. net est proposé sous licence Creative Commons BY-SA http ://creativecommons. org/licenses/by-sa/3.0/deed.

Création d un fichier de découpe

1. CRÉER UNE LISTE DE CONTACTS

BML Informatique Tableur OpenOffice.org Calc Mercredi 8 avril 2015

LES GRANDES ETAPES DE CREATION D UN WEB DESIGN

ATELIERS WEB : création d'un site web enfants de CM2

UTILISER LA MESSAGERIE

Cours Excel : les bases (bases, texte)

RACCOURCIS CLAVIERS. DEFINITION : Une «combinaison de touches» est un appui simultané sur plusieurs touches.

Access 2010 Entraînement 1 Garage Renault Dossier 24 MCD

qwertyuiopasdfghjklzxcvbnmqwerty uiopasdfghjklzxcvbnmqwertyuiopas dfghjklzxcvbnmqwertyuiopasdfghjklz mqwertyuiopasdfghjklzxcvbnmqwert

Des outils numériques simples et conviviaux!

Questionnaires préalable à la réalisation d un site e-commerce

Formation tableur niveau 1 (Excel 2013)

Licence de Biologie, 1ère année. Aide. [Aide 1] Comment utiliser l'explorateur Windows? Comment créer des dossiers?

COMMENCER AVEC VUE. Chapitre 1

Plan. Traitement de texte et PAO 4/10/06. Initiation à Word

COMMENT CREER VOS BANDES GRAND FORMAT?

Modules Multimédia PAO (Adobe)

Créer un diaporama avec OpenOffice.org Impress

UNIVERSITE LA SAGESSE FACULTÉ DE GESTION ET DE FINANCE MBA OPTION MIS. MIAGe METHODES INFORMATIQUES APPLIQUEES A LA GESTION

Tp_chemins..doc. Dans la barre "arche 2" couleur claire 1/5 21/01/13

Création d'étiquettes de disques à l'aide de LightScribe

CAP BOX Note utilisateurs

PARAMETRAGE ET PERSONNALISATION DU LOGICIEL POUR VOTRE SOCIÉTÉ.

Ecran : Processeur : OS : Caméra : Communication : Mémoire : Connectique : Audio : Batterie : Autonomie : Dimensions : Poids : DAS :

StarDraw, le module de dessin de StarOffice 6/7

Notes de Cours. Geneviève Berck

Saisissez le login et le mot de passe (attention aux minuscules et majuscules) qui vous ont

L application «Classeur» ou «Calc»

Comment insérer une image de fond?

Un mini-site internet en une après-midi

GUIDE Excel (version débutante) Version 2013

Créer une maquette de site Internet

MANUEL DE PROCÉDURE POUR LA MISE À JOUR DU SITE DE FIDAFRIQUE. Documentation utilisateur Octobre 2005

Programmation Web TP1 - HTML

Partenariats commerciaux et publicité Les activités étudiantes Génération-RHRI Tournoi 360

Transcription:

version 1.0 / 12.11.03

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

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

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

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

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

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

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

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