Présentation générale, NTIC (7h) - Historique et protocoles du Web, les serveurs : web, smtp, FTP, BDD.
- Navigateur web: installation et configuration d'IE, Firefox, Chrome, et plugins.
- Influence du système d’exploitation et du matériel.
- Les formats d'images, couleurs et polices de caractères utilisées.
- Le métier d'infographiste web, compétences et évolutions technologiques.
Chaîne graphique pour le Web (63h)
Adobe Photoshop pour le Web (42h) Optimisation des sources pour le web:
- Modes colorimétriques et résolution d’image pour le web.
- Optimisation colorimétriques pour la sortie écran.
- Gestion des transparences pour le web.
- Utilisation de l'outil tranche.
- Les formats JPEG, GIF, PNG, SVG.
- Optimisation et exportation pour le multimédia.
Création d'éléments pour une interface web :
- Zone de travail en pixels, tailles d'écran.
- Espace de couleur web, code hexadecimal.
- Motifs et background de pages.
- Boutons et barres de navigation.
- Préparation d'une image survolée.
- Création d'icones pour interfaces web.
- Utilisation du vectoriel.
- Création d'une bannière de site.
- Gif animé.
- Créer une 'favicon'.
- Monter une interface complète avec Photoshop.
- Préparation à l'intégration Html/Flash.
Adobe Illustrator (21h) Dessin vectoriel, préparation à l’intégration dans Macromédia Flash :
- Rappels de dessin vectoriel vs. bitmap.
- Les formes de bases.
- Rendu, et habillages vectoriels.
- Pathfinders et transformations simples.
- Transformations et objets complexes – décomposition.
- Imports et échanges avec Photoshop.
- Exportation pour le Web.
Animation vectorielle avec Flash (70H)Introduction : - A quoi sert le logiciel Flash ?
- Formats de fichier.
- Comment exploiter les SWF ?
Environnement de travail : - Creation nouveau document.
- Notion d'espace/temps de l'animation.
- La scène, espace de travail.
- Le scénario (la timeline).
- La palette Propriétés.
- Interface coomplète.
Création de formes vectorielles : - Création de formes géométriques.
- Outils crayon et pinceau.
- Options d'outil.
- Fond et contour d'une forme.
- Gestion couleur et nuancier.
- Sélection et fusions automatiques.
- Dégradés de couleur.
- Importation formes vectorielles.
Transformations : - Transformation manuelle et options.
- Fenêtre Infos et Transformer.
- Propriétes.
Gestion du texte : - Insérer du texte dans une animation.
- Mise en forme d'un texte.
- Options de texte statique
- Transformer du texte en forme
- Options de texte dynamique/de saisie
Gestion du scénario (timeline) : - Images et images clés.
- Créer/supprimer images et images clés.
- Déplacer une image clé.
- Gérer les calques.
- Options d'affichage du scénario.
- Onions skins et modifier plusieurs images.
- Contrôle lecture.
Symboles et occurences : - Définition d'un symbole.
- Définition d'une occurrence.
- Gestion de la Bibliothèque.
- Création d'un symbole de type graphique.
- Création d'un symbole de type bouton
- Création d'un symbole de type clip.
Interpolations et animations prédéfinies : - Interpolation de mouvement.
- Options d'interpolation de mouvement.
- Interpolations de forme.
- Masques et guide de mouvement.
Flash ActionScript :
- Introduction à l'AS 2.
- Notions d'Algorythme.
- Navigation dans le scénario.
- Liens et chargements dynamiques
- Gestion du son.
- Gestion de la video.
- Gestion du texte dynamique.
- Migration vers l'AS 3
Gestion de projet (7h) Etudes de cas, élaboration arborescence et ergonomie d’un site internet/intranet du cahier des charges, méthodologies.Html CSS et Dreamweaver (63h) Comprendre et optimiser le code Xhtml et Css, savoir réaliser une mise en page avec Dreamweaver. Introduction - Histoire et évolution d'internet/web/protocoles
- Navigateurs
- Annuaires, moteurs et méta moteurs
- Qu'est ce qu'un site internet
- Histoire du HTLM, évolutions et rôle du W3C
- Différents types de données/technologies
- Balises HTML élémentaires
- Etude de cas
Gestion d'un site internet/intranet - Nom de domaine et hébergement
- Cahier des charges
- Rubriquage, architecture de site, navigation
- Notion de site local/site distant
- Déclaration d'un nouveau site : définition du site local
- Gestion des dossiers et fichiers du site dans fenêtre Fichiers
- Rôle du cache de Dreamweaver
Création et paramétrage d'une page HTML - Type et codage de page HTML.
- Code HTML de base.
- Propriétés de la page.
- Taille de fenêtre de travail.
- Enregistrement.
- Visualisation dans le(s) navigateur(s).
Insertion et paramétrage d'objets HTML - Paramétrage du texte.
- Feuilles de styles CSS externes.
- Différents types de listes.
- Préparation et optimisation des images pour le web.
- Insertion et paramétrage d'objets images.
- Insertion et paramétrage de formulaires.
- Modes de mise en forme de pages.
- Mise en forme de page à l'aide de tableaux, tableaux imbriqués.
- Positionnement à l'aide de DIV, full CSS.
Liens hypertexte et avancés - Les différents types de liens hypertextes.
- Liens Javascript et comportements.
- Vérification des liens.
- Carte du site.
Mise en ligne et référencement (7h)
- Référencement naturel et stratégies commerciales.
- Optimisation du code, critères on-page, off-page et on-site.
- Outils de gestion webmaster Google et statistiques.
- Hébergement et nom de domaine.
- Publication FTP.
Projet WebDesign (21h) Projet d’un site web avec thème et cahier des charges imposés. Réalisation techniques, présentations et corrections. Valoriser son Accès à l’ Employabilité (21h) Coaching pour l’emploi : révision du CV, présentation, confiance en soi, jeux de rôle. |
