Forfait 

Maquette web 

6 jours
2450 € HT
Concevoir une maquette graphique : pour le Web
+
Photoshop et Fireworks pour le web : niveau 2

PUBLIC CONCERNÉ

Graphistes print, directeurs artistiques, maquettistes...

PRÉ-REQUIS

Il est indispensable de connaître les manipulations de base de Photoshop.

Module 1 ( module seul : 3 jours - 1 300 €)

Concevoir une maquette graphique
pour le Web

Prochaines sessions
filet
22 septembre 2010
filet
18 octobre 2010
filet
03 novembre 2010
filet
24 novembre 2010
filet
20 décembre 2010
filet
21 février 2011
filet
14 mars 2011
filet
23 mai 2011
filet
08 juin 2011
filet
29 août 2011
filet
28 septembre 2011
filet
02 novembre 2011
filet
21 décembre 2011
filet
Spécificités d’une maquette pour le Web
• Contraintes utilisateurs (écrans, navigateurs, débit…)
• Contraintes de conception (architecture du site,ergonomie)
• Contraintes technologiques (HTML, XHTML, CSS, DHTML, Flash)
• Contraintes liées à la production

Les formats Web
• Les aspects typographiques, les couleurs
• Les grilles pour le Web
• Les différentes formes de prototypes (basse fidélité, haute fidélité)

Exercices pratiques
• Concevoir et réaliser une maquette graphique
• Aspects méthodologiques
• Réglages de Photoshop
• Travail autour des formats d’images (JPEG, GIF, PNG)
• Création d’une maquette Web
• Création d’un prototype basse fidélité (zoning)
• Création d’un prototype haute fidélité avec Fireworks (maquette interactive

Déclinaisons d’une maquette de site
• Penser multi-supports (newsletter, version imprimée, accessibilité)
• Penser multi-canal (téléphones portables, pda…)

Création d’une cinématique de site (enchaînement d’écrans)

Module 2 ( module seul : 3 jours - 1 300 €)

Photoshop et Fireworks pour le web
niveau 2

Prochaines sessions
filet
02 novembre 2010
filet
28 février 2011
filet
15 juin 2011
filet
07 novembre 2011
filet
Préparation d’images simples pour le Web dans Photoshop
• Formats de compression
• Tailles et poids des images pour le Web
• Cadrage
• Réglage de la profondeur
• Correction chromatique
• Réglage du piqué
• Enregistrement pour le Web
• Scripts (automatisation et traitement par lots)

Montages de bannières et de pages Web dans Photoshop
• Sélection bitmap et masques de fusion
• Sélection par tracé et masques vectoriels
• Réglage des masques
• Gestion du texte
• Réglages typographiques
• Créer et gérer les tranches
• Paramètres d’enregistrement

Récupération des montages Photoshop dans Fireworks
• Concordance des formats de fichiers
• Concordance des calques et des effets
• Récupération des tranches et utilisation du calque Web
• Gestion des pages multiples
• Création des cartes-images
• Liens et cibles
• Création de symboles
• Bibliothèque
• États et événements (rollovers)
• Création de menus contextuels
• Permutation d’images
• Menus déroulants
• Passerelle avec Dreamweaver
• GIF animé
• Exportation vers Flash