CATALOGUE Code & Data Formation Edge Apprendre Adobe Edge Animate CC - Créez des contenus animés et interactifs

Formation Edge Animate : Création de sites web responsifs

Retour à la formation
Chapitre 1 Leçon 1
Précédent
Suivant

Découvrez comment utiliser Edge Animate pour créer des sites web responsifs, interactifs et adaptés à tous les écrans.

Détails de la leçon

Description de la leçon

Dans cette formation sur Edge Animate, vous apprendrez à créer des sites web qui s'adaptent à tous les périphériques et à tous les écrans. Nous commencerons par la mise en forme des pages élastiques grâce aux propriétés CSS, puis nous ajouterons de l'interactivité avec des comportements prédéfinis et des actions que nous coderons nous-mêmes. Cela inclut des notions de développement comme les conditions et les variables.

Nous explorerons aussi la personnalisation des animations à l'aide de classes externes, et comment intégrer des vidéos avec les balises HTML5 et créer des systèmes de chapitrage. En outre, je vous montrerai comment créer des interfaces parallaxes qui réagissent à la position du pointeur à l'écran. Enfin, nous aborderons la création d'animations de type Sprite Sheet ou Leapsync, particulièrement utiles pour le dessin animé.

En suivant cette formation, vous serez en mesure de réaliser des sites performants, compatibles avec tous les écrans, et découvrir que Edge tient réellement ses promesses.

Objectifs de cette leçon

Les objectifs de cette vidéo sont de :
- Maîtriser les outils d'Edge Animate pour créer des sites web responsifs.
- Apprendre à intégrer des animations et des vidéos.
- Découvrir des techniques avancées comme les interfaces parallaxes et les animations de type Sprite Sheet.

Prérequis pour cette leçon

Pour suivre cette formation, il est recommandé d'avoir des connaissances de base en HTML, CSS ainsi qu'en JavaScript.

Métiers concernés

Les compétences acquises dans ce programme sont particulièrement utiles pour les développeurs front-end, les designers d'interface utilisateur et les animateurs numériques.

Alternatives et ressources

Comme alternatives à Edge Animate, vous pouvez utiliser Adobe Animate ou GreenSock Animation Platform (GSAP) pour des animations similaires.

Questions & Réponses

Les principaux avantages d'utiliser Edge Animate incluent la création de sites web responsifs, l'intégration d'animations fluides, et la compatibilité avec tous les écrans et périphériques.
On peut ajouter de l'interactivité dans les animations en utilisant des comportements prédéfinis et en codant des actions personnalisées avec JavaScript, ce qui permet d'introduire des conditions et des variables.
Avec Edge Animate, on peut créer divers types d'animations, y compris des animations de type Sprite Sheet ou Leapsync, des interfaces parallaxes, et des animations interactives personnalisées.