PRE REQUIS : bonne pratique des logiciels bureautiques sous Windows ou MAC OS et pratique d internet régulière (Web et courrier électronique).

Transcription

1 Cycle Webmaster : Conception, Réalisation et Maintenance de Sites Web DUREE : 20 JOURS, soit 140 heures CALENDRIER 2010 : session : du 11 octobre au 5 novembre 2010 CALENDRIER 2011 : session : du 7 février au 4 mars 2011 session : 2 mai au 27 mai 2011 session : du 4 juillet au 29 juillet 2011 session : du 10 octobre au 7 novembre 2011 TARIF : HT OBJECTIFS : Cette formation de 20 jours vous permet d acquérir les connaissances et savoir-faire permettant de concevoir, réaliser et maintenir un site Web graphique et interactif dans un contexte projet de création ou d'amélioration d'un site existant y compris les sites marchant. Ce stage permet de travailler sur vos cas concrets et objectifs de création ou de reprise de sites Web existants. Il se déroule en nos locaux à Paris dans le 2 ème arrondissement. Le stage comprend : le matériel pédagogique et technique (1 poste multimédia par personne), 4 supports de cours et une assistance téléphonique d une durée de un an. Après cette formation, vous serez capable de : - Participer à la création et à la maintenance d'un site Web - Dialoguer avec les informaticiens - Créer des sites avec l'outil Dreamweaver - Intégrer des animations innovantes en Flash - Mettre en place un serveur Web et les services associés - Concevoir une base de données pour le web, créer des formulaires, intégrer une application simple développée en PHP - Avoir une approche méthodologique pour optimiser l'ergonomie et le rédactionnel d un site PARTICIPANTS : toute personne chargée de réaliser et de maintenir un ou des site(s) web : webmaster. Cette formation est destinée à des professionnels en poste, en reconversion ou bien dans le cadre d un DIF ou CIF. Pour plus d information sur les moyens de financements, consultez notre site internet PRE REQUIS : bonne pratique des logiciels bureautiques sous Windows ou MAC OS et pratique d internet régulière (Web et courrier électronique). MODALITES ET PEDAGOGIE : - Questionnaire d évaluation en fin de formation, à chaud et tour de table - 2 à 6 participants maximum - Méthode interactive - Appropriation d outils de prises de notes et de compte-rendu - Cas pratiques et études de cas, Quizz DETAIL DES MODULES : Initiation au Graphisme pour le Web avec Photoshop et Illustrator (5 jours, soit 35 heures) Mise en place d un site Web en HTML/XHTML/CSS2/JavaScript avec DreamWeaver (5 Jours, soit 35 heures) Créer une base de données et l'exploiter sur le Web avec PHP/MySql (5 jours, soit 35 heures) Initiation à l animation graphique avec FLASH (5 jours soit 35 heures) LOGICIELS ET ENVIRONNEMENT : DREAMWAVER et FLASH CS4, PHOTOSHOP et ILLUSTRATOR CS4, PHP / MYSQL Windows ou MAC OS 20 rue des Capucines PARIS - RCS : B Siret :

2 Initiation à la CREATION GRAPHIQUE pour le Web, durée : 5 jours 35 heures Etre capable de traiter une image et d intervenir sur la colorimétrie afin d utiliser des visuels pour le web. Concevoir des images créatives à fort impact pour une utilisation statique ou en mouvement. PHOTOSHOP LE FORMAT IMAGE NUMERIQUE Paramétrer l environnement de travail Comprendre les différents modes graphiques (Bit Map /Vecteur) Comprendre l image numérique et ses composants (pixels, linéature, résolution) L interaction entre la linéature et l agrandissement d une image La numérisation (fonctionnement et principes d un scanner) Le rapport entre la numérisation d une image et son impression. PREPARATION DE L IMAGE Recadrer, redimensionner et échantillonner une image Elargir la zone de travail Types d images et modes de travail Travailler une image en noir et blanc Convertir une image noir et blanc en couleur Convertir des niveaux de gris en couleurs indexées et Inversement TRAITEMENT DES COULEURS Utiliser les modes de couleur RVB, CMJN, TSI et TSL Travailler et modifier les couleurs d une image par les histogrammes et les courbes de niveaux Régler les contrastes et gérer l équilibre des gris Utiliser les filtres de flou et de netteté TRAVAIL ET SELECTION SUR L IMAGE Créer des opérations sur les sélections (additions ou soustractions multiples) Créer et comprendre l utilisation des sélections flottantes Modifier et mémoriser une sélection Sélection par la couleur CORRECTION DE L IMAGE Stocker et capturer une sélection de couleur Corriger la courbe de transfert de l image Modifier les corrections par l utilisation des filtres Retouche et dessin sur une image Paramétrer les outils de retouche et de dessin Retoucher l image en utilisant les outils «goutte d eau», «doigt» et «tampon» Manipuler l image en paramétrant les palettes Retouche et dessin sur une image Créer et modifier une image à partir des outils de dessin Manipuler l image par l intermédiaire des effets spéciaux IMPRESSION ET SEPARATIONS Impression de l image Réaliser une séparation quadri-chromique EXPORTATIONS Exportation vers d autres applications Exportation et paramétrage vers des logiciels vectoriels Exportation et paramétrage vers des logiciels de mise en page Exportation et paramétrage pour une intégration dans des pages HTML Enregistrer et choisir le format de fichier PHOTOSHOP pour le Web LES DIFFERENTS MODES DE CALQUE Les calques de réglage Astuces pour améliorer les mises en page, détourages partiels et effet de calque LES AUTOMATISATIONS DE TACHES Le traitement d'images par lot Les scripts, enregistrements et lancements REGLAGES D'EXPORTATION Export Gif, Jpeg Exportation et gestion d'images vers DreamWeaver, FrontPage, GoLive... L'INTERACTIVITE Découpes d'images Création de rollovers Création d'images maps Création d'interface L'ANIMATION Utilisation des symboles et des occurrences Animation interpolée Export au format Gif animé CREATIONS D EFFETS SPECIAUX Saisir, modifier et formater du texte Opération entre les images Créer un masque de sélection Utiliser et paramétrer le mode multicouche Séparer ou regrouper des couches Créer et gérer les calques 20 rue des Capucines PARIS - RCS : B Siret :

3 MISE EN PLACE d un site WEB en HTML/XHTML/CSS2/JavaScript avec Dreamweaver Durée : 5 jours 35 heures CONDUIRE VOTRE PROJET WEB GENERALITES Définition des besoins et prise en compte des contraintes Importance de la charte graphique Reprise des données existantes Erreurs à ne pas commettre et recommandations CONCEPTS ET ORGANISATION D UN SITE WEB Répertoires, noms et tailles des fichiers Maintenance et mise à jour d'un site Intranet Notion d arborescence, organisation d un site CREATION ET GESTION DE SITE EN HTML PRESENTATION DU HTML AVEC DREAMWEAVER Principe de fonctionnement d un outil Wysiwyg Environnement de travail et menus Fenêtres, barres d outils et fonctions associées Manipulation de fichiers Création de «Site Map» Travail en groupe avec Dreamweaver («check in / check out») Gestion des liens et tests du site CREATION DE PAGES DYNAMIC HTML Introduction au Dynamic Html (D-Html) Création de calques (Layers) Manipulation des propriétés des calques Génération de scripts clients Création d applications «Cross Browser» MISE EN ŒUVRE DES FONCTIONS D EDITION Insertion et mise en forme de textes (titre, paragraphe, liste, justification, indentation ) Insertion d images, création de zones sensibles, de «rollover» Création et manipulation de tableaux Création de liens hypertexte (ancres, liens Http, liens ) Création de cadres (frame) Utilisation des feuilles de style (Css) Ajout d éléments dans l en-tête du document (Head) Création et reprise de modèles Création de librairies de code Html réutilisables ERGONOMIE ET ESTHETISME PRINCIPES DE MISE EN PAGE Mise en page du texte, lisibilité, ergonomie Utilisation d images et de graphiques Quels formats d images utiliser? (Gif, Jpeg, Png)? Techniques de mise en page à l aide de tableaux Optimisation de la taille des pages (rapport qualité / performance) XHTML/CSS2/JavaScript INTRODUCTION Le XTML n'est pas une technologie particulière. Il s'agit plutôt du regroupement de plusieurs technologies fonctionnant sur le navigateur (script client - Javascript, VBScript, feuilles de style CSS, CSS2, objets du navigateur - DOM). LES REGLES - Un impératif : l'ergonomie Les règles générales de l'ergonomie :. Critères d'utilité et d'utilisation. Prise en compte de l'utilisateur. Cohérence, lisibilité, flexibilité, concision. Recommandations ergonomiques :. Traitements généraux. Retours d'informations. Ecrans-types Contrôle, Entrées/Sorties, Principes de navigation. Présentation des écrans, Messages, Gestion des polices Gestion des couleurs, Graphisme, Vocabulaire - Les technologies employées HTML et le XHTML CSS et CSS2 :. Création de feuilles de style. Intégration des feuilles de style - Le Javascript. Variables et opérateurs. Expressions (blocs conditionnels et boucles). Modèle objet de JavaScript. Objets et événements du navigateur. Contrôle de formulaires HTML. Manipulation d'éléments HTML avec JavaScript et le document Object Model - Les contraintes liées aux différents navigateurs : MS Internet Explorer / Netscape Navigator / Firefox LES PRINCIPES DU DHTML - Eléments graphiques et positionnement CSS-P : box-model, Positioning Schemes Notion de couche (LAYER) 20 rue des Capucines PARIS - RCS : B Siret :

4 PHP/MySQL - Création d application Web dynamique Durée : 5 jours 35 heures Après ce stage, vous serez capable de : Créer un contenu dynamique pour Internet. Pour pourrez créer une application complète en dynamique, créer un back office (côté administration) et créer un front office (côté client). OBJECTIFS : Ecrire un script en langage PHP en liaison avec une base de données relationnelles. PRINCIPES FONDAMENTAUX Les règles et les principes de l Open source Présentation du PHP, PHP Myadmin, MySQL Définition des front office, middle office et back office Architecture d une application Web Rappels sur le HTML INSTALLATION Mise en place des outils WAMP Installation et paramétrage de PHP et installation de MySQL INTRODUCTION AU PHP Origines de PHP Installation de PHP et MySQL Analyse d un script PHP SYNTAXE PHP Déclaration des variables Les tableaux et les opérateurs Expressions Les fonctions LES CONDITIONS Instructions de contrôle les boucles Les tests LES TRANSFERTS DE DONNEES La transmission de données par URL La transmission de données par formulaire Les cookies Les sessions : initialisation d une session, variables de session, suivi d une session BASES DE DONNEES ET PHP Déclaration d une base de données MySql : définitions, techniques, contraintes Requêtes SQL de sélection d enregistrements Requêtes de sélections multitables avec jointures Mise à jour d une base de données Construction d une page HTML UTILISATION CONJOINTE MYSQL/PHP Utiliser PHP Myadmin pour créer une base de données Création de pages dynamiques en PHP avec accès aux données MySQL Comment bâtir son framework à partir de framework existant? EXEMPLES D APPLICATIONS POUVANT ETRE ABORDES Gestion de l apparence du site pour un utilisateur Un site E-commerce Suivi de l utilisateur, utilisation des sessions pour identifier un utilisateur d une session à l autre Identification par mot de passe 20 rue des capucines PARIS - RCS : B Siret : Tel : Fax : : formation@dolfi.fr

5 Initiation à l animation graphique avec Flash, Durée : 5 jours 35 heures DUREE : 5 JOURS OBJECTIFS : Améliorer l'interactivité, enrichir et animer un site Internet avec des animations vectorielles au format Flash, maîtriser les fonctionnalités supplémentaires permettant de créer un site dynamique et ergonomique en utilisant des images statiques, des animations, de la vidéo et du son. Après ce stage, vous serez capable de : Utiliser les objets vectoriels et bitmaps pour enrichir une animation. Intégrer le son et la vidéo dans une interface pour la rendre plus attractive et enfin, travailler avec les clips pour simplifier l'architecture d'une animation. PARTICIPANTS : Designers, infographistes, techniciens et utilisateurs multimédia. PRE-REQUIS : Connaissance de l environnement Windows ou MAC OS. L utilisation des outils graphiques (Photoshop, Illustrator, ) est un plus. PRESENTATION DE FLASH Définition de base, les menus, les fenêtres Prise en main des différents outils : texte, dessin couleur Configuration du logiciel Regroupement des palettes flottantes TRAVAILLER AVEC LES MEDIAS Image bitmap et image vectorielle Le Son Symbole et occurrence REGLES ET METHODES La bonne animation L'interactivité efficace et dosée Comment optimiser l'impact de l'animation Flash pour un rendu optimal CREER DES DESSINS ET ANIMATIONS Les outils Manipulation des objets Le principe symbole/objet : la conversion d un objet en symbole, ses propriétés, ses contraintes La bibliothèque Principe d animation 2D : le principe des clés et des frames en animation Le timeline : sa manipulation, ses fonctions Les symboles : étude des divers symboles, de leurs propriétés et contraintes Les interpolations : les types d interpolations, les contraintes Accélération et décélération d interpolation Les trajectoires Les masques (déclarations et contraintes) Les effets Création effets spéciaux animés Gestion du texte NAVIGATION Les scènes : avantages et inconvénients Utilisation des labels Actions d image et d occurrence Création de boutons, boutons animés Actions de navigation : GoTo et GetUrl CONTROLE DES OCCURRENCES Utilisation d occurrences cibles (targets) Hiérarchie des cibles Construire un diaporama Mécanismes on/off BITMAPS, SONS ET VIDEO Importation son, image et vidéo Manipulation et masquage des bitmaps Importation et gestion des sons Synchronisation et manipulation du son Traitement de la vidéo Le composant de lecture vidéo INTERACTIVITE SANS CODE Contrôle des fichiers movies clip Comportement Projection Comportement son, vidéo Comportement Web WORKFL OW ANALYSE D UN PROJET FLASH Travail en rough et substitution Travailler avec un soft vectoriel 2D REGLAGES D EXPORTATION SWF ET HTML Contrôle de la bande passante Export Gif et QuickTime Création d exécutables Profils de publication Publier et exporter l'animation pour un CD-Rom ou le web 20 rue des capucines PARIS - RCS : B Siret : Tel : Fax : : formation@dolfi.fr

6 FORMULAIRE DE PRE INSCRIPTION CURSUS WEBMASTER (à nous renvoyer par télécopie au ) A. Vos coordonnées Etablissement (nom et adresse) : Merci de nous renvoyer cette pré inscription afin de réserver votre formation au moins une semaine avant la date sélectionnée. Vous recevrez une confirmation sous 48 heures ainsi qu un devis correspondant à votre demande. Nom et prénom : _ Téléphone : Télécopie : _ Courriel B. INTITULE DE LA FORMATION NOM(S) DU/DES PARTICIPANT(S) Thème : CURSUS WEBMASTER Durée : 20 jours Date choisie : du au _ Type de formule souhaité : S agit t il d une Formation en DIF : oui : non : Vos remarques éventuelles : Cachet et signature Nom du signataire et numéro de téléphone Fait à _ Le _ 20 rue des capucines PARIS - RCS : B Siret :