Introduction

Définition : site Internet, Ergonomie, Navigation
Présentation des standards et contraintes: HTML / CSS / notions Javascript
Les outils de génération de HTML/CSS : Dreamweaver, CMS, E-Commerce

Contraintes, formats, couleurs et logiciels
Périphériques de capture et d'affichage : modes colorimétrique / résolutions et exceptions
Le cercle chromatique et les différentes représentations de la couleur.
Les types d’images : Bitmap et Vectoriel
Photoshop, Illustrator, Bridge et les objets dynamiques
Présentation des principaux formats graphiques : PSD, AI, EPS, PDF, JPEG, PNG et GIF.
Compression et optimisation.

ÉTAPE I

Rappel : Fonctionnalités de Photoshop & Illustrator

Atelier : Création de la page d'accueil d'un site de 10 pages pour une agence de voyages

Paramétrage et création du document de base sous Photoshop
Définition de la grille
Mise en place d'un fond
Création de la colonne de contenu
Création de l'entête
Création de la barre de menu
Création du pied de page
Mise en place du contenu & partenaires

Habillage

Choix des couleurs de la charte graphique en fonction d'éléments existants
Création d'un nuancier et partage avec Illustrator
Choix des polices
Sélection de visuels
Mise en place du menu
Gestion des calques textes
Ventilation de l'espace
Habillage graphique
Gestion des transparences
Styles de calques
Copies des styles calques
Créations d'icones sous Illutrator
Travail avec les objets dynamiques
Incorporation des éléments externes : animations, images, publicités
Création de "Compositions de calques" pour l'intégrateur

ÉTAPE II

Atelier : Design pour un site d'E-Commerce de produits cosmétiques

Paramétrage et création du document de base sous Photoshop
Définition de la grille
Mise en place d'un fond
Création de la colonne de contenu
Création de l'entête
Création de la barre de menu
Bandeau de promotions
Espace produits
Espace Newsletter
Espace Login
Espace partenaires
Mise en place du contenu
Création du pied de page

Habillage

Mise en place d'un module produit en fonction de la grille
Création d'éléments sous Illutrator (panier, loupe, imprimante, etc.)
Travail avec les objets dynamiques
Gestion des calques
Gestion des calques textes
Styles de calques
Copies des styles calques
Groupe de calques
Duplication de groupes
Incorporation des éléments externes : animations, images, publicités
Création de "Compositions de calques" pour l'intégrateur

ÉTAPE III

Atelier : Design de la newsletter

Paramétrage et création du document de base sous Photoshop
Définition de la grille
Mise en place d'un fond
Création de la colonne de contenu
Création de l'entête
Bandeau de promotions
Espace partenaires
Mise en place du contenu
Création du pied de page

• Un support et les exercices du cours pour chaque stagiaire
• Un formateur expert ayant suivi une formation à la pédagogie
• Le déjeuner compris en inter-entreprises
• Boissons offertes pendant les pauses en inter-entreprises
• Soutien du formateur pendant un mois
• Salles lumineuses et locaux facilement accessibles
• Méthodologie basée sur l'Active Learning : 75% de pratique minimum