Aller au contenu principal

HTML 5 Edge Animate Découvrir l'animation

Date de mise à jour :
Identifiant Offre Info : 01_GE234542
Organisme responsable : AMS TRAINING (ouvre dans un nouvel onglet)

Nouvelle recherche

Présentation de la formation

Objectifs

Utiliser des dessins Illustrator dans des animations HTML 5.
Créer des animations pour des pages Web.
Rendre interactives des animations de base.
Utiliser des comportements JavaScript et manipuler des bibliothèques jQuery.
Utiliser des Web Fonts dans des animations.

Programme de la formation

Introduction à Adobe Edge - Format d'export. - Le principe de l'animation. - Installation et démarrage. - Le concept de base. - L'interface. - L'espace de travail. - Les menus. - Le scénario Premiers pas dans Adobe Edge - Créer un document Edge. - Définir une police Web (Google Web Fonts). - Sauvegarder un document Edge. - Analyse des fichiers créés. - Créer des formes. - Créer des éléments texte. - Propriétés des éléments L'import d'images - Les formats du Web…

Introduction à Adobe Edge
- Format d'export.
- Le principe de l'animation.
- Installation et démarrage.
- Le concept de base.
- L'interface.
- L'espace de travail.
- Les menus.
- Le scénario

Premiers pas dans Adobe Edge
- Créer un document Edge.
- Définir une police Web (Google Web Fonts).
- Sauvegarder un document Edge.
- Analyse des fichiers créés.
- Créer des formes.
- Créer des éléments texte.
- Propriétés des éléments

L'import d'images
- Les formats du Web (bitmap).
- Le format vectoriel : SVG.
- Sprite sheets.
- Import depuis Flash et Illustrator.

Animer une page Web simple dans Edge
- Animation basique.
- Utilisation de la timeline.
- Les clés d'animation.
- Animation complexe.
- Transitions et clés d'animation.
- Marques et pop.
- Gérer le temps et le rythme.
- Symboles et animations imbriquées.

Interactivité et code dans Edge
- Le principe de l'interactivité.
- Déclencheurs, évènements et actions.
- Les syntaxes possibles.
- JavaScript.
- JQuery.
- Animate.
- Balises et organisation du code.
- Les comportements.
- Code sur la timeline.
- Actions sur les objets.
- Création de comportements personnalisés (snippets).
- La notion de boutons.

Aller plus loin avec Edge
- Intégration Edge / Muse et Dreamweaver.

Intégration de médias
- Intégrer du son en HTML 5 via Edge Code.
- Intégrer une vidéo via les services de diffusion.
- Encodage d'une vidéo pour HTML 5.

Utilisation des fontes Web dans Edge
- Edge Web Fonts.

Validation et sanction

attestation de suivi ou de présence

Type de formation

Non certifiante

Niveau de sortie

Sans niveau spécifique

Durée, rythme, financement

Durée

En centre

21 h

Financement

Conventionnement
Oui

Conditions d'accès

Publics visés

  • Bénéficiaire allocation retour à l'emploi
  • Bénéficiaire allocation solidarité spécifique
  • Bénéficiaire du revenu de solidarité active
  • Demandeur d'emploi
  • Militaire en reconversion
  • Particulier, individuel
  • Public en emploi
  • Public sans emploi
  • Salarié
  • Salarié dans le cadre du CIF
  • Salarié dans le cadre du DIF
  • Salarié dans le cadre du plan de formation
  • Salarié en contrat aidé
  • Salarié en période de professionnalisation
  • Salarié en reconversion

Niveau d'entrée

Sans niveau spécifique

Conditions spécifiques et prérequis

Avoir une bonne connaissance de l'environnement informatique (pratique courante d'OS X ou de Windows). La pratique courante d'un logiciel de dessin vectoriel et bitmap est souhaitable.

Lieu de réalisation de l'action

Modalités d'enseignement

Formation mixte

Adresse

22 Rue de Medreville
54000 Nancy

Périodes prévisibles de déroulement des sessions

Début

Fin

Adresse d'inscription
22 Rue de Medreville
54000 Nancy
État du recrutement
Ouvert
Modalités
Entrées / Sorties à dates permanentes