Web Designer Durée 90 jours (630 h) Public Toute personne souhaitant maîtriser les techniques liées à la conception de produits multimédia et à la création de sites Web. Objectifs La formation Web designer s organise autour de trois grands domaines de compétences, tous indispensables pour une efficacité optimale en adéquation avec les autres acteurs d une équipe de production multimédia : Analyser/concevoir : - adapter la mise en page à la lecture écran et à ses contraintes, en sachant également lui apporter caractère et harmonie. - accompagner et conseiller le client dans la constitution de son cahier des charges. - proposer des solutions en termes de structure et d arborescence, en faisant prendre conscience des besoins d utilisabilité et d ergonomie. Réaliser / exploiter avec méthode : - appréhender les procédures indispensables à la fabrication d un site Web structuré au travers de Fireworks et Dreamweaver. - réaliser avec méthode et efficacité une animation en lui donnant du sens au travers de Flash. - intégrer les technologies du moment et ne pas se laisser dépasser. Optimiser : - comprendre l ensemble des démarches, devoirs et obligations liés à la mise en ligne de contenus sur Internet, en sachant en optimiser les sources et en respectant les besoins de l utilisateur final, ainsi que la demande du client. Méthodes pédagogiques Parcours de formation théorique et pratique accompagné de nombreuses démonstrations. Un enchaînement d exercices permettra l assimilation des différents points abordés ainsi que l acquisition d une logique et d une méthode de travail. À la fin du parcours, le stagiaire disposera d un ensemble de dossiers regroupant les différents points abordés pendant les stages, ainsi que les différents exercices réalisés. Des professionnels du secteur multimédia animeront des thèmes spécialisés et feront partager leur expérience du terrain et de l évolution des techniques. Des évaluations seront réalisées en cours de formation afin de vérifier le niveau de connaissances acquis. Le parcours de formation se concrétisera par une étude de cas finale permettant de mettre en application l intégralité des compétences acquises. Moyens pédagogiques et techniques Stage réalisé sur stations de travail professionnelles, équipées des dernières versions de logiciels, reliées à l Internet, un stagiaire par poste. L utilisation d outils pédagogiques tels que vidéoprojecteur et documents imprimés, permettra de faciliter compréhension et mémorisation. Tout au long de la formation, l apprentissage sera facilité par la mise à disposition de contenus, d exercices et documents de synthèses via une plateforme LMS de formation à distance complétée par un serveur FTP dédié. contact@amigraf.com - Tél. 03 20 57 09 82 - Fax 03 20 30 00 63
Programme Journée d entrée en filière 7 H Constitution du groupe de travail Définition du parcours de formation Présentation du protocole de travail et du suivi via la plate-forme Photoshop et Illustrator pour le Web 84 H Le vecteur, le bitmap L environnement de travail Illustrator : - La logique des formes vectorielles - La gestion des couleurs - Les outils d automatisation de forme - Le texte - Les enrichissements graphiques Photoshop : - La logique de la gestion du bitmap - Automatisation des tâches - L animation L organisation entre Illustrator et Photoshop Les techniques du multimédia 28 H Définition d un produit multimédia Les supports de diffusion Nature des contenus en ligne Les différentes étapes d élaboration d un produit multimédia Réalisation des éléments nécessaires au projet Les objectifs liés à chaque famille Les éléments nécessaires à la fabrication Optimisation des sources son, vidéo et 3D pour le Web 14 H Les sources numériques Les fichiers audio Les fichiers vidéo Les fichiers 3D La mise en ligne des contenus Installation, création et gestion d un site WordPress 14 H L adéquation entre un projet, un budget, un planning et une solution de type CMS L installation du CMS WordPress en local et sur serveur distant Le «Backoffice», la partie administration et le «FrontOffice», les contenus visibles La gestion des contenus dans la solution WordPress contact@amigraf.com - Tél. 03 20 57 09 82 - Fax 03 20 30 00 63 Web Designer- 2
La mise en page pour l écran 14 H Définition des critères spécifiques La gestion du texte Hiérarchiser le contenu La gestion des blancs La grille de mise en page Les règles fondamentales de composition d une page Web Le rough Réalisation de sites Web avec Dreamweaver 56 H Les différents procédés de présentation destinés à l Internet Le logiciel d intégration Macromédia Dreamweaver Les sources et leurs formats de fichiers La notion d interactivité pour le Web Les modèles traditionnels de mise en forme La gestion des formulaires Exploitation des comportements Javascript à disposition La mise en ligne Maquetter des pages Web avec Fireworks 42 H Le rôle de Fireworks Les bases de l organisation Utilisation du texte Sélection et transformation d objets Formes simples La mise en couleur Les objets bitmaps Les calques Les masques Les pages Création d animations Création de boutons Zone sensible et tranche Les symboles Préparer les éléments graphiques nécessaires à la mise en page dans Dreamweaver Emailing et newsletter 28 H Etude de la structure du langage HTML Edition HTML et mise en application Rendu et vérification du travail effectué L enrichissement d un document simple Le logiciel d intégration Dreamweaver L interactivité pour le Web L hébergement des contenus Préparer ses contenus à un envoi en masse contact@amigraf.com - Tél. 03 20 57 09 82 - Fax 03 20 30 00 63 Web Designer- 3
Structures et arborescences pour le multimédia 21 H Du papier à l écran, comparaison de structures Les différents types d arborescences Les différentes représentations graphiques Les documents d accompagnement Rationaliser les mises en page Web grâce aux CSS 42 H Présentation des CSS Les styles HTML (classes) Gestion des balises Les variantes CSS Les identifiants Les cascades Gestion des éléments de pages particuliers Fichiers CSS externes Recherche et conception graphiques orientées écran 49 H Le comportement de l utilisateur multimédia Du synopsis au story-board La structure de la page-écran L interface Le langage des lignes et des surfaces La couleur Créer des bandeaux publicitaires avec Flash 35 H Les caractéristiques de Flash Création de formes Optimiser les éléments Illustrator, Photoshop et Flash Les interpolations Les symboles clip et bouton Réactivité du bandeau créé Réalisation d animations évoluées avec Flash 56 H Le calque de masque Les boucles encapsulées Les effets et filtres issus d Illustrator Effets d animations de Flash Principe de l interactivité dans Flash Boutons et interface simple Les éléments à prendre en compte à la publication d une animation Quelques contextes animés impliquant une interaction Penser ergonomiquement un site Web 21 H L ergonomie Web Le profilage des utilisateurs L évaluation des sites Internet La conception centrée utilisateurs Les tests utilisateurs contact@amigraf.com - Tél. 03 20 57 09 82 - Fax 03 20 30 00 63 Web Designer- 4
Établissement du cahier des charges d un site Web 14 H Les différents types de sites Démarches de mise en œuvre d un site et des services associés Recueil et formalisation de l expression du besoin client Approche financière Modularisation des fonctionnalités définies Analyse fonctionnelle Planification Maîtriser les contraintes de la mise en ligne de site 14 H Le mail comme outil professionnel de communication Les outils d une recherche structurée Le nom de domaine Choisir un hébergement Présentation des différentes méthodes de référencements Les droits, devoirs et obligations liés à Internet Contenu rédactionnel à l écran 21H Définition des objectifs de communication par Internet L équilibre général du site Le niveau des informations Les mots à l écran Optimiser le référencement naturel d un site 7H Les référencements naturels sur les moteurs de recherche L inscription sur les annuaires ou moteurs La «notoriété» sur Internet Les éléments associés à la page Le référencement payant Les techniques interdites La collaboration concepteur/développeur dans un projet Web 21 H Rappels concernant les particularités du monde Web Comment fonctionne une équipe projet? Les rôles de chacun et les interdépendances La gestion des projets Le développeur informatique Tour d horizon des technologies du Web Le monde du Web aujourd hui et les CMS (Content Management System) Études de cas 42 H Réalisation en équipe d un projet Web complet dans le respect des phases définies en formation. Mise en application de l ensemble des compétences acquises dans la filière et confrontation à la réalité de production. contact@amigraf.com - Tél. 03 20 57 09 82 - Fax 03 20 30 00 63 Web Designer- 5