Programme Formation Adobe edge animate html5 - perfectionnement

Télécharger le programme
au format PDF

  Demander un devis   

Lieu de la formation : 146 rue Paradis, 13006 Marseille, en entreprise ou à domicile

Durée : Session de 21 heures (3 jours)

Pour des formations plus longues, ou pour une demande de devis, veuillez nous contacter en utilisant le formulaire ci-dessous.

Pour qui ? Webmasters, graphistes, photographes, marketing, webmarketing...

Pré-requis : Bonne connaissance de l’environnement informatique (pratique courante d’OS X ou de Windows)

Prix : Cette formation s'effectue en session ou en formation individuelle. Merci de nous consulter pour reçevoir un devis

Gestion du code et de l’interactivité
• Utilisation du panneau code
• Accès au code et gestion des évènements
• Indication des erreurs de code dans l’interface Edge
• Debuggage dans la console web navigateur
• Utilisation additionnelle d’Adobe Edge Code

Javascript (éléments de syntaxe de base)
• Opérateur (arithmétiques, logiques, conditionnels...)
• Variables, functions, boucle, conditions, tableaux, objets

Methodologie de programmation dans Edge
• Déclaration et utilisation de fonctions
• Ciblage d’éléments ou de symboles depuis un scénario
• Ciblage d’éléments ou de symboles depuis une fonction
• Charger une librairie JS externe

Instructions Jquery et JS pour manipuler les objets
• Modifier la variable d’un champ texte
• Temporiser une action
• Afficher / masquer un élément (hide() / show())
• Récupérer les positions du pointeur pour faire suivre un objet ou créer une animation parallaxe
• Cibler un objet via son évènement (e.target)
• Supprimer une instance de symbole posée manuellement
• Créer ou supprimer dynamiquement une instance de symbole et la placer sur la scène
• Fonctions d’animation Jquery courante (animate())

Gestion CSS
• Utiliser une feuille de style externe
• Récupérer les valeurs de propriétés CSS d’un objet
• Modifier les propriété d’affichage d’objets via des css

• Centrage global d’une animation EA dans la page html
• Modifier les dimensions de l’animation Edge (Stage)
• Utiliser un motif répété en background
• Utiliser des curseurs personnalisés via CSS

Les options supplémentaires
• Création d’une page adaptative via la bibliothèque Jquery Edge commons
• Propriété Curseur
• Code sur la time line
• Utiliser les fonctions de réorganisation d’objets
• Modifier l’opacité, les couleurs (contours, fond) d’un objet
• Redimensionner ou déformer un objet
• Utiliser la fonction de rotation ou d’inclinaison d’un objet

Les médias
• Formats vidéo et codecs
• Préparer 3 formats vidéo standards (méthodes/outils)
• Appel d’une fonction en fin de vidéo
• Réalisation d’un chapitrage vidéo
• Insertion d’une vidéo Youtube via une iframe
• Préparer les formats audio standards (méthodes/outils)
• Insérer du son via ia balise standard html5 audio
• Gestion du son via bibliothèque Jquery Edge commons

Evènement scroll
• Création d’une animation parallaxe basée sur la poistion du scroll (horizontale ou verticale)

Les plus
• Création d’une Lightbox via jQuery Edge commons
• Test avec Adobe Edge Inspect