EXPLICATION GRAPHIQUE

Slides:



Advertisements
Présentations similaires
Petit guide explicatif…
Advertisements

Été INF1025 Driouch Elmahdi
La fenêtre de Vic sur la toile. Page daccueil Conception générale du site CONTENU DUNE PAGE IMAGE DE FOND MENU DEROULANT VISUEL PRINCIPAL 4 BLOCS VIC.
Comment mettre un fond dans PowerPoint
Lycée C. De Gaulle Vannes Vente en ligne,.. …une question dergonomie.
Vente en ligne,.. …une question dergonomie.. Les clés de la réussite du site web marchand : Contenus rédactionnels Navigation Design Accessibilité
Présentation déclinaisons graphiques du site FTVP 10/07/2008.
Comprendre l’ergonomie du module STSWEB
Lexique des manœuvres de base pour utiliser à PowerPoint
Utiliser PowerPoint 2000 La fenêtre PowerPoint
La fonction Style Permet de créer des types de texte, par exemple
Les TABLEAUX Retour au menu principal.
Conception et mise en page
Quest-ce quun lien ?. Exemple à partir du site du ministère de léducation nationale A la page daccueil, vous y trouvez du texte et … des liens vers dautres.
Logiciel de création de brochures, de prospectus, de revues, etc.
Commission scolaire des Laurentides
Création d’un diaporama avec le logiciel Microsoft Office -Powerpoint pour avancer clic sur la diapositive Pour mettre en œuvre le logiciel : Clic sur.
POWERPOINT 97 POMazagol Les barres d'outils PowerPoint donne la possibilité douvrir de nombreuses « barres doutils ». Pour ajouter ou enlever une barre.
PRESENTATION DU LOGICIEL
PROJET DATELIEU 20 MARS 2012LCP SALLE B105 création du site internet avec Weebly.
~ Les bonnes pratiques ~
Créer une animation simple Gif avec ImageReady.
La souris.
Concevoir un diaporama avec Power Point.
Traitement de textes WinWord 3 e année Sciences économiques, de gestion et commerciales Présenté par NEHAR Attia.
TUTO POWER POINT Parole d’école décembre 2010
Netvibes VS Pearltrees
Formation – Power Point
Création de menus. Depuis la page d’accueil de votre site, cliquez sur le lien [Login] puis saisissez les identifiants qui vous ont été attribués. Connectez-vous.
Ergonomie d’un blog, d’un site internet
SPIP est un logiciel libre et un siteWeb collaboratif. Interfaces de rédaction des SPIP identiques : savoir utiliser un SPIP c’est savoir les utiliser.
Veolia Consommateurs Contenu
Déplacement des fichiers et des dossiers
Dans la barre des messages, cliquez sur Activer la modification,
Création JJ Pellé le 26août 2012 UTILISER INTERNET.
Insérer une image venant d’Internet
Exporter – Graver - Présenter  C'est grâce aux collections que "Exporter graver présenter" prend tout son sens  On peut y exporter un ensemble d'images,
Création diaporama et animations : JJ Pellé Le 21 juillet 2012 Infos tirées du NET et de Wikipédia.
Par JJ Pellé le 28 décembre 2012 Musique : générée par synthétiseur Yamaha PSR 8000.
SIAL une filiale du Groupe Comexposium Aperçu général Lien miroir (version en ligne) et header à ne pas modifier autrement que pour la traduction de la.
Les présentations assistées par ordinateur (préAO)
Création et présentation d’un tableau avec Word 2007
La refonte des sites d’appui Ce qui change pour vous.
PowerPoint Nouveau document Titres Grille et repères
Cour : Microsoft excel FACULTE DES SCIENCES AGADIR
Réaliser par : Moh Fakhri Slama
Regroupement du 20 janvier 2014 Syntaxe Wiki
Pour une présentation orale
+ Tutoriel KF L’outil IPROM et la sélection des idées prometteuses Janvier 2013.
Les guides de formation Conception de pages web. Guide Virtuose - version enseignant2 Guide - Conception de pages web Introduction Introduction, p. 3.
1. 1.Présentation 2. 2.Recherche 3. 3.Création 4. 4.Elaboration 5. 5.Démonstration 6. 6.Conclusion Réalisation d’un site web pour l’association « Les passeurs.
Créer un PowerPoint musical
Refonte du portail Internet agglo-montbeliard.fr Explications graphiques 08/11/2012.
DUTEIL la langue de chez nous
LES INFOS de Philippe et Patrick Journal d'informations en ligne Infospp.free.fr Mai 2006.
L’agenda masque encore le début des textes du Mag and co. Nous maintenons la demande du décalage de 50 pixels. Possible de réduite la typo Possible de.
POWERPOINT.
GEORGETA BĂDĂU CRÉATION ET GESTION D’UN BLOG AVEC LA PLATE-FORME LEWEBPEDAGOGIQUE.COM Séance no.2.
Éléments de présentation
MODE D’EMPLOI Sous-titre. Onglet explorer voir toutes les activités crées par les autres professeurs, on peut réutiliser le contenu Dans files d’abonnement.
Recueil d’exemples de cartographie dynamique (actualisé le 30/01/03)
L’objectif Faire connaître des artistes 3D grâce à un site Web accessible à tous.
Éléments de présentation
Comprendre l’ergonomie du module STSWEB. La page d’accueil de STSWEB Code et Nom de l’établissement Version du module Campagne en cours Année affichée.
GUIDE D’UTILISATION SITE STE BATHILDE. Sommaire 1.Connexion - La page d’accueil 2.Gérer les articles: - Création - Modification - Suppression 3.Gérer.
Scénario Les scénarios permettent de modifier la position, taille … des calques au cours du temps. Son fonctionnement est très proche de celui de Macromedia.
Dreamweaver MX Jauneau Marie Claude-Antoine Zarate.
Dreamweaver le retour Avec Les Formulaires Les Calques
Introduction à PowerPoint, logiciel de présentation Session hiver 2007 Commission scolaire Lac-St-Jean par Stéphanie Boivin.
Transcription de la présentation:

EXPLICATION GRAPHIQUE GOBELINS, L’ÉCOLE DE L’IMAGE

EXPLICATION GRAPHIQUE – GOBELINS, L’ÉCOLE DE L’IMAGE Pour la refonte du site des Gobelins, l’école de l’image, nous nous sommes principalement concentrés sur la compréhension de la problématique de l’école et des enjeux de cette refonte, le but étant pour nous de proposer un concept qui colle au mieux à l’image que souhaite véhiculer l’école. Concept Ce sont les productions Gobelins, les travaux d’élèves qui sont la principale valeur ajoutée du site. A la manière d’un écrin, le site se doit de mettre en valeur ces œuvres. Dans ce sens, l’internaute doit avoir la possibilité de s’immerger facilement dans l’univers des Gobelins. Ainsi, la galerie, espace le plus recherché par les internautes, doit être considérée comme une fenêtre sur la création artistique, une vitrine du savoir-faire de l’école. Graphisme Nous proposons donc un design simple et contemporain, un design qui respecte l’image des Gobelins, de par sa sobriété et son originalité. Une ergonomie alliant simplicité et flexibilité ainsi qu’une forte cohérence au niveau des codes couleurs rendront ce site à la fois fonctionnel et agréable à regarder. EXPLICATION GRAPHIQUE – GOBELINS, L’ÉCOLE DE L’IMAGE

EXPLICATION GRAPHIQUE – GOBELINS, L’ÉCOLE DE L’IMAGE Un arrière plan qui joue un flash vidéo, ou affiche une image, selon le choix de l’internaute. Un site extensible ( qui s’adapte à la résolution de l’internaute) pour plus d’immersion. Les logos Gobelins et CCIP sont toujours visible. Des boites de contenus qui se déplacent en drag and drop ,se replient et se rouvrent d’un simple clic pour mieux apprécier la vidéo. Une technologie qui permet à l’internaute de s’approprier le site de manière ludique. Bloc Actu principale Une navigation simple et claire, ergonomique avec des sous-catégories qui se déroulent au clic. Bloc Actus défilantes Bloc WebTV, Image ou remontée de la dernière vidéo L’ajout de formats publicitaire pourra, au choix, prendre la forme d’un encart de contenu supplémentaire positionné sur cette page, d’un bandeau publicitaire en haut de page ou d’un skyscraper se positionnant en surimpression du contenu. Les formats de ces bandeaux publicitaires pourront être variables en fonction des besoins des annonceurs. EXPLICATION GRAPHIQUE – GOBELINS, L’ÉCOLE DE L’IMAGE

EXPLICATION GRAPHIQUE – GOBELINS, L’ÉCOLE DE L’IMAGE Les multiples boites peuvent se ranger en ligne pour un meilleur confort de lecture grâce à ce bouton Grâce à ce bouton, l’internaute peut reprendre la main sur le positionnement des blocs Ici l’arrière plan joue une vidéo sur la présentation de l’établissement. Ouverture ou réduction de tous les blocs Bloc vidéo ou image qui renvoi sur un diaporama ou une vidéo de l’école EXPLICATION GRAPHIQUE – GOBELINS, L’ÉCOLE DE L’IMAGE

EXPLICATION GRAPHIQUE – GOBELINS, L’ÉCOLE DE L’IMAGE Diaporama graphique qui explique en quelques phrase les formations. Automatique ou manuel lorsque l’on passe le curseur sur les onglets des formations. Lorsque l’on clique sur le lien en savoir, on arrive sur la page détaillée de la formation choisie. Bloc actualités en rapport avec la formation. Bloc commercial EXPLICATION GRAPHIQUE – GOBELINS, L’ÉCOLE DE L’IMAGE

EXPLICATION GRAPHIQUE – GOBELINS, L’ÉCOLE DE L’IMAGE La galerie apparait en se dépliant de la gauche vers la droite. C’est une galerie contextuelle, c’est-à-dire, que si on se trouve sur la page formation continue Multimédia, la galerie affichée présentera la page multimédia. Tri par sections et par années. Le tri par années « slide » les pages de gauche à droite en restant sur la section choisie. On replie la galerie par ce bouton EXPLICATION GRAPHIQUE – GOBELINS, L’ÉCOLE DE L’IMAGE

EXPLICATION GRAPHIQUE – GOBELINS, L’ÉCOLE DE L’IMAGE Lorsqu’on a cliqué sur un projet, une fenêtre (lightbox) s’ouvre pour faire apparaitre le projet sélectionné. On passe d’un projet à un autre via les flèches latérales EXPLICATION GRAPHIQUE – GOBELINS, L’ÉCOLE DE L’IMAGE

EXPLICATION GRAPHIQUE – GOBELINS, L’ÉCOLE DE L’IMAGE CONTACT Marine Soroko Directrice commerciale +33 1 42 01 34 05 msoroko@core-techs.fr 5, Place du Colonel Fabien 75010 Paris www.core-techs.fr Ludovic de La Bédoyère Ingénieur d’affaire +33 1 42 01 34 05 ldelabedoyere@core-techs.fr 5, Place du Colonel Fabien 75010 Paris www.core-techs.fr EXPLICATION GRAPHIQUE – GOBELINS, L’ÉCOLE DE L’IMAGE