HTML 5 Edge Animate Découvrir l’animation

HTML 5 Edge Animate Découvrir l’animation

HTML 5 Edge Animate Découvrir l’animation

Type(s) : P
Durée : 3 Jours – 21 Heures

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.

Objectif de la formation

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.

Public concerné

Webmasters, chefs de projets, programmeurs, développeurs et créateurs de sites Internet.

 

Profil du formateur

Formateur consultant, expert, pédagogue et certifié dans son domaine

Méthode pédagogique

La formation est constituée d’apports théoriques et d’exercices pratiques. Chaque stagiaire dispose d’un poste de travail et la gestion en petit groupe (jusqu’à 8 stagiaires) permet un suivi individualisé et adapté. Durant les sessions de formation, un support pédagogique est remis aux stagiaires.

Suivi, évaluation, sanction

Des tours de table permettent de suivre la progression du stagiaire au fur et à mesure de la formation. Un suivi de la formation est réalisé par une feuille de présence émargée par demi-journée par les stagiaires et le formateur. Un questionnaire de satisfaction et une validation des acquis sont complétés par chaque stagiaire en fin de formation.

Formation sans certification.

Plan du cours

Programme

 

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

Nous contacter

AMS Formation (France)
03 83 67 63 05
22 Rue de Medreville
54000 Nancy – France

AMS Formation (Luxembourg)
00 352 26 10 22 58
145, route de Pétange
L-4645 Niederkorn – Luxembourg

ams-formation@ams-training.com

Suivez-nous

Retrouvez toute l'actualité d'AMS Formation sur les réseaux sociaux.