Cycle Webmaster : Conception, Réalisation et

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.
DOLFI - Société de Formation et de Développement pour l’Informatique
46, rue de la Roche – 95300 PONTOISE - RCS : B438093791 - Siret : 438 093 791 00020
Tel : 01 30 75 02 38 - Fax : 01 34 69 88 30 - : [email protected]
Retrouver toutes les informations sur nos stages : http://www.dolfi-formation.net
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.
PROGRAMME
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é
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
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
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
DOLFI - Société de Formation et de Développement pour l’Informatique
46, rue de la Roche – 95300 PONTOISE - RCS : B438093791 - Siret : 438 093 791 00020
Tel : 01 30 75 02 38 - Fax : 01 34 69 88 30 - : [email protected]
Retrouver toutes les informations sur nos stages : http://www.dolfi-formation.net
MISE EN PLACE d’un site WEB en HTML/XHTML/CSS2/JavaScript
Durée : 7 jours – 49 heures
PROGRAMME
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)
DOLFI - Société de Formation et de Développement pour l’Informatique
46, rue de la Roche – 95300 PONTOISE - RCS : B438093791 - Siret : 438 093 791 00020
Tel : 01 30 75 02 38 - Fax : 01 34 69 88 30 - : [email protected]
Retrouver toutes les informations sur nos stages : http://www.dolfi-formation.net
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.
PROGRAMME
Débogage
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
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 ?
DOLFI - Société de Formation et de Développement pour l’Informatique
46, rue de la Roche – 95300 PONTOISE - RCS : B438093791 - Siret : 438 093 791 00020
Tel : 01 30 75 02 38 - Fax : 01 34 69 88 30 - : [email protected]
Retrouver toutes les informations sur nos stages : http://www.dolfi-formation.net
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.
PROGRAMME
PRESENTATION DE MACROMEDIA FLASH
Définition de base
Prise en main des différents outils : texte, dessin
couleur
Créer une interface sonore à partir de boutons
invisibles
Combiner les différents effets de scénario: explosion,
flou, étendre...
TRAVAILLER AVEC LES MEDIAS
Image bitmap
Image vectorielle
Son
Symbole et occurrence
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
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
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
DOLFI - Société de Formation et de Développement pour l’Informatique
46, rue de la Roche – 95300 PONTOISE - RCS : B438093791 - Siret : 438 093 791 00020
Tel : 01 30 75 02 38 - Fax : 01 34 69 88 30 - : [email protected]
Retrouver toutes les informations sur nos stages : http://www.dolfi-formation.net
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
Thème : CURSUS WEBMASTER _ _ _ _ _
________________ _ _________
Durée : 20 jours
Date choisie : du _ _ _ _ _ _ _ _ au _ _ _ _ _ _ 07
NOM(S) DU/DES PARTICIPANT(S)
M / Mme_ _ _ _ _ _ _ _ _ _ _ _ _
M / Mme_ _ _ _ _ _ _ _ _ _ _ _ _
M / Mme_ _ _ _ _ _ _ _ _ _ _ _ _
M / Mme_ _ _ _ _ _ _ _ _ _ _ _ _
Type de formule souhaité :
S’agit t’il d’une Formation en DIF : oui : □ non : □
M / Mme_ _ _ _ _ _ _ _ _ _ _ _ _
M / Mme_ _ _ _ _ _ _ _ _ _ _ _ _
Vos remarques éventuelles :
Fait à _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _
Le _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _2007
Cachet et signature
Nom du signataire et numéro de téléphone
DOLFI - Société de Formation et de Développement pour l’Informatique
46, rue de la Roche – 95300 PONTOISE - RCS : B438093791 - Siret : 438 093 791 00020
Tel : 01 30 75 02 38 - Fax : 01 34 69 88 30 - : [email protected]
Retrouver toutes les informations sur nos stages : http://www.dolfi-formation.net