Cycle Webmaster : Conception, Réalisation et Maintenance de Sites Web DUREE : 20 JOURS, soit 140 heures 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. 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 8 ème arrondissement. Le stage comprend : le matériel pédagogique et technique (1 poste multimédia par personne), 5 supports de cours et une assistance téléphonique d une durée de un an. 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 www.dolfi-formation.net. PRE REQUIS : bonne pratique des logiciels bureautiques sous Windows et pratique d internet régulière (Web et courrier électronique). 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 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 DETAIL DES MODULES : Initiation au Graphisme pour le Web (3 jours, soit 21 heures) Mise en place d un site Web en HTML/XHTML/CSS2/JavaScript (7 Jours, soit 49 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 CS3 FLASH CS3 PHOTOSHOP CS3 PHP5 / MYSQL Windows XP ou MAC OS X CALENDRIER DES SESSIONS 2007 - session AUTOMNE : les 15, 16, 17, 18, 19, 22, 23, 24, 25, 26, 29, 30, 31 octobre et 5, 6, 7, 8, 9, 12 et 13 novembre 2007. Inscription : contactez nous par téléphone au 01 34 08 74 33 ou bien remplissez le formulaire en dernière page.
Initiation à la CREATION GRAPHIQUE pour le Web Durée : 3 jours - 21 heures OBJECTIFS : 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 ENVIRONNEMENT 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 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é 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 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 IMAGE READY 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 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 CREATIONS D EFFETS SPECIAUX 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é FLUX DE PRODUCTION Les dropplets Personnalisation des styles Personnalisation de palettes de couleurs Création de scripts
MISE EN PLACE d un site WEB en HTML/XHTML/CSS2/JavaScript Durée : 7 jours 49 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 e-mail) 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)
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 simple 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 INSTALLATION Mise en place du serveur d hébergement Installation de PHP et installation de MySQL PROGRAMMATION EN PHP Intérêts du Langage Présentation de l objet Notions de programmation de l objet : - classe - objet - héritage - interface - transtypage - polymorphisme Syntaxe et structure de programmation Fonctions PHP - Gestion des entrée/sorties - Fonctions mathématiques - Fonctions d accès aux bases de données Débogage PAGES WEB DYNAMIQUES AVEC PHP Accès aux données de formulaires Gestion des sessions Gérer la cinématique avec les cookies Transfert de données entre scripts PHP Génération dynamique d images MYSQL EN PRATIQUE Principes Définition et manipulation des données sous MySQL Fonctions spécifiques (Création d'index autoincrémentables, liaisons entre tables, LEFT JOIN, RIGHT JOIN, INNER JOIN) Conception et réalisation d un modèle de base de données et de requêtes de sélections multitables 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?
Initiation à l animation graphique avec Flash CS3 Durée : 5 jours 35 heures OBJECTIFS : Améliorer l'interactivité, enrichir et animer un site Internet avec des animations vectorielles au format Flash. LES CAS PRATIQUES : Utiliser les objets vectoriels et bitmaps pour enrichir une animation sur Internet. Intégrer le son et la vidéo dans une interface pour la rendre plus attractive. Travailler avec les clips pour simplifier l'architecture d'une animation. Utiliser le principe de l'imbrication pour obtenir une animation plus sophistiquée. Créer des mécanismes on/off pour une meilleure utilisation Utiliser des boutons animés pour améliorer l'ergonomie. Utiliser la syntaxe à point pour agir sur un objet situé à l'intérieur d'un clip. Modifier la couleur d'une vidéo au survol pour un effet spectaculaire. PRESENTATION DE MACROMEDIA FLASH Définition de base Prise en main des différents outils : texte, dessin couleur TRAVAILLER AVEC LES MEDIAS Image bitmap Image vectorielle Son Symbole et occurrence CONCEVOIR DES ANIMATIONS Gérer le texte Intégrer et optimiser le son Animation image par image, interpolations de mouvement et de forme Animation en boucle Déformation et effet de couleur : le morphing Les boutons Création de scène et movie-clip Ajout et paramétrage des actions de base EXPORTER L'ANIMATION Le lien URL Les méthodes de compression de fichier Intégrer une animation dans une page HTML 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 OBJETS AVEC LES OUTILS GRAPHIQUES Importer du son et de la vidéo Travailler avec les clips AMELIORER L'ERGONOMIE Utiliser les interpolations de forme et de mouvement Créer des boutons animés Déclencher une animation au survol d'une zone interactive Créer une interface sonore à partir de boutons invisibles Combiner les différents effets de scénario: explosion, flou, étendre... ORGANISER UNE ARCHITECTURE Utiliser les occurrences cibles pour recevoir un fichier externe dans une zone précise de l'animation Démarrer et arrêter la lecture d'un son depuis un bouton Piloter de la vidéo Multiplier et modifier des occurrences Concevoir des animations complexes à partir d'une somme d'animations simples Utiliser les imbrications de clips Créer un jeu avec les actions de base Paramétrer l'exportation d'une animation contenant des animations, du son et de la vidéo TRAVAUX ET EXCERCICES Remplir des objets vectoriels avec des images bitmaps afin d'alléger le poids d'une animation Remodeler les segments de droites et de courbes Définir et mémoriser des palettes de couleurs pour la création de plusieurs documents Utiliser les symboles et les occurrences pour réduire le poids et le temps de chargement des fichiers Appliquer différents modes de synchronisation du son Dessiner une trajectoire sur un calque de guide pour déplacer des objets Associer des masques à une interface Utiliser les animations image par image, les interpolations de formes et de mouvement en fonction du sens et du contenu de l'animation Estimer la durée du déroulement de l'animation Définir les différents modes de circulation pour naviguer dans un site à partir d'une interface principale Publier et exporter l'animation pour le CD-Rom ou le web
FORMULAIRE DE PRE INSCRIPTION CURSUS WEBMASTER (à nous renvoyer par télécopie au 08 26 33 56 68) 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 07 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 _2007