>>> Formations Image / Web & Multimédia

>>> Formations Image / 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

Flash pour le web

Conception et réalisation d’un site web

Entretien de site internet & traitement d'images sous Photoshop

 

 

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	3 x 7 heures = 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 HTM
  - 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

 

Remarque : 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.

 

 

 

Flash 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 et tarifs	Du 24 au 28 janvier 2011; Du 02 au 06 mai 2011; Du 10 au 14 octobre 2011

 

Jour 1

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

 

Jour 2

Organiser son espace de travail

- Manipuler les palettes et les fenêtres
- Enregistrer son espace de travail

 

Création / modifications 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 occurence

- Utilisation des palettes propriété, couleur, information et transformation
- Utilisation de la bibliothèque

 

Jour 3

 

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 une 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

 

Jour 4

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

 

Jour 5

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.

 

 

 

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 & 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 & 9

DreamWeaver 2/4

- Correspondances avec Fireworks

- Code et balises

- Liens, ancres, images et tableaux

 

Jour 10 & 11

DreamWeaver 3/4

- Gestion des cadres

- Utilisation des calques et DHTML

- Les medias

 

Jour 12 & 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 & 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 07 au 11 mars 2011; Du 05 au 09 mars 2011

 

 

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.