Du graphisme traditionnel au Web design   MM65 Les principes de mise en page et d'utilisation des médias du web   Durée : 162 heures sur 27 jours Catalogue 2010 Coût participant : 5 290 €   Version imprimable   Objectifs     Comprendre le réseau Internet et les tendances du web.     Intégrer les méthodologies de communication visuelle adaptées au web. Structurer les contenus des pages d'un site.     Maîtriser les fondamentaux ergonomiques et conceptuels concernant les principes de mise en page et d'utilisation des médias pour le web dans l'environnement des standards actuels du web.     Apprendre et pratiquer concrètement un éditeur de pages web.     Participants     Ce stage s'adresse à toute personne impliquée dans la communication graphique traditionnelle et désirant appliquer ses compétences à la mise en page de sites web.     Prérequis     La participation à ce cursus nécessite : - Une très bonne connaissance de l'environnement informatique Macintosh ou PC. - Une pratique solide des logiciels graphiques Photoshop et Illustrator . - Une bonne habitude de la navigation sur le web. Ou d'avoir suivi le module ME95: Initiation pour l'adaptation de documents au web.     Sélection     La sélection des candidats pourra être effectuée lors d'un entretien préalable et après validation des pré-requis par un QCM (questionnaire à choix multiples).     Évaluation     Tout au long du stage, évaluation des acquis par des exercices sous l'égide d'un formateur expert.     Comprendre les tendances du web   Cerner les contraintes visuelles du Web et utiliser Photoshop et Illustrator spécifiquement   Structurer les contenus des pages web   Maîtriser l'utilisation d'un éditeur de pages web     Module 1 Le Web : les fondamentaux    1 jour     Rappel des concepts du réseau Internet   Histoire chronologique   Les normes technologiques (les différents protocoles)   Les débits     Le web   Les serveurs web   Les navigateurs   Les formats de sites web (statique, dynamique, Flash, RIA)   Les langages du web (clients, serveurs)     Les médias (images, vidéos, son)     Les usages du web   Le web social   Les outils et les services   Les évolutions (web sémantique...)     Optimiser sa veille sur le web       Ce module peut également être suivi isolément : MM81   Module 2 Initiation à l'écriture et à la scénarisation d'un projet Web    2 jours     Études de cas     Arborescences   l'arborescence générale ("high level")   l'arborescence détaillée ("low level")   mise en forme   légende     Créer des Wireframes(maquettes)     Mise en pratique       Ce module peut également être suivi isolément : MM40   Module 3 Les langages XHTML et CSS    6 jours Comprendre et maîtriser les langages standards du web     Création de pages XHTML   Langage et syntaxe XHTML, structure d'un document   Les balises de type en ligne et les balises de type bloc   Le docType et la validation d'un document XHTML     Hiérarchie et sémantique du contenu, notions d'accessibilité   Mise en forme du texte (titre, paragraphe, etc.) et des images (les différents formats graphiques)   Les listes ordonnées, non ordonnées et de définition   Les liens hypertextes (structure d'une URL, architecture d'un site), les ancres, les tableaux   Les formulaires   Les cadres insérés(iframes) et information sur les jeux de cadres.   Insertion d'une image réactive (image-map) et d'un élément multimédia.     Utilisation des feuilles de style   Définition et syntaxe des règles de styles CSS   Application des CSS avec un style local, une feuille de style interne et une feuille de style externe   Les sélecteurs de base : sélecteurs de type, de classes et d'identifiant, les pseudo-classes pour les liens hypertexte ":link, :visited :hover :active"   Les unités CSS   Les propriétés de texte, d'arrière-plan, de marges, de bordures, de liste   Initiation au positionnement CSS avec les élément flottants (propriété float)   Les sélecteurs avancés ( :focus, :first-letter, etc.)   Les styles importés (directive @import)   Création de feuilles de styles pour différents médias.       Ce module peut également être suivi isolément : MM90   Module 4 Editeur Dreamweaver    7 jours     Découverte de l'interface   Configuration du logiciel - Les préférences     Arborescence et gestion d'un site     Mettre en forme un document XHTML strict   Gérer et organiser la sémantique des contenus   Optimiser les contenus pour l'accessibilité     Utiliser les feuilles de styles(CSS)   Feuilles internes, externes     Utiliser les sélecteurs ; Les propriétés et leur valeur   Les éléments PA     CSS pratiques avancées   Réaliser des menus en CSS   Les propriétés graphiques d'arrière plan   Hiérarchie et sélecteurs avancés     Les formulaires     Les comportements JavaScript     Gestion des médias Flash   Videos FLV   Documents SWF     Utilisation des Spry     (Une approche des frameWorks JavaScript)   Pour réaliser des menus   Pour valider les formulaires     Optimiser la production et la mise à jour   Utiliser les bibliothèques   Utiliser les modèles   Ajouter des extensions     Mise en ligne par le protocole FTP       Ce module peut également être suivi isolément : MM88   Module 5 Conception graphique pour le Web    3 jours     Le métier du WebDesigner : Situation et compétences   Identification des technologies   L'environnement écran   La culture numérique   Du print au web, similitudes, différences, contraintes     Identité graphique   Logotypes   Composition et mise en page, formats   Grilles gabarits   Couleurs. Typographie   L'animation   Les outils de conception et de production :   Photoshop CS4.Illustrator CS4   Cinématique des pages en fonction des contenus   Territoire de communication et tendancier     Outils de production spécifiques au web   Recherche image, recherche typo, médias disponibles, banques d'images     Recherche graphique autour du projet de l'atelier du cursus   Principe de présentation commerciale avec argumentation des choix graphiques       Ce module peut également être suivi isolément : MM86   Module 6 De la maquette d'intention graphique à l'intégration Web Design    3 jours     Flux de travail dans la conception des gabarits web   Optimisation des images   Création et Gestion des fonds avec intégration XHTML/CSS   Gestion des styles pour le web   Gestion des transparences pour le web     Création d'une maquette spécifique au web   Intégration des objets dynamiques dans Photoshop CS4   Découpe et préparation des médias pour leur intégration XHTML/CSS avec Dreamweaver     "Le roll-over de type traditionnel et de type CSS"   Préparation des rollovers avec la palette "composition de calque" et intégration   Le Gif animé avec Photoshop CS4 et son utilisation aujourd'hui.       Ce module peut également être suivi isolément : MM41   Module 7 Atelier : du graphisme traditionnel au Web Design    5 jours Mise en pratique des connaissances acquises     Atelier de production   Finalisation de L'arborescence   Options et choix techniques   Maquettes opérationnelles   Préparation des médias     Intégration XHTML   Mise en place des éléments fonctionnels et graphiques (Formulaires, éléments JavaScript, éléments Flash, autres...)   Intégration d'une bannière et d'un "pop-up" CSS commercial   Newsletter ou e-mailing opérationnel     Comparaison de la maquette d'intention graphique avec le site finalement produit.   Identification des contraintes   Debuggage et mise en ligne       Ce module peut également être suivi isolément : MM31       Effectif maximum 8 personnes. Matériel utilisé - 8 stations PC ou Macintosh - Navigateurs Firefox et Explorer. - Adobe CS4 - Dreamweaver CS4 - Fireworks CS4 - Flash CS4 - CuteFTP ou Fetch - Microsoft Office Pro - Imprimante - Scanner - Graveur Calendrier des sessions du 14 juin au 21 juillet 2010 du 20 septembre au 26 octobre 2010 du 2 novembre au 10 décembre 2010 Lieu de formation Gobelins - site Paris 73, boulevard Saint-Marcel 75013 Paris. Horaires 8h/14h ou 14h/20h (selon session). Support support pédagogique et support de cours du formateur Responsable pédagogique Anne Tord Contact commercial Lucette Berbinan 01 40 79 92 20