spécialisation web
Titre certifié niveau 3
- du 13 septembre 2010 au 22 janvier 2011
- 447 heures en centre, 140 heures en entreprise
- dates du stage en centre : du 13 septembre au 10 décembre 2010
- dates du stage en entreprise : du 13 décembre 2010 au 18 janvier 2011
- 35 heures/semaine
- lundi /jeudi : 9h/12h45 - 13h45/17h45 - vendredi : 9h/13h
- jours fériés et congés : le 11 novembre, congés de Noël du 23 décembre 2010 au 3 janvier 2011
Ce parcours modulaire a été mis en place en raison de demandes particulières de candidats possédant un passé professionnel dans le domaine de la chaîne graphique.Ce parcours est exclusivement réservé aux candidats connaissant et utilisant professionnellement la trilogie Photoshop, Illustrator, XPress ou InDesign. Il est ouvert aux salariés (CDI, CDD, intérimaires) ou indépendants dans le cadre d’un congé individuel de formation, aux demandeurs d’emploi dans le cadre de la convention avec la Région ou aux particuliers.
programme web
Photoshop pour le web
compréhension de l’image numérique
- modes graphiques : vectoriel et bitmap
- gestion des palettes
- paramétrage des préférences
- résolution, dimensions
- rééchantillonnage
- codage de l’image : 8 et 16 bits
préparation des images
- cadrage et redressement de l’image
- modification des dimensions
- redresser la perspective
- les formats d’enregistrement
- les formats destructeurs et non destructeurs
- outils de sélection des pixels
- outils de sélection vectorielle
- les couches alpha
- les tracés
- les masques
photomontage
- les calques d’image
- les calques de réglage
- les calques de forme
- les masques de fusion
- les masques vectoriels
- associer des calques
- lier des calques
- les groupes de calque
- les modes de fusion
- création de motifs avec raccord
- le filtre “placage de motif”
- le filtre “point de fuite”
automatisation de la production d’images
- création de scripts
- utilisation de scripts et automatisation
- création de droplets
réalisation de visuels et animations pour le web
- gestion de la couleur (RVB, nuanciers personnalisés)
- l’espace de travail
- les tranches
- l’utilisation des filtres
- l’animation image par image et la video
- les bannières animées
- les calques dynamiques
- les différents formats d’enregistrement pour le web (gif, jpeg, png)
- l’optimisation du poids et de la qualité des images.
Illustrator pour le web
débuter avec Illustrator
- présentation du dessin vectoriel (courbes de Bézier, bases géométriques, terrains d’utilisation)
- prise en main de l’espace de travail dans Illustrator
- gestion des calques et sous-calques
- analyse de la constitution d’un tracé ouvert et fermé
- sélection directe des points d’ancrage, tracés, points d’inflexion, poignées
- sélection d’objets similaires
- gérer le magnétisme (repères, points d’ancrage, tracés)
- transformations (échelle, rotation, symétrie, duplication)
- gestion de la couleur (RVB, couleurs personalisées)
- les différents modes d’aperçu
- le tracé transparent et le masque dans Illustrator (compréhension empilement des objets)
- création de graphes
fonctionnalités évoluées d’Illustrator
- création de motif
- choix des filtres ou des effets
- les aspects dans Illustrator (palette, décomposition)
- l’outil dégradé de forme (différentes applications)
- la palette pathfinder
- la gestion du texte dans Illustrator
- la 3D dans Illustrator
- importation de fichiers bitmap dans Illustrator et vectorisation dynamique
- l’impression (aplatissement des transparences, les différents formats PDF)
- les bibliothèques dans Illustrator
- formats d’enregistrement, d’importation et d’exportation
réalisation de visuels pour le web
- gestion de la couleur (RVB, nuanciers personnalisés)
- la résolution (poids des fichiers…).
- les particularités Illustrator propre au mode RVB
- les différents modes d’aperçu, notamment en pixels
- les tranches
- choix des filtres ou des effets
- les effets graphiques (ombres portées, l’effet calque…).
- les aspects dans Illustrator (palette, décomposition)
- formats d’exportation pour le web (gif, jpeg, png)
- l’optimisation du poids et de la qualité des images.
Dreamweaver
réalisation de pages simples en HTML4
- les navigateurs web (accessibilité, type de contenus, compatibilités)
- prise en main de l’espace de travail dans Dreamweaver
- configurer la gestion de site dans Dreamweaver
- les contraintes de nommage des fichiers
- la notion d’arborescence
- insertion et formatage structuré du texte en HTML4
- insertion d’images en HTML4
- les différents types de balises en HTML4 (définition, liste exhaustive,formatage)
- structure de la page en langage HTML
- différence entre éléments en ligne et bloc
- les hyperliens texte et images en HTML4 (définition, création, intérêt de la gestion de site)
- les tableaux en HTML4
- mise en page simple à l’aide de tableaux imbriqués
- découpe en tranches des images à partir de Photoshop et Illustrator
réalisation de pages complexes en XHTML
- introduction au XHTML
- rappel sur la sémantique du WEB
- le fond (texte structuré) et la forme (CSS)
- différences d’écritures entre le HTML4 et XHTML
- description des feuilles de style en cascade
- création et gestion des CSS (création, modification)
- mise en forme des pages avec des CSS
- utilisation de l’extension Firebug sur Firefox
- utilisation des éléments comprenant des id, des classes et pseudos classes
- bien organiser ses CSS
- choix d’une CSS externe ou interne, print et screen.
- le javascript et les comportements dans Dreamweaver
- compatibilité entre les différentes plate-formes et navigateurs
- les hacks et commentaires conditionnels css pour Internet Explorer
gestion évoluée d’un site
- préparation à la création de sites dynamiques
- serveur local, serveur d’évaluation, serveur distant
- publication sur le serveur distant par transfert FTP
- préparation au référencement
applications concrètes
- la gestion des actifs et des modèles dans Dreamweaver
- réalisation d’un mini site avec navigation par onglets
- réalisation d’un menu déroulant
- le javascript et les comportements dans Dreamweaver
- ajouts d’effets javascripts personnalisés (spry, jquery)
- introduction aux pages dynamiques et au PHP
- mise en place d’un serveur PHP Mysql en local
- réalisation d’un site sur base CMS Wordpress 2.8
Flash
les formes et objets
- formes vectorielles / objets de dessin
- contour et remplissage (gestion des couleurs)
- importation Illustrator et Photoshop
le scénario
- images et images clé
- gestion du temps
- interpolation de forme
- gestion des calques
- calques masques
- calques guides
les symboles, clips et occurrences
- modification d’un clip et modification d’une occurrence
- interpolation de mouvement
- symboles clip imbriqués
- gestion des occurrences (explorateur d’animation)
la gestion du texte
- texte statique
- gestion des polices et des glyphes
- texte dynamique
- texte de saisie
programmation ActionScript 2
- gestion de la tête de lecture
- numéro et étiquette d’image
- propriétés d’une occurrence et de la souris
conditions et variables
- condition, « if » et « else »
- conditions imbriquées
- variable de chaine de caractère (String)
- variable de chiffre ou de nombre (Number)
- variable vraie ou fausse (Boolean)
données externes
- fichiers texte externes structurés
- fichiers images externes
- gestion d’un flux sonore
- gestion d’un flux vidéo
- publication et intégration xhtml
gestion de projet
projet web
préparation du projet
- méthodologie de projet
- ergonomie propre au web
réalisation d‘un site online sur la base d’une commande
- le sujet d’examen de fin de formation prévoit que l’élève doit réaliser un site internet professionnel sur la base d’une commande. Il devra concevoir quelques pages clés du site. Le site sera mis en ligne sur une url de test.