Objectif

La maîtrise des méthodes de conception et des outils graphiques du Web design est indispensable aux directeurs artistiques, aux graphistes et maquettistes, dans le milieu de la communication comme de la presse. Acquérir la méthodologie nécessaire à la conception visuelle de sites Web. Maîtriser les logiciels de pointe dans le domaine de la création. S’initier aux outils de développement, dans le but de réaliser des sites et de dialoguer avec des développeurs de plates-formes complexes.

Programme

I- Graphisme Web, méthodes et outils de conception 
Introduction au Web design. L’environnement technique nécessaire à une conception graphique Web optimale.
L’architecture de l’information et les règles d’ergonomie. Processus de création : de la compréhension du brief à la rédaction d’une charte graphique.
Choix des visuels, des couleurs, et de la typographie. Mise en pages et organisation des calques dans Photoshop.

II - Introduction aux outils Web 

 Photoshop pour le Web.
optimisation des images, gifs animés, gestion de la couleur, tranches, exportation vers un éditeur html (Dreamweaver).

 Dreamweaver et HTML
Initiation au code HTML et CSS. Usage des principales balises.
Bien renseigner les préférences de Dreamweaver.
Gestion d’un site, du texte et des images.
Liens hypertextes.
Création de pages sans tableaux.

 Flash, l’outil d’animation du Web et intégration vidéo
La technologie Flash et ses caractéristiques.
L’interface du logiciel (la zone de travail, la scène, l’échelle temporelle, les outils, l’inspecteur de propriétés et les palettes).
L’image, l’audio et la vidéo (l’import, l’optimisation, les propriétés dans l’animation).
L’intégration des animations dans une page Web (les balises html et les plugin).

 Étude de SPIP
(CMS français libre et contributif, publié sous licence GPL).
Installation, utilisation, personnalisation des gabarits.

III - Projet
Conception et réalisation graphique d’un projet proposé par l’équipe pédagogique.
Rédaction d’une charte graphique.
Présentation devant un jury de professionnels.
Le site-école est mis en ligne pour permettre d’en contrôler les principales fonctionnalités, la conception finale étant le plus souvent livrée sous Photoshop, avec intégration de pages-types dans Dreamweaver et/ou dans Flash.