>>> Formations Web & Multimédia

>>> Formations Web & Multimédia

Accueil

Formations Image

Formations Son

Formations Web

Formations Gestion

Programmation

 

Espace Professionnel

Calendrier

Inscription

Financement

Partenaires

Mentions légales

Contact

 

 

Web & Multimédia

 

Accès direct à toutes nos formations Web & Multimédia :

Les fondamentaux du Web

Conception et réalisation d’un site web

Entretien de site internet & traitement d'images sous Photoshop

Référencement Web

Flash animation pour le web

 

 

Les fondamentaux du Web

 

Objectif	Prise en main des outils nécessaires à la réalisation d'un site Web sur DreamWeaver. Apprentissage des règles et méthodes nécessaires à la réalisation d'un site web. Intégration du site avec Dreamweaver
Public Concerné	Toute personne désirant connaître les aspects fondamentaux de la réalisation d’un site web
Pré requis	Aucun
Matériel	Imac 24" Intel Core Duo 3.06 Ghz 4Go Ram Boot camp sur systeme d'exploitation Windows
Durée	7 x 3 = 21 heures
Dates et tarifs	Nous consulter

 

• Définir son projet
  - Identification de la finalité
  - Etudes des différents types de site
  - Conception du site et des différentes pages
  - Story-board, arborescence, choix de navigation
  - Finalité du projet
  - Les différents types de site
  - Story-board, arborescence et navigation
  - Choix du type de mise en page : CSS ou tableaux ?
  - Rappel des principaux formats d'images
• Les principales balises HTML
  - Balises de structures, balises méta, balises de mise en forme
  - Insertion d'image, construction de tableau et de lien hypertexte
  - Structure, mise en forme, image, liens et formulaires
  - Construction d'un menu
• DreamWeaver
  - Insertion des calques, de tableaux, d'image, medias extérieurs
  - Utilisation de modèles et bibliothèques
  - Définition d'un éditeur graphique et découverte des fonctionnalités du logiciel
  - Intégration des médias extérieurs : images, sons et vidéos
  - Les calques, les règles CSS
  - Introduction au Javascript et mise en place de comportements
  - Effets dynamiques ou le DHTML à la portée de tous grâce à Dreamweaver
• Référencement et publication
  du site Web
  - Les annuaires et moteurs de recherche,
  - Choix de l'hébergeur : gratuit ou
  payant ?
  - Publier son site sur le web à l'aide d'un
  logiciel de FTP

 

RMQ : En fonction des attentes et des priorités du client, intégration possible à la session de formation des logiciels Flash Mx , Photoshop…

 

Option : jour supplémentaire : aide à la finalisation du projet après que le client ait appliqué seul les acquis.

 

 

 

 

Conception et réalisation d’un site web

 

Objectif	A l’issue de cette formation, les stagiaires seront capables de créer un site web et de préparer les transferts vers un serveur
Public Concerné	Graphistes, designers, monteurs, réalisateur...voulant élaborer des sites web classiques de promotion de leurs travaux
Pré requis	Environnement Windows XP / vista / Mac OS X – Photoshop
Matériel	Imac 24" Intel Core Duo 3.06 Ghz 4Go Ram Boot camp sur systeme d'exploitation Windows Logiciels : DreamWeaver CS4
Durée	20 x 7 = 140 heures
Dates	Du 30 mai au 29 juin 2011 & du 28 novembre au 23 décembre 2011

 

Jour 1

Introduction

- Historique d’Internet

- Les rapports stations de travail/serveur

- Lexique et utilitaires

- Les formats du web

 

Jour 2

Environnement de travail

- Les palettes couleur dédiées web

- Règles typographiques

- Les différences entre Macintosh, PC et plateforme Linux

- Les navigateurs

- Animation et interactivité

 

Jour 3

Fireworks 1/3

- Interface

- Structure d’image

- Photoshop et FireWorks

- Identification des objectifs

- Maquettage

 

Jour 4

Fireworks 2/3

- Les tables d’image

- La division d’image

- Nombre d’images

- Edition de texte

- Outils de dessin

 

Jour 5

Fireworks 3/3

- Les comportements

- Les propriétés

- Les liens externes

- Optimisation et exportation

 

Jour 6 et 7

DreamWeaver 1/4

- Le HTML et nous

- Normes et plugins

- DHTML, PHP et les évolutions du web

- Interface

- Analyse d’une page simple

 

Jour 8 et 9

DreamWeaver 2/4

- Correspondances avec Fireworks

- Code et balises

- Liens, ancres, images et tableaux

 

Jour 10 et 11

DreamWeaver 3/4

- Gestion des cadres

- Utilisation des calques et DHTML

- Les medias

 

Jour 12 et 13

DreamWeaver 4/4

- Les styles CSS

- Comportements et JavaScript

- Utilisation des bibliothèques

 

Jour 14

FTP et Transferts

- Gestion de site

- Utilisation du client FTP

- Exportations et Hébergement

 

Jour 15 et 16

TD - Création de site

- Sous contraintes clients définies

- Analyse des objectifs

- Choix personnels

 

Jours 17, 18 et 19

TD - Création de site

- Réalisation et finalisation du site

- Exportations sur le serveur

 

Jour 20

Projection

- Exposition du travail stagiaires

- Navigation PC et Macintosh

- Analyse et conclusion

 

 

 

 

Entretien de site internet & traitement d'images sous Photoshop

 

Objectif	A l'issue de cette formation, les stagiaires seront capables, sur un site internet déjà constitué, de créer des nouveaux liens, mettre dates et informations à jour et d'y intégrer des images préalablement traitées sous photoshop.
Public Concerné	Tout public, responsables de petites structures souhaitant développer leur autonomie via prestataires internet.
Pré requis	Environnement Windows
Matériel	Imac 24" Intel Core Duo 3.06 Ghz 4Go Ram Boot camp sur systeme d'exploitation Windows
Durée	5 x 7 = 35 heures
Dates	Du 23 au 27 janvier 2012; Du 10 au 14 septembre 2012

 

 

Jour 1

Introduction

- Historique de l’internet

- Les différents acteurs de l’internet

- Protocoles et architecture client / serveur

- Découverte de l’environnement de travail : Dreamweaver (éditeur de code) et Photoshop (photo numérique)

- Organiser son espace de travail : différence entre le miroir local du futur site internet et les documents sources. Structure d’un site internet.

- Structure d’un document HTML : initiation aux balises

 

Jour 2

Les principales balises HTML et leur utilisation

- L’en-tête : head

- Le corps : body

- Le texte : p, h1, h2, etc

- Les liens : a

- Les images : img

- Les tableaux : table, tr, td, etc.

- Les formulaires : form

- Spécificités des balises bloc et des balises en-ligne

- Les attributs de balises

- Imbrication des balises

- Exercice de mise en page avec tableaux

 

Jour 3

Initiation aux CSS (cascade style sheet)

- Les principale caratéristiques des CSS : l’enrichissement typographique et visuel (différence entre les CSS et les attributs de balises liées à l’enrichissment typographique et visuel)

- Aperçu des CSS de positionnement : exercices de mise en page sans tableau

 

Jour 4

Les principaux formats d'image sur le web et leur utilisation

- Les principaux formats d’image sur le web et leur utilisation

- Initiation Photoshop : les claques, la boite d’outils principaux, exportation pour le web

- Traitement des images dans photoshop

- Création d’images animées dans photoshop : le format gif

- Création d’images animées dans Dreamweaver : initiation aux comportements (génération de code Javascript par Dreamweaver).

 

Jour 5

Intégration d’objets dans une page HTML (balise object) : animations flash, vidéos, iframes

- Révisions : exercices de mise en page et intégration

- Finalisation du site et référencement naturel

- Utilisation d’un logiciel de FTP, mise en ligne du site.

 

 

 

Référencement Web

 

Objectif	A l’issue de la formation, le stagiaire maîtrise les principales techniques de référencement : il peut élaborer un programme de référencement adapté à son site et développer des outils d’évaluation de celui-ci.
Public Concerné	Tout public, responsables de petites structures souhaitant développer leur autonomie via prestataires internet
Pré requis	Environnement Windows
Matériel	Imac 24" Intel Core Duo 3.06 Ghz 4Go Ram Boot camp sur systeme d'exploitation Windows
Durée	1 x 7 = 07 heures
Dates	Nous consulter

 

• Les enjeux du référencement sur les moteurs de recherche
  - Définition du référencement sur les moteurs de recherche.
  - Le bilan de positionnement
  - Visibilité sur les outils de recherche
  - Position sur le réseau
  - Analyse comparative du site sur son marché
  
• Le référencement naturel de son site
  - La démarche de référencement
  - Analyse des besoins de visibilité du site
  - Préparation du contenu avant référencement
  - Les choix relatifs à votre site en vue d’optimiser le référencement suite à l’étude de l’existant : les mots clés, rédaction des pages, des titres, la navigation du site et son ergonomie...
  - Déclaration du site auprès des moteurs
  - Les moteurs de recherche, spécificités et mode de fonctionnement
  - La mise en réseau (liens extérieurs vers le site)
  - Spécificités et évolution du comportement des internautes.
• La démarche de référencement
  - Analyse des besoins de visibilité du site
  - Préparation du contenu avant référencement
  - Déclaration du site auprès des moteurs
  - La mise en réseau (liens extérieurs vers le site)
• Le référencemnt par liens sponsorisés
  - Présentation et pertinence.
  - Choix des supports en cohérence avec vos buts, étant donné vos contraintes de délais, de cible et de coût...
  - Rédaction des annonces, mise en forme des pages d’arrivées...
  
• Mesure des performances
  - Le suivi de positionnement
  - Définir une stratégie de suivi
  - Choix des outils d’évaluation de la perfomance
  - Interprétation des résultats et action d'optimisation.
  - Améliorer ses résultats
  
• Mise en pratique
  Tout au long de la journée de formation, le stagiaire applique les enseignements à sa problématique professionnelle : après un premier diagnostic, les stagiaires élaborent les axes d’amélioration du référencement de leur site.
  

 

 

 

Flash animation pour le web

 

 

Objectif	A l'issue de cette formation, les stagiaires seront capables, sur un site internet déjà constitué, de créer des animations simples à complexes, de manipuler de la vidéo et du son
Public Concerné	Tout public, responsables de petites structures souhaitant développer leur autonomie via prestataires internet
Pré requis	Environnement Windows
Matériel	Imac 24" Intel Core Duo 3.06 Ghz 4Go Ram Boot camp sur systeme d'exploitation Windows
Durée	5 x 7 = 35 heures
Dates	Du 24 au 28 janvier 2011; Du 02 au 06 mai 2011; Du 10 au 14octobre 2011

 

• Introduction
  - Rappel rapide des notions de base relatives à la création de sites internet : histoire de l’internet, protocoles, architecture client/serveur et formats de fichiers.
  - Définition du format vectoriel.
  
• Découverte de l’interface de Flash
  - La scène
  - Le scénario
  - Les calques
  - Les outils de dessin vectoriel
  - La bibliothèque
  - Les autres outils principaux : texte, dégradé et transformation libre
  - Les autres palettes principales : propriété, couleur, information et transformation
• Organiser son espace de travail
  - Manipuler les palettes et les fenêtres
  - Enregistrer son espace de travail
• Création / modification d’un symbole
  Premier concept fondamental : relation entre forme, symbole et occurrence
  - Utilisation des outils de dessin vectoriel, dégradé et transformation libre.
  - Importation d’objets-image : Photshop, Illustrator, JPEG, GIF, PNG, etc.
  - Rappel sur les formats de fichiers
  - Conversion en symbole
• Modification d’une occurrence
  - Utilisation des palettes propriété, couleur, information et transformation
  - Utilisation de la bibliothèque
• Création d’une animation
  Deuxième concept fondamental : relation entre interpolation et images clé.
  - Création d’une interpolation de mouvement
  - Création d’une interpolation de forme
  - Utilisation du scénario
  - Gérer facilement plusieurs objets sur la scène grâce aux calques
• Prévisualiser son animation
  - Générer un fichier swf
  - Régler les paramètres de publication
  - Intégration html
  - Rappel sur les formats de travail et les formats de diffusion
• Initiation Actionscript : prendre le contrôle de son animation
  - Création d’un bouton
  - Création d’une étiquette d’image
  - Syntaxe et vocabulaire de base
  - Scripts d’objet et scripts de scénario
  - Créer un script sur le scénario
  - Créer un script sur le bouton
  - Créer une séquence de préchargement
• Plus loin dans l’animation
  - Création d’un symbole clip animé
  - Imbrication de clips
  - Création de masques
  - Utilisation des trajectoires
  - Application de filtres (ombre portée, flou, rayonnement, etc.)
• Manipuler du son
  - Importation d’un son
  - Lire un son
  - Lier un son à un évènement
  - Lire un fichier son externe
• Manipuler de la vidéo
  - Compiler une vidéo avec Flash Video Encoder
  - Importer une vidéo au format flv
  - Importer une autre vidéo
  - Quel type d’importation choisir
  - Contrôler la vidéo
• Exercice pratique
  Réalisé tout au long de la formation
  - Création d’un site en flash avec navigation, son, animation et vidéo.
  - Intégration html et mise en ligne.